var timeDelay=700;
var activeMenu;
var fadeOpacity=0;
var fadeTimer;

function onRootOver(itm) {
	showSubMenu(itm.parentNode);
	
}
function onRootOut(itm) {
	hideSubMenu(itm.parentNode);
}
function onSubOver(itm) {
	showSubMenu(itm.parentNode.parentNode);
	itm.className="menuItemHover";
}
function onSubOut(itm) {
	hideSubMenu(itm.parentNode.parentNode);
	itm.className="menuItem";
}

function showSubMenu(itm) {
	if (activeMenu) {
		if (activeMenu!=itm) {
			hideActiveSub();
		}
	}
	activeMenu=itm;
	var sub=getSubMenu(itm);
	
	activeMenu.mouseIsOver=true;
	clearTimeout(itm.timeoutID);
	sub.style.visibility="visible";
	getRootItem(itm).className="menuRootHover";
	fadeIn();
}
function hideSubMenu(itm) {
	var sub=getSubMenu(itm);
	itm.mouseIsOver=false;
	itm.timeoutID=setTimeout("hideActiveSub()", timeDelay);
}

function hideActiveSub() {
	if (!activeMenu.mouseIsOver) {
		clearTimeout(fadeTimer);
		fadeOpacity=0;				
		getSubMenu(activeMenu).style.visibility="hidden";
		getRootItem(activeMenu).className="menuRoot";
	}
}

function getSubMenu(menu) {	
				
	return menu.getElementsByTagName("DIV")[1];
}
function getRootItem(menu) {				
	return menu.getElementsByTagName("DIV")[0];
}

function fadeIn() {
	fadeTarget=getSubMenu(activeMenu);	
	if (fadeTarget) {
		if (fadeOpacity <= 100) {		
			if (fadeTarget.style.MozOpacity!=null) {
				fadeTarget.style.MozOpacity = (fadeOpacity/100)-.001;
				} else if (fadeTarget.style.opacity!=null) {
				fadeTarget.style.fadeOpacity = (fadeOpacity/100)-.001;
			} else if (fadeTarget.style.filter!=null) {
				fadeTarget.style.filter = "alpha(opacity="+fadeOpacity+")";
			}
			fadeOpacity += 5;
			fadeTimer=window.setTimeout("fadeIn()", 10);
		}
	}
}
function showPage(url) {
	//alert("URL: "+url);
	if (url!="" && url!=null) {
		document.location=url;
	}
}