/***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(menuHeaderObj, menuID) {
		var top = 0;
		var left = 0;
		var currentEle;		

		if(activeHeader != null && activeMenu != null) {
			if(activeMenu.style.visibility != 'hidden') {
				menuHide();
				showSelect();
			}
		}
	
		activeHeader = menuHeaderObj;
		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;
		activeMenu.style.top = top;
		
		hideSelect();
		menuShow();
		
		event.cancelBubble = true;

	}
	
	//Show the current menu
	function menuShow()
	{
		//activeHeader.className = 'over';
		activeMenu.style.visibility = 'visible';
	}
	
	//Hide the current menu
	function menuHide()
	{
		//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(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';
				menuChange(activeHeader);
				//alert("error")
				activeHeader = null;
				activeMenu = null;
				showSelect();
			}
		}
	}
	
	//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;
		}
	}

	function menuChange(srcEle)
	{				
		if(srcEle.className.toLowerCase() == 'menuregular')
		{
			srcEle.className = 'menuHighlight';
		}
		else
		{
			srcEle.className = 'menuRegular';
		}
	}


		
function displayTimeStamp()
	{
	var now = new Date();
	var text = (now.getMonth() + 1) + "/" + now.getDate() + "/" + now.getFullYear() 
		+ " " + now.toTimeString();
	document.getElementById("timeStamp").innerHTML = now.toDateString() + " " + now.toTimeString();
	}

setInterval("displayTimeStamp()", 1000);