imgMenuBlueL = new Image(4,20); 
imgMenuBlueL.src = "../images/menu2_blue_left.jpg"; 
imgMenuBlueM = new Image(4,20); 
imgMenuBlueM.src = "../images/menu2_blue_mid.jpg"; 
imgMenuBlueR = new Image(4,20); 
imgMenuBlueR.src = "../images/menu2_blue_right.jpg"; 
imgMenuRedL = new Image(4,20); 
imgMenuRedL.src="../images/menu2_red_left.jpg"; 
imgMenuRedM = new Image(4,20); 
imgMenuRedM.src = "../images/menu2_red_mid.jpg"; 
imgMenuRedR = new Image(4,20); 
imgMenuRedR.src = "../images/menu2_red_right.jpg";


var menus = new Array();
var nMenusPerMenu = new Array();
var nMainMenusPerMenu = new Array();
var loadedPage = 0;

var oldOnMouseOver = document.onmouseover;
var oldOnClick = document.onclick;

document.onmouseover = onmouseoverHideALLMenus;
document.onclick = onclickHideALLMenus;

function onmouseoverHideALLMenus(){
	//alert("onmouseoverHideALLMenus");
	HideALLMenus();
	if(oldOnMouseOver!=null) oldOnMouseOver();
}

function onclickHideALLMenus(){
	//alert("onclickHideALLMenus");
	HideALLMenus();
	if(oldOnClick!=null) oldOnClick();
}

function HideALLMenus()
{
	for(var i=0; i< menus.length; i++){
		HideAllSubMenus(menus[i]);
	}
}

function GetMenuIdx(menuName){
	for(var i=0; i< menus.length;i++){
		if(menus[i] == menuName) return i;
	}
	return 0;
}

function ShowSubMenu(menuName, n){
	var obj, s;
	if(loadedPage > 0){
		//alert(menuName + ", " + GetMenuIdx(menuName) + ", " + nMenusPerMenu[GetMenuIdx(menuName)]);
		for(var i=1; i<= nMenusPerMenu[GetMenuIdx(menuName)]; i++) 
			if(i!=n) {
				HideSubMenu(menuName, i);
				var menuIdx = GetMenuIdx(menuName);
				for(var j=1; j<= nMainMenusPerMenu[menuIdx]; j++) MainMenuCaptionOff(menuName, j);
			}
		obj = document.getElementById(menuName + n);
		obj.style.visibility = "visible";
		paliGasiSelecte();
	}
	return true;
}

function HideSubMenu(menuName, n){
	if(loadedPage > 0){
		var obj = document.getElementById(menuName + n);
		if(obj.style.visibility != 'hidden') obj.style.visibility='hidden';
	}
}

function HideAllSubMenus(menuName){
	if(loadedPage > 0){
		var menuIdx = GetMenuIdx(menuName);
		var i;
		//alert('HideAllSubMenus : menuIdx = ' + menuIdx);
		for(i=1; i<= nMenusPerMenu[menuIdx];i++) HideSubMenu(menuName, i);
		for(i=1; i<= nMainMenusPerMenu[menuIdx]; i++) MainMenuCaptionOff(menuName, i);
		paliGasiSelecte();
	}
}

function SetItemsClass(object, className){
	if(loadedPage > 0){
		object.className = className;
	}
}

function OkeyHide(item ,meni)
{
	if(loadedPage > 0){
		var obj=document.getElementById(meni);
		while(obj.tagName!="BODY"){
			if(obj.id==item) return 0;
			obj=obj.parentElement;
		};
	} 
	return 1;
}

function XPosObject(obj){
	var x;
	x=0;
	if(loadedPage > 0){
		while(obj.tagName!="BODY"){
			x+=obj.offsetLeft;
			obj=obj.offsetParent;
		};
	}
	return x;
}

function YPosObject(obj){
	var y;
	y=0;
	if(loadedPage > 0){
		while(obj.tagName!="BODY"){
			y+=obj.offsetTop;
			obj=obj.offsetParent;
		};
	}
	return y;
}

function ShowSubSubMenu(menuName, n, menuLevel){
	var obj,s;
	if(loadedPage > 0){
		s=menuName + n;
		var menuIdx = GetMenuIdx(menuName);
		for(var i=1;i<=nMenusPerMenu[menuIdx];i++) if(OkeyHide(menuName + i, s)) HideSubMenu(menuName, i);
		obj=document.getElementById(s);
		if(menuLevel==1){
			obj.style.left=XPosObject(obj);
			obj.style.top=YPosObject(obj);
		}else{
			obj.style.left=obj.parentElement.offsetLeft;
			obj.style.top=obj.parentElement.offsetTop;
		}
		obj.style.visibility="visible";
		paliGasiSelecte();
	}
	return true;
}

function Hides(menuName, obj){
	var j,n,menuObj;
	var x,y,w,h,menuX,menuY,menuW,menuH;

	if(loadedPage > 0){
		x = XPosObject(obj);
		y = YPosObject(obj);
		w = obj.offsetWidth;
		h = obj.offsetHeight;
		//alert("obj.id = " + obj.id);
		//document.write(obj.id);
		for(j=1;j<=nMenusPerMenu[GetMenuIdx(menuName)];j++){
			s=menuName + j;
			//alert(s);
			menuObj = document.getElementById(s);
			if(menuObj == null || menuObj.style == null || menuObj.style.visibility == null){
				alert(s);
			}
			if(menuObj.style.visibility!='hidden'){
				menuX = XPosObject(menuObj);
				menuY = YPosObject(menuObj);
				menuW = menuObj.offsetWidth;
				menuH = menuObj.offsetHeight;
				if( (menuX>(x+w)) || (menuY>(y+h)) || ((menuX+menuW)<x) || ((menuY+menuH)<y) );
				else return 1;
			}
		}
	}
	return 0;
}

function HideWhatYouCan(menuName, n){
	var s, i;
	var menuIdx;
	s=menuName+n;
	
	menuIdx = GetMenuIdx(menuName);
	if(loadedPage>0){
		
		for(i=1;i<=nMenusPerMenu[menuIdx];i++)
			if(OkeyHide(menuName+i, s)) HideSubMenu(menuName, i);
		
		for(i=0; i<menus.length; i++) if(menus[i]!=menuName) HideAllSubMenus(menus[i]);
	}
}

function paliGasiSelecte(){
	var i, j, obj;
	var nMenus = menus.length;
	var menuName;
	
	for(i=0;i<document.getElementsByTagName("SELECT").length;i++){
		obj = document.getElementsByTagName("SELECT").item(i);
		for(j=0; j<nMenus; j++){
			menuName = menus[j];
			if(Hides(menuName, obj)) {
				obj.style.visibility = 'hidden';
				break;
			}
		}
		if(j==nMenus) {
			obj.style.visibility = '';
		}
	}
}

//**********************************************
// funkcije vezane uz konkretan dizajn request
//
function MainMenuCaptionOff(menuName, n)
{
	if(menuName == "menuH1") MakeButtonBlue(menuName, n);
	if(menuName == "menuH2") {
		var s = menuName + "MenuCaption" + n;
		var obj = document.getElementById(s);
		if("className" in obj){
			if(obj.className != "lowerMenuItemOff")
				obj.className = "lowerMenuItemOff";
		}
	}
}

function MainMenuCaptionOn(menuName, n)
{
	//alert("MainMenuCaptionOn : " + menuName + " " + n);
	if(menuName == "menuH1") MakeButtonRed(menuName, n);
	if(menuName == "menuH2") {
		var s = menuName + "MenuCaption" + n;
		var obj = document.getElementById(s);
		if("className" in obj){
			if(obj.className != "lowerMenuItemOn")
				obj.className = "lowerMenuItemOn";
		}
	}
}

function MakeButtonRed(menuName, n)
{
	var lImgID = menuName + "leftMenuImage" + n;
	var rImgID = menuName + "rightMenuImage" + n;
	var midTD_ID = menuName + "midMenuTD" + n;
	
	//alert("MakeButtonRed : " + lImgID + " " + midTD_ID + " " + rImgID);
	
	var midObj = document.getElementById(midTD_ID);
	if(midObj.buttonColor == 'blue'){
		if(midObj.style.backgroundImage != "url(../images/menu2_red_mid.jpg)")
			midObj.style.backgroundImage = "url(../images/menu2_red_mid.jpg)";
		
		var obj = document.getElementById(lImgID);
		if("src" in obj){
			if(obj.src != imgMenuRedL.src)
				obj.src = imgMenuRedL.src;
		}
		obj = document.getElementById(rImgID);
		if("src" in obj){
			if(obj.src != imgMenuRedR.src)
				obj.src = imgMenuRedR.src;
		}
		midObj.buttonColor = 'red';
	}
}

function MakeButtonBlue(menuName, n)
{
	var lImgID = menuName + "leftMenuImage" + n;
	var rImgID = menuName + "rightMenuImage" + n;
	var midTD_ID = menuName + "midMenuTD" + n;
	
	var midObj = document.getElementById(midTD_ID);
	if(midObj.buttonColor == 'red'){
		if(midObj.style.backgroundImage != "url(../images/menu2_blue_mid.jpg)") 
			midObj.style.backgroundImage = "url(../images/menu2_blue_mid.jpg)";

		var obj = document.getElementById(lImgID);
		if("src" in obj){
			if(obj.src != imgMenuBlueL.src)
				obj.src = imgMenuBlueL.src;
		}
		obj = document.getElementById(rImgID);
		if("src" in obj){
			if(obj.src != imgMenuBlueR.src)
				obj.src = imgMenuBlueR.src;
		}
		midObj.buttonColor = 'blue';
	}
}