/***Vars and functions for menu***/
	
	//vars for current header and menu
	var activeHeader = null;
	var activeMenu = null;
	
	//Sets the current header and menu
	function setMenu(menuHeaderID,menuID)
	{
		var top = 0;
		var left = 0;
		var currentEle;
		
		if(document.all)
		{
			if(activeHeader != null && activeMenu != null)
			{
				if(activeMenu.style.visibility != 'hidden')
				{
					menuHide();
				}
			}
		
			activeHeader = eval("document.all('" + menuHeaderID + "');");
			activeMenu = eval("document.all('" + menuID + "');");
			
			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 the width of extra cell
			//at the end.
			left += (activeHeader.offsetWidth + 26);
			
			activeMenu.style.left = left;
			activeMenu.style.top = top;
			
			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';
		}
	}
	
	//Hide the current menu and reset vars
	//if the moved to element is not contained
	//within the menu.
	function hideMenu()
	{
		if(document.all)
		{
			if(activeHeader != null && activeMenu != null)
			{
				//Check if the "moved to" element is not 
				//contained within activeMenu.
				if(!activeMenu.contains(event.toElement)) 
				{
					activeMenu.style.visibility = 'hidden';
					//activeHeader.className = 'norm';
					activeHeader = null;
					activeHeader = null;
				}
			}
		}
	}