window.onload = initAll;

function initAll() {
	document.getElementById('menu1').onmouseout = hideMenu;
	document.getElementById('menu2').onmouseout = hideMenu;
	document.getElementById('menu3').onmouseout = hideMenu;
	document.getElementById('menu4').onmouseout = hideMenu;
}


function contains(a, b) {

  	while (b.parentNode) {	
		if ((b = b.parentNode) == a)  return true;
	}
 	return false;
}


function hideMenu(event) {

	var mouseFrom, movingTo;

	if (window.event) {
		mouseFrom = this;
		movingTo = window.event.toElement;
  	}
  	else {
    		mouseFrom = event.currentTarget;
    		movingTo = event.relatedTarget;
 	 }

 	 if (mouseFrom != movingTo && !contains(mouseFrom, movingTo)) {
		mouseFrom.style.visibility = "hidden";
	}
}


function hideAll(hide) {
	if (hide) {
		document.getElementById('menu0').style.visibility = "hidden"; 
		document.getElementById('menu1').style.visibility = "hidden"; 
		document.getElementById('menu2').style.visibility = "hidden"; 
		document.getElementById('menu3').style.visibility = "hidden"; 
		document.getElementById('menu4').style.visibility = "hidden"; 

}
	else {
		document.getElementById('menu0').style.zIndex = 100;
		document.getElementById('menu1').style.zIndex = 100;
		document.getElementById('menu2').style.zIndex = 100;
		document.getElementById('menu3').style.zIndex = 100;
		document.getElementById('menu4').style.zIndex = 100;
	 }

}


function showMenu(menuToShow) {
	hideAll(true);
	var myMenu = document.getElementById(menuToShow);
	myMenu.style.visibility = "visible";
	myMenu.style.zIndex = 120;
}