var totalLay = 3; //this value must be the count of array arrMenu
var menuid = 0;
var currSub = 0;
var timerId = 0;

var arrMenu = new Array();
arrMenu[0]='mnAboutus';  
arrMenu[1]='mnOurservices';  
arrMenu[2]='mnPatientsvisitors';


var arrMenuWidth = new Array();
for (i=0; i<(totalLay-1); i++) {
  j = i + 1;
  if (document.getElementById(arrMenu[j]) != undefined && document.getElementById(arrMenu[i]) != undefined)
    arrMenuWidth[arrMenu[i]] =  document.getElementById(arrMenu[j]).style.left - document.getElementById(arrMenu[i]).style.left;   
}

function menuHandler(menuid, showflag) {
  if (showflag != 0) { //show menu
    clearTimeout(timerId);
    showMenu(menuid, showflag)
  }
  else { //hide menu after a few sec
    timerId = setTimeout("showMenu('', 0)", 500);
  }
}

function showMenu(menuid, showflag) {
	if (!showflag) {
		if (menuid == '') { // hide all if menunum = 0
			for (i=0; i<totalLay; i++) {
		  		otherLay = document.getElementById(arrMenu[i]);
				if (otherLay) {
					otherLay.style.visibility = "hidden";
				}
				if (document.getElementById("img_" + arrMenu[i]) != undefined)	{
					document.getElementById("img_" + arrMenu[i]).src = "images-design/" + arrMenuFiles[arrMenu[i]] + ".jpg";
				}
	  		}
		}
		else { // hide just the specified menu
			otherLay = document.getElementById(menuid);
			if (otherLay) otherLay.style.visibility = "hidden";
			document.getElementById("img_" + menuid).src = "images-design/" + arrMenuFiles[menuid] + ".jpg";
		}
	}
	if (showflag != 0) { // show the appropriate menu
  		tempLay = document.getElementById(menuid);
  		if (tempLay != undefined)	{
  			tempLay.style.visibility = "visible";
  		}
  		if (document.getElementById("img_" + menuid) != undefined)	{
  			document.getElementById("img_" + menuid).src = "images-design/" + arrMenuFiles[menuid] + "2.jpg";
  		}
	}
}

function repositionMenu()	{
	var browser = navigator.appName;
	var ch = 0;
	var newpos = 0;

	if (browser == "Microsoft Internet Explorer")  {
  	ch = document.body.clientWidth;
  	var offset = 8;
	}
	else {
  	ch = window.innerWidth;
  	var offset = 0;
	}

	if (ch <= 801)
  	var leftspace = 0;
	else
  	var leftspace = Math.ceil((ch - 801) / 2); 
  
	// about us
	document.getElementById(arrMenu[0]).style.left = (leftspace + 8 + offset) + "px";
	//our services
	document.getElementById(arrMenu[1]).style.left = (leftspace + 78 + offset) + "px";
	//our patient visitor
	document.getElementById(arrMenu[2]).style.left = (leftspace + 274 + offset) + "px";
}