// JavaScript Document

HtMenu = function (local, scope) {
	this.items=[]
	this.scope	=	this
	this.crtId	=	""
	
	this.local	=	document.getElementById(local)
	
	this.imagePath	=	"/templates/t1/images/"
	
	this.items[0]	={
				src0:"banner_mini_HtParque_0.png",
				src1:"banner_mini_HtParque_1.png",
				url:"/?id=2",
				align: "left"}
	this.items[1]	={
				src0:"banner_mini_HtElevador_0.png",
				src1:"banner_mini_HtElevador_1.png",
				url:"/?id=3",
				align: "center"}
	this.items[2]	={
				src0:"banner_mini_HtLago_0.png",
				src1:"banner_mini_HtLago_1.png",
				url:"/?id=4",
				align: "center"}
	this.items[3]	={
				src0:"banner_mini_HtTemplo_0.png",
				src1:"banner_mini_HtTemplo_1.png",
				url:"/?id=5",
				align: "right"}
				
	
	this.main()
};
/*---------------------------------------------------------------*/
HtMenu.prototype = new Object();
/*---------------------------------------------------------------*/
//main
/*---------------------------------------------------------------*/
HtMenu.prototype.main = function() {
	this.buildMenu()
	this.setEvntes()
	this.hilightMenu()
};

HtMenu.prototype.buildMenu = function() {
	
	str	=	""
	str	+=	'<table width="100%" border="0" cellspacing="0" cellpadding="0">'
	str	+=	'<tr>'
	for(k=0;k<this.items.length;k++)
	{
		str +=	'<td align="'+ this.items[k].align +'"><a href="' +this.items[k].url+ '"><img id="htMenuId_'+ k +'" src="'+ this.imagePath + this.items[k].src0 +'" border="0"></a></td>'
	}
	str	+=	'</tr>'
	str	+=	'</table>'
	
	this.local.innerHTML	=	str
	
};

HtMenu.prototype.setEvntes = function() {
	for(k=0;k<this.items.length;k++)
	{
		menu	=	document.getElementById("htMenuId_"+k)
		
		menu.src0	=	new Image()
		menu.src1	=	new Image()
		
		menu.src0.src	=	this.imagePath	+	this.items[k].src0
		menu.src1.src	=	this.imagePath	+	this.items[k].src1
		
		menu.onmouseover	=	this._onmouseover
		menu.onmouseout		=	this._onmouseout;
		
		menu.scope	=	this.scope
	}
};

HtMenu.prototype._onmouseover = function(e) {
	
	this.src	=	this.src1.src
};

HtMenu.prototype._onmouseout = function(e) {
	
	id	=	this.id.slice(9)
	
	if(this.scope.crtId!=id){
		this.src	=	this.src0.src
	}
};

HtMenu.prototype.hilightMenu = function(e) {
	loc	=	document.location.href
	a	=	loc.split("?")
	if(!a[1])
	return;
	
	a	=	a[1].split("&")
	if(!a.length)
	return;
	
	args	=	{}
	for(k=0;k<a.length;k++)
	{
		bufer	=	a[k].split("=")
		args[bufer[0]]	=	bufer[1]
	}
	
	if(!args.id)
	return;
	
	for(k=0;k<this.items.length;k++)
	{
		str	=	new String("id="+args.id)
		if(this.items[k].url.indexOf(str)!=-1)
		{
			
			menu	=	document.getElementById("htMenuId_"+k)
			menu.src	=	menu.src1.src
			this.crtId	=	k
		}
	}
	
};