if (window.addEventListener) { window.addEventListener("load", setupMenu, false); }
else if (window.attachEvent) { window.attachEvent("onload", setupMenu, false); }

var oMenu;
var timerHandle;

function setupMenu() {
	oEl		= document.getElementById("menubar");
	aLinks	= oEl.getElementsByTagName("li");
	
	for (var i=0; i<aLinks.length; i++) {
		aList	= aLinks[i].getElementsByTagName("ul");
		if (aList.length > 0) {
			oLink = aLinks[i].getElementsByTagName("a")[0];
			if (aLinks[i].addEventListener) { 
				oLink.addEventListener("mouseover", showMenu, false); 
				oLink.addEventListener("mouseout", setMenuTimeout, false);
			}
			else if (aLinks[i].attachEvent) { 
				oLink.attachEvent("onmouseover", showMenu, false); 
				oLink.attachEvent("onmouseout", setMenuTimeout, false); 
			}
		}
	}
}

function showMenu(e) {
	if (!e) var e = window.event;
	var targ = (e.target) ? e.target : e.srcElement;
	
	hideMenu();
	
	oEl = targ.parentNode.parentNode;//document.getElementById("menubar1");
	oMenu = oEl.getElementsByTagName("ul")[0];

	//oMenu.style.display = "block";
	oMenu.style.visibility = "visible";
	oMenu.onmouseover = function() { clearTimeout(timerHandle); }
	oMenu.onmouseout = setMenuTimeout;
	oMenu.style.zIndex = 1000;
	
}

function hideMenu() {
	clearTimeout(timerHandle);
	
	oEl		= document.getElementById("menubar");
	aLinks	= oEl.getElementsByTagName("li");
	
	for (var i=0; i<aLinks.length; i++) {
		aList	= aLinks[i].getElementsByTagName("ul");
		if (aList.length > 0) {
			aList[0].style.visibility = "hidden";
		}
	}
}

function setMenuTimeout() {
	clearTimeout(timerHandle);
	timerHandle = setTimeout(hideMenu, 500);
}