// Determine browser type.
var isIE = (navigator.appName == "Microsoft Internet Explorer") ? 1 : 0;
var isNS = (navigator.appName == "Netscape") ? 1 : 0;
var isNS4 = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) < 5);

// Check to make sure the mouse doesn't move off the page
if (isIE)
	document.onmouseout = offPage;
// Edited to work with Netscape 4.x, this also works on opera
if (isNS && !isNS4)
	document.addEventListener("mouseout", offPage, true);

// Should the mouse go off the document window hide all menus
function offPage(event){
	var offScreen;
	if (isIE) offScreen = (window.event.clientY < 5) ? 1 : 0;
	if (isNS) offScreen = (event.pageY < 5) ? 1 : 0;
	if (offScreen) hide();
}

// Hide all the menus
function hide(){
	// Very poorly done, however works...need to glamorize this later
	
	//var currentElement = document.getElementById("clearAll");
	//currentElement.style.visibility = "hidden";
	
	var currentElement = document.getElementById("subMenu0");
	currentElement.style.visibility = "hidden";
	var currentElement = document.getElementById("subMenu1");
	currentElement.style.visibility = "hidden";
	var currentElement = document.getElementById("subMenu2");
	currentElement.style.visibility = "hidden";
	var currentElement = document.getElementById("subMenu3");
	currentElement.style.visibility = "hidden";
}

// Shows the submenu for the menu item
function showSubMenu(menuName, parentObj) {
	hide();
	//var left = parentObj.offsetLeft
	//var top	 = parentObj.offsetHeight

	var top = document.getElementById("menuBar").offsetTop + document.getElementById("menuBar").offsetHeight;	
	var left = document.getElementById("menuBar").offsetLeft + parentObj.offsetLeft
	// Make the background layer visible for catching the mouse as it leaves the menu
	//var currentElement = document.getElementById("clearAll");
	//currentElement.style.visibility = "visible";
	
	// Show the correct sub-menu
	var currentElement = document.getElementById(menuName);
	currentElement.style.left 	= left;
	currentElement.style.top 	= top + 1;
	currentElement.style.visibility = "visible";
}