// Steps in rollover menus
	// 1. Swap images (if required)
	// 2. If other menu was visible, hide it and swap images
	// 3. Generate sub nave menu (if it exists)
	//		3.1. set the left position property.
	//		3.2. set the visibility to visible
	// 4. Set a 3 second time out to hide the sub nav menu

	// This will hold the elementId of the current visible sub menu.
	var visibleMenuId = "";
	var timeToHide;

	function showNav (menuId) {
		var subNav;
		var navItm = document.getElementById(menuId);
		
		if (timeToHide) {
			clearTimeout(timeToHide);
		}
		timeToHide = setTimeout('hideNav()', 1500);

		// If there is a currently visible menu, 
		// and it isn't the one moused over
		if (visibleMenuId != "" && visibleMenuId != menuId) {
			hideNav();		
		}
		// If the current moused-over nav is already visible, return
		if (visibleMenuId == menuId) {
			return;
		}

		subNav = document.getElementById(menuId + "_sub");
		if (subNav) {
			//alert("has sub menu");
			subNav.style.left = findPosX(menuId);
			//subNav.style.top = 146;
			subNav.style.visibility = "visible";
		}

		visibleMenuId = menuId;
	}

	function hideNav () {
		var subNav;
		var navItm;

		if (visibleMenuId != "") {
			navItm = document.getElementById(visibleMenuId);
			if (navItm) {
				//topNavImgOut(visibleMenuId);
				//navItm.style.background = "#D2D2D2";
			}

			subNav = document.getElementById(visibleMenuId + "_sub");
			if (subNav) {
				subNav.style.visibility = "hidden";
			}
			visibleMenuId = "";
		}
	}


	function findPosX(elementId) {
		var obj = document.getElementById(elementId);
		var curleft = 0;
		if (obj.offsetParent) {
			while (obj.offsetParent) {
				curleft += obj.offsetLeft;
				obj = obj.offsetParent;
			}
		}
		else if (obj.x) {
			curleft += obj.x;
		}
		return curleft;
	}