var objMenuBarItem = null;
var prevobjMenuBarItem = null;
var prevObjDropDownMenu = null;
//var numDropDownMenu = 10;
var numDropDownMenu = 6;

//-- link styles
var bgLinkColor = '#D1D125';
var bgLinkHover = '#FFDA2F';
var bgLinkActive = '#FFDA2F';
var linkColor = '#000000';
var linkHover = '#000000';
var linkActive = '#000000';
var isIE = null;

if (navigator.appName.indexOf('Microsoft Internet Explorer') != -1){
	isIE = 1;
}
else {
	isIE = 0;
}

function initDropDownMenu(){
	document.onclick = hideDropDownMenu;
	for (i = 0; i < numDropDownMenu; i++) {
		menuBarItem = 'menuBarItem' + i;
		objMenuBarItem = document.getElementById(menuBarItem);
		objMenuBarItem.onmouseover = showDropDownMenu;
		objMenuBarItem.onmouseout = menuOut;
		objMenuBarItem.onclick = showDropDownMenu;
		dropDownMenu = 'dropDownMenu' + i;
		objDropDownMenu = document.getElementById(dropDownMenu);
		objDropDownMenu.style.visibility = 'hidden';
	}
	objMenuBarItem = null;
	return;
}

function menuOut (e) {
	document.onclick = hideDropDownMenu; 
	outobjMenuBarItem = document.getElementById(this.id);
	if (outobjMenuBarItem != objMenuBarItem) {
		outobjMenuBarItem.style.color = linkColor;
		outobjMenuBarItem.style.backgroundColor = bgLinkColor;
	}
}

function showDropDownMenu(e){
	dropDownMenuInstance = 'dropDownMenu' + this.id.substring(11, this.id.length);
	objDropDownMenu = document.getElementById(dropDownMenuInstance);
	if (prevObjDropDownMenu == objDropDownMenu){
		hideDropDownMenu();
		return;
	}
	if (prevObjDropDownMenu != null) hideDropDownMenu();
	objMenuBarItem = document.getElementById(this.id);
	if((prevobjMenuBarItem != objMenuBarItem) || (prevObjDropDownMenu == null)){
		objMenuBarItem.style.color = linkActive;
		objMenuBarItem.style.backgroundColor = bgLinkActive;
	}
	if (objDropDownMenu){
		xPos = objMenuBarItem.offsetParent.offsetLeft + objMenuBarItem.offsetLeft;
		yPos = objMenuBarItem.offsetParent.offsetTop + objMenuBarItem.offsetParent.offsetHeight;
		if (isIE){
			xPos -= 1;
			yPos -= 6;
		}
		objDropDownMenu.style.left = xPos + 'px';
		objDropDownMenu.style.top = yPos + 'px';
		objDropDownMenu.style.visibility = 'visible';
		prevObjDropDownMenu = objDropDownMenu;
		prevobjMenuBarItem = objMenuBarItem;
	}
}

function hideDropDownMenu(){
	document.onclick = null;
	if (prevObjDropDownMenu){
		prevObjDropDownMenu.style.visibility = 'hidden';
		prevObjDropDownMenu = null;
		prevobjMenuBarItem.style.color = linkColor;
		prevobjMenuBarItem.style.backgroundColor = bgLinkColor;
	}
	objMenuBarItem = null;
}

window.onload=initDropDownMenu;