/***Vars and functions for menu***/

	if(typeof(HTMLElement)!="undefined")
	HTMLElement.prototype.contains=function(obj)
	{
		if(obj==this)return true;
		while(obj=obj.parentNode)
			if(obj==this){
				return true;
		}
		return false;
	}	 

	//vars for current header and menu
	var activeHeader = null;
	var activeMenu = null;

	//Sets the current header and menu
	function setMenu(menuHeaderID,menuID,top_v,left_v,over_pic,event)
	{
		var top = top_v;
		var left = left_v;
		var currentEle;

		//if(document.all)
		//{
			if(activeHeader != null && activeMenu != null)
			{
				if(activeMenu.style.visibility != 'hidden')
				{
					menuHide();
					showSelect();
				}
			}

			//alert(menuID);
			//alert(menuHeaderID);
			//eval("document.all('" + menuHeaderID + "');");
			//eval("document.all('" + menuID + "');");
			activeHeader = document.getElementById(menuHeaderID);
			//activeHeader.background=over_pic;
			activeHeader.style.background="url('"+over_pic+"')";
			activeMenu = document.getElementById(menuID);
			menuChange(activeHeader);
			currentEle = activeHeader;

			//Find the top and left of header and its parent elements
			while(currentEle.tagName.toLowerCase() != 'body')
			{
				top += currentEle.offsetTop;
				left += currentEle.offsetLeft;
				currentEle = currentEle.offsetParent;
			}

			//Add the width of the header, and width of extra image.
			top += (activeHeader.offsetHeight);

			//alert(left);
			activeMenu.style.left = left + "px";
			activeMenu.style.top = top + "px";

			hideSelect();
			menuShow();

			event.cancelBubble = true;
	//	}
	}

	//Show the current menu
	function menuShow()
	{
		//if(document.all)
		//{
			activeHeader.className = 'over';
			activeMenu.style.visibility = 'visible';
		//}
	}

	//Hide the current menu
	function menuHide()
	{
		//if(document.all)
		//{
			//activeHeader.className = 'norm';
			activeMenu.style.visibility = 'hidden';
		//}
		//else
		//{
		//	activeMenu.style.display="none";
		//}
	}

	//Hide the current menu and reset vars
	//if the moved to element is not contained
	//within the menu.
	function hideMenu(menuHeaderID,out_pic,event)
	{
		//if(document.all)
		//{
			//alert(event.clientX);
			//var event = event|window.event;
			if(activeHeader != null && activeMenu != null)
			{
				//Check if the "moved to" element is not
				//contained within activeMenu.
				//event.target
				if(!activeMenu.contains(event.relatedTarget||event.toElement))
				{
					activeMenu.style.visibility = 'hidden';
					//activeHeader.className = 'norm';
					menuChange(activeHeader);
					//alert("error")
					activeHeader = null;
					activeMenu = null;
					showSelect();

					//eval("document.all('" + menuHeaderID + "');");
					activebackground = document.getElementById(menuHeaderID);
					//activebackground.background=out_pic;
					activebackground.style.background="url('"+out_pic+"')";
				}
			}
		//}
	}

	//show dropdown when menu is hidden
	function showSelect()
	{
		var obj;

		for(var i = 0; i < document.getElementsByTagName("select").length; i++)
		{
			obj = document.getElementsByTagName("select")[i];
			//alert(obj.id);
			if(!obj || !obj.offsetParent)
				continue;
			obj.style.visibility = 'visible';
		}
	}

	//hide dropdown so menu can cover it when menu is visible
	function hideSelect()
	{
		var obj;
		var currentEle;
		var top = 0;
		var left = 0;
		var menuHeight;
		var timeout;

		for(var i = 0; i < document.getElementsByTagName("select").length; i++)
		{
			obj = document.getElementsByTagName("select")[i];
			currentEle = obj;

			while(currentEle.tagName.toLowerCase() != 'body')
			{
				top += currentEle.offsetTop;
				left += currentEle.offsetLeft;
				currentEle = currentEle.offsetParent;
			}
			if(activeMenu != null)
			{
				menuHeight = (activeMenu.offsetTop + activeMenu.offsetHeight);

				if(top < menuHeight)
				{
					if((left < (activeMenu.offsetLeft + activeMenu.offsetWidth)) && (left + obj.offsetWidth > activeMenu.offsetLeft))
						obj.style.visibility = 'hidden';
				}
			}
			top = 0;
			left = 0;
		}
	}
/***************************************************************************************************************/
	//Hightlight the menu option
	function menuChange(srcEle)
	{
		if(srcEle.className.toLowerCase() == 'menuregular')
		{
			srcEle.className = 'menuHighlight';
		}
		else
		{
			srcEle.className = 'menuRegular';
		}
	}
/***************************************************************************************************************/
	//change the menu's background.
	function background_change(cha_obj,cha_pic)
	{
		cha_obj.style.background="url('"+cha_pic+"')";
		//alert(cha_obj.background-image);
	}
  function MM_preloadImages() {
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
      var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
      if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  }