var objNavMenu = null;
var prevObjNavMenu = null;
var prevObjDropMenu = null;
var numMenuHeaders = 9;
////// link styles
var bgLinkMi = 'url(images/gi_menu-bg-mi.jpg)';
var bgLinkColor = '#92c1eb';
var bgLinkHover = '#154470';
var bgLinkActive = '#154470';
var bgLinkMo = 'url(images/gi_menu-bg-mo.jpg)';
var linkColor = '#ffffff';
var linkHover = '#ffffff';
var linkActive = '#ffffff';

var isIE = null;
if (navigator.appName.indexOf('Microsoft Internet Explorer') != -1) isIE=1;

function initDropMenu () {
	document.onclick = hideDropMenu;
	for (i=1; i<=numMenuHeaders; i++) {
		navName = 'navMenu' + i;
		objNavMenu = document.getElementById(navName);
		switch (i) {
			case 1:
			case 7:
			case 8:
			case 9:
				objNavMenu.onmouseover = doMouseOver;
				objNavMenu.onmouseout = doMouseOut;
				break;
			case 2:
			case 3:
			case 4:
			case 5:
			case 6:
				menuName = 'dropMenu' + i;
				objDropMenu = document.getElementById(menuName);
				objDropMenu.style.visibility = 'hidden';
				objNavMenu.onmouseover = showDropMenu;
				objNavMenu.onclick = showDropMenu;
				objNavMenu.onmouseout = menuOut;
				break;
		}
	}
	objNavMenu = null;
	return;
}

function menuOut(e) {
	document.onclick = hideDropMenu;
	outObjNavMenu = document.getElementById(this.id);
	if (outObjNavMenu != objNavMenu) {
		outObjNavMenu.style.color = linkColor;
		outObjNavMenu.style.backgroundColor = bgLinkColor;
		outObjNavMenu.style.backgroundImage = bgLinkMo;
		outObjNavMenu.style.backgroundPosition = 'top';
		outObjNavMenu.style.backgroundRepeat = 'repeat-x';
	}
}

function showDropMenu(e) {
	menuName = 'drop' + this.id.substring(3,this.id.length);
	objDropMenu = document.getElementById(menuName);
	if (prevObjDropMenu == objDropMenu) {
			hideDropMenu();
		return;
	}
	if (prevObjDropMenu != null) hideDropMenu();
	objNavMenu = document.getElementById(this.id);
	if ((prevObjNavMenu != objNavMenu ) || (prevObjDropMenu == null)) {
		objNavMenu.style.color = linkActive;
		objNavMenu.style.backgroundColor = bgLinkActive;
		objNavMenu.style.backgroundImage = bgLinkMi;
		objNavMenu.style.backgroundPosition = 'top';
		objNavMenu.style.backgroundRepeat = 'repeat-x';
	}
	
	if (objDropMenu) {
		xPos = objNavMenu.offsetParent.offsetLeft + objNavMenu.offsetLeft;
		yPos = objNavMenu.offsetParent.offsetTop + objNavMenu.offsetParent.offsetHeight;
		if (isIE) {
			yPos -= 0; // 1
			xPos -= 0; // 6
		}
		objDropMenu.style.left = xPos + 'px';
		objDropMenu.style.top = yPos + 'px';
		objDropMenu.style.visibility = 'visible';
		prevObjDropMenu = objDropMenu;
		prevObjNavMenu = objNavMenu;
	}

}

function doMouseOver(e) {
	objMenuOptOver = document.getElementById(this.id);
	objMenuOptOver.style.color = linkActive;
	objMenuOptOver.style.backgroundColor = bgLinkActive;
	objMenuOptOver.style.backgroundImage = bgLinkMi;
	objMenuOptOver.style.backgroundPosition = 'top';
	objMenuOptOver.style.backgroundRepeat = 'repeat-x';
	
	if (prevObjDropMenu == objDropMenu) {
			hideDropMenu();
		return;
	}
}

function doMouseOut(e) {
	objMenuOptOut = document.getElementById(this.id);
	objMenuOptOut.style.color = linkColor;
	objMenuOptOut.style.backgroundColor = bgLinkColor;
	objMenuOptOver.style.backgroundImage = bgLinkMo;
	objMenuOptOver.style.backgroundPosition = 'top';
	objMenuOptOver.style.backgroundRepeat = 'repeat-x';
}

function hideDropMenu() {
	document.onclick = null;
	if (prevObjDropMenu) {
		prevObjDropMenu.style.visibility = 'hidden';
		prevObjDropMenu = null;
		prevObjNavMenu.style.color = linkColor;
		prevObjNavMenu.style.backgroundColor = bgLinkColor;
		prevObjNavMenu.style.backgroundImage = bgLinkMo;
		prevObjNavMenu.style.backgroundPosition = 'top';
		prevObjNavMenu.style.backgroundRepeat = 'repeat-x';
	}
	objNavMenu = null;
}

window.onload=initDropMenu;