/*
note this script is only for IE because it doesn't support :hover pseudo-class 
for li elements
*/
var ua = navigator.userAgent.toLowerCase();
isIE = ((ua.indexOf("msie") != -1) && (ua.indexOf("opera") == -1) && (ua.indexOf("webtv") == -1)); 
isMoz = (ua.indexOf("gecko") != -1);
isSafari = (ua.indexOf("safari") != -1);
isKonqueror = (ua.indexOf("konqueror") != -1);

var _subMenu; // the current visible sub menu

// methods
function menu_init() {
	if(!isIE) return;
	
	var mainNav = document.getElementById("mainNav");
	mainNav.onmouseover = menu_mouseOver;
}

function menu_mouseOver(e) {	
	var target = window.event.srcElement;
	
	if(target.nodeName.toLowerCase() == "a") {
		var parent = target.parentNode;
		if(parent != null && parent.nodeName.toLowerCase() == "li") {
			var ulColl = parent.getElementsByTagName("ul");
			if(ulColl != null && ulColl.length > 0) {
				var ul = ulColl[0];
				if(ul != null) {
					if(_subMenu != null) {
						_subMenu.style.display = "none";
					}
					parent.onmouseleave = subMenu_mouseLeave;
					_subMenu = ul;
					ul.style.display = "block";
				}
			}
		}
	}
	
}

function subMenu_mouseLeave(e) {
	if(_subMenu != null) {
		_subMenu.style.display = "none";
	}

}