function getRelTargetFrom(e) { // MouseOver
	var relTarg;
	if (!e) var e = window.event;
	if (e.relatedTarget) relTarg = e.relatedTarget;
	else if (e.fromElement) relTarg = e.fromElement;
	return relTarg;
}
function getRelTargetTo(e) { // MouseOut
	var relTarg;
	if (!e) var e = window.event;
	if (e.relatedTarget) relTarg = e.relatedTarget;
	else if (e.fromElement) relTarg = e.toElement;
	return relTarg;
}


boolMenuShowing = false;
boolMenuHiding = false;


function showMenu(e, menu) {
	relTarg = getRelTargetFrom(e);
	
	PPId = relTarg.parentNode.parentNode.id;
	PPPId = relTarg.parentNode.parentNode.parentNode.id
	//alert("Menu: " + menu + "\nCurrent: " + relTarg.id + "\nParent: " + relTarg.parentNode.id + "\nPP: " + PPId + "\nPPP: " + PPPId + "\n");
	
	var tab = "tab-" + menu;
	var bar = "menu-bar-" + menu;
	
	if (PPId!=tab && PPPId!=tab && PPId!="") { // If the parent tags aren't the same tab // && PPId!="menu-bar"
		//if ($("menu-bar").style.display=="block") { return false; }
		
		$("menu-bar-about-us").style.display = "none";
		$("menu-bar-help").style.display = "none";
		$("menu-bar-ordering").style.display = "none";					
		$("tab-about-us").className = "tab-span2";	
		$("tab-help").className = "tab-span2";	
		$("tab-ordering").className = "tab-span2";	
		
		$("menu-bar").style.display = "block";
		$(bar).style.display = "block";
		$(tab).className = "tab-span2-on";
				
		//new Effect.SlideDown("menu-bar", {duration:0.5, afterFinish: function() { $(bar).style.display = "block"; } } );
	 }				 
}

function hideMenu(e, menu) {
	relTarg = getRelTargetTo(e);
	
	PPId = relTarg.parentNode.parentNode.id;
	PPPId = relTarg.parentNode.parentNode.parentNode.id
	//alert("Menu: " + menu + "\nCurrent: " + relTarg.id + "\nParent: " + relTarg.parentNode.id + "\nPP: " + PPId + "\nPPP: " + PPPId + "\n");
	
	var tab = "tab-" + menu;
	var bar = "menu-bar-" + menu;

	if (PPId=="outerwrap1" || PPId=="outerwrap2" || PPPId=="outerwrap1" || PPPId=="outerwrap2" && PPId!="menu-bar") { // hide if parents are base elements
	
		 if ($("menu-bar").style.display=="none") { return false; }
		 		 
		 menuTimeout = window.setTimeout("hideSubMenus();", 1000);
		 		
		// new Effect.SlideUp("menu-bar", {duration:0.5} );			 
	}
}

var menuTimeout;

function showSubMenu(e, menu) {
	relTarg = getRelTargetFrom(e);
	
	PPId = relTarg.parentNode.parentNode.id;
	PPPId = relTarg.parentNode.parentNode.parentNode.id
	//alert("Menu: " + menu + "\nCurrent: " + relTarg.id + "\nParent: " + relTarg.parentNode.id + "\nPP: " + PPId + "\nPPP: " + PPPId + "\n");
	
	window.clearTimeout(menuTimeout);
	
	var tab = "tab-" + menu;
	var bar = "menu-bar-" + menu;

	 if ($("menu-bar").style.display=="block") { return false; }
	 $("menu-bar").style.display = "block";
	 $(bar).style.display = "block";
	 $(tab).className = "tab-span2-on";			 
	 
}

function hideSubMenu(e, menu) {
	relTarg = getRelTargetTo(e);
	
	PPId = relTarg.parentNode.parentNode.id;
	PPPId = relTarg.parentNode.parentNode.parentNode.id
	//alert("Menu: " + menu + "\nCurrent: " + relTarg.id + "\nParent: " + relTarg.parentNode.id + "\nPP: " + PPId + "\nPPP: " + PPPId + "\n");
	
	var tab = "tab-" + menu;
	var bar = "menu-bar-" + menu;

	if (PPId=="outerwrap1" || PPId=="outerwrap2" || PPPId=="outerwrap1") { // hide if parents are base elements //|| PPPId=="outerwrap2"
		if ($("menu-bar").style.display=="none") { return false; }
		 
		menuTimeout = window.setTimeout("hideSubMenus();", 1000);
				
	}
}


function hideSubMenus() {		
	 $("menu-bar-about-us").style.display = "none";
	 $("menu-bar-help").style.display = "none";
	 $("menu-bar-ordering").style.display = "none";					 
	 $("tab-about-us").className = "tab-span2";	
	 $("tab-help").className = "tab-span2";	
	 $("tab-ordering").className = "tab-span2";	
	 
	 $("menu-bar").style.display = "none";
}