/**************************************************************************************************************************
*
*	on onpageload add a call to initMenu function, pass it array that contains all menus and currently selected menu
*
***************************************************************************************************************************/
var pageLoaded = false;
var menuJS_allMenus;
var menuJS_currentMenuItem;

function initMenu(menuArray, currentItem){
	menuJS_allMenus = menuArray;
	menuJS_currentMenuItem = currentItem;
	document.onmouseover = hideAllMenus;
	hideAllMenus();
}

function menuItemOn(objectID){
	var object = document.getElementById(objectID);
	if(pageLoaded && object){	object.className = object.getAttribute('hoverCSSClass');	}
}
function menuItemOff(objectID){
	var object = document.getElementById(objectID);
	if(pageLoaded && object){	object.className = object.getAttribute('CSSClass');		}
}
function hideAllMenus(){
	if(pageLoaded && menuJS_allMenus) {
		for(var i=0;i<menuJS_allMenus.length;i++) hideMenu(menuJS_allMenus[i]);
		if(menuJS_currentMenuItem){
			menuItemOn(menuJS_currentMenuItem);
		}
	}
}
function hideMenu(menuID){
	if(pageLoaded) {
		var objMenu = document.getElementById(menuID);
		if(objMenu){
			objMenu.style.visibility="hidden";
			var menuCaptionID = objMenu.getAttribute("menuCaptionID");
			menuItemOff(menuCaptionID);
		}
	}
}
function showMenu(menuID, menuCaptionID){
	if(pageLoaded){
		hideAllMenus();
		if(menuJS_currentMenuItem){
			menuItemOff(menuJS_currentMenuItem);
		}
		var objCaption = document.getElementById(menuCaptionID);
		if(objCaption){
			menuItemOn(menuCaptionID);
		}
		if(menuID != ''){
			var obj=document.getElementById(menuID);
			if(obj){
				if(objCaption){
					var objPos = elementPosition(objCaption);
					if(objPos){
						setElementX(obj, objPos.x);
						setElementY(obj, objPos.y + objPos.height);		
						obj.style.visibility="visible";
					}
				}
			}
		}
	}
	return true;
}