/*

			Top menu

		*/

		function oTopMenu( sName ) {
			this.iStaticActiveID	= -1;				// current page, cant change this one
			this.iActiveID			= -1;				// current active top menu id
			this.iActiveTimeout		= 0;				// current timeout
			this.oTopLayer			= null;				// top div container
			this.oSubLayer			= null;				// submenu div container
			this.sName				= sName;			// Name, same as menu variable
			this.aSubMenu			= new Array();		// Menu items
			this.oCurrent			= null;				// Current menu item, used to add submenues
			
			this.AddMenu			= _AddMenu;			// Add menu, AddMenu( sUrl, bActive, sImageOn, sImageOff )
			this.Build				= _Build;			// Build menu, Build( sTopLayer,sSubLayer )
			this.SubLayerOver		= _SubLayerOver;	// Mouseover event for submenu
			this.SubLayerOut		= _SubLayerOut;		// Mouseover event for submenu
		}

		function _Build( sTopLayer,sSubLayer ) {
			var iPosX			= 0;
			this.oTopLayer		= document.getElementById(sTopLayer);
			this.oSubLayer		= document.getElementById(sSubLayer);
			
			for(var j=0;j<this.aSubMenu.length;j++) {
				this.aSubMenu[j].iOffsetX = iPosX;
				this.aSubMenu[j].iOffsetY = 0;//this.aSubMenu[j].oImageOn.height;
				iPosX += this.aSubMenu[j].oImageOn.width;
			}
			
			for(var i=0;i<this.aSubMenu.length;i++) {
				this.oTopLayer.innerHTML += this.aSubMenu[i].Build();
			}
			//if(this.iStaticActiveID!=-1) this.aSubMenu[this.iStaticActiveID].bShow();
		}

		function _AddMenu( sUrl, bActive, sImageOn, sImageOff ) {
			if(bActive) this.iStaticActiveID = this.aSubMenu.length;
			this.oCurrent = this.aSubMenu[ this.aSubMenu.length ] = new oMenuItem( this.aSubMenu.length ,sUrl, bActive, sImageOn, sImageOff, this );
		}

		function _SubLayerOver( ) {
			
			clearTimeout(this.iActiveTimeout);
		}

		function _SubLayerOut() {
			
			if(this.iActiveID!=-1) {
				this.iActiveTimeout = setTimeout(this.sName + ".aSubMenu[" + this.iActiveID + "].bHide();",500);
			}
			
		}

		function oMenuItem( iID, sUrl, bActive, sImageOn, sImageOff, oTop ) {
			
			this.iOffsetX		= 0;
			this.iOffsetY		= 0;
			
			this.oDiv			= null;
			this.oTop			= oTop;
			this.iID			= iID;
			this.bActive		= bActive;
			
			this.sUrl			= sUrl;
			
			this.oImageOn		= new Image();
			this.oImageOff		= new Image();
			
			this.oImageOn.src	= sImageOn;
			this.oImageOff.src	= sImageOff;
			
			this.Add			= _SubAdd;
			
			this.Build			= _BuildMenu;
			this.MouseOver		= _MouseOver;
			this.MouseOut		= _MouseOut;
			this.bShow			= _bShow;
			this.bHide			= _bHide;
			this.aMenu			= new Array();
			
		}



		function _BuildMenu() {
			
			if(this.aMenu.length>0) {
				
				this.oDiv = document.createElement("DIV");
				this.oDiv.style.position	= "absolute";
				this.oDiv.style.left		= this.iOffsetX+1;
				this.oDiv.style.top			= this.iOffsetY;
				this.oDiv.style.visibility	= "hidden";
				this.oDiv.style.width		= "183px";
				this.oDiv.style.zIndex		= 100;
				this.oDiv.style.background	= "url(/webdoor/images/menu_background.gif) repeat-x";
				
				this.oDiv.innerHTML += "<div style=\"width:183px;height:3px;display:block;\" onmouseover=\"" + this.oTop.sName + ".SubLayerOver();\" onmouseout=\"" + this.oTop.sName + ".SubLayerOut();\"><img src=\"/webdoor/images/menu_top.gif\" width=\"183\" height=\"3\"></div>";

				for(var i=0;i<this.aMenu.length;i++) {
					if(this.aMenu[i].bActive) {
						this.oDiv.innerHTML += "<a style=\"padding-top:3px;width:183px;height:20px;display:block;font: 10px arial;font-weight:bold;background:url(/webdoor/images/menu_bg_on.gif);color:#ffc21c;text-decoration:none;\" onmouseover=\"" + this.oTop.sName + ".SubLayerOver();\" onmouseout=\"" + this.oTop.sName + ".SubLayerOut();\" href=\"" + this.aMenu[i].sUrl + "\">&nbsp;&nbsp; > " + this.aMenu[i].sName + "</a>";
					}
					else {
						this.oDiv.innerHTML += "<a style=\"padding-top:3px;width:183px;height:20px;display:block;font: 10px arial;font-weight:bold;background:url(/webdoor/images/menu_bg_off.gif);color:#000000;text-decoration:none;\" onmouseover=\"" + this.oTop.sName + ".SubLayerOver();this.style.background='url(/webdoor/images/menu_bg_on.gif)';this.style.color='#ffc21c';\" onmouseout=\"" + this.oTop.sName + ".SubLayerOut();this.style.background='url(/webdoor/images/menu_bg_off.gif)';this.style.color='#000000';\" href=\"" + this.aMenu[i].sUrl + "\">&nbsp;&nbsp; > " + this.aMenu[i].sName + "</a>";
					}
				}
				
				this.oDiv.innerHTML += "<div><img src=\"/webdoor/images/menu_footer.gif\" width=\"183\" height=\"6\"></div>";
				
				this.oTop.oSubLayer.appendChild( this.oDiv );
				
			}
			
			if(this.bActive)	return("<a href=\"" + this.sUrl + "\" onmouseover=\"" + this.oTop.sName + ".aSubMenu[" + this.iID + "].MouseOver();\" onmouseout=\"" + this.oTop.sName + ".aSubMenu[" + this.iID + "].MouseOut();\"><img src=\"" + this.oImageOn.src + "\" border=\"0\" alt=\"\"></a>");
			else				return("<a href=\"" + this.sUrl + "\" onmouseover=\"" + this.oTop.sName + ".aSubMenu[" + this.iID + "].MouseOver();\" onmouseout=\"" + this.oTop.sName + ".aSubMenu[" + this.iID + "].MouseOut();\"><img src=\"" + this.oImageOff.src + "\" border=\"0\" alt=\"\"></a>");
			
		}

		function _bShow() {
			
			this.oTop.iActiveID = this.iID;
			
			
			if(this.aMenu.length>0) {
				this.oDiv.style.visibility = "visible";
				this.oDiv.parentNode.style.visibility = "visible";
			}
			this.oTop.oTopLayer.childNodes[this.iID].childNodes[0].src = this.oImageOn.src;
		}

		function _bHide(bChange) {
			
			if(this.aMenu.length>0) {
				this.oDiv.style.visibility = "hidden";
				this.oDiv.parentNode.style.visibility = "hidden";
			}
			this.oTop.iActiveID = -1;
			if(this.oTop.iStaticActiveID!=this.iID) {
				this.oTop.oTopLayer.childNodes[this.iID].childNodes[0].src = this.oImageOff.src;
			}
			
			//if(!bChange && this.oTop.iStaticActiveID!=-1)this.oTop.aSubMenu[this.oTop.iStaticActiveID].bShow();
			
			
		}


		function _MouseOver( ) {
			
			if(this.oTop.iActiveID != -1) {
				clearTimeout(this.oTop.iActiveTimeout);
				this.oTop.aSubMenu[this.oTop.iActiveID].bHide(true);
				this.oTop.iActiveID = -1;
			}
			this.bShow();
		}

		function _MouseOut( ) {
			
			this.oTop.iActiveTimeout = setTimeout(this.oTop.sName + ".aSubMenu[" + this.iID + "].bHide();",500);
		}

		function _SubAdd( sUrl, sName, bActive ) {
			this.aMenu[this.aMenu.length] = new SubMenu( sUrl,sName,bActive );
		}

		function SubMenu( sUrl,sName,bActive ) {
			this.sUrl			= sUrl;
			this.sName			= sName;
			this.bActive		= bActive;
		}