startMenu = 360  // menu dimulai dr titik 16px pada table (bukan dari tepi browser)
halfTable = 390   // lebar table 780 / 2 = 390
TableWidth = 780
startX = currentX = 0
WinWidth = 0

NS6 = (document.getElementById&&!document.all) ? 1: 0; 
NS = (document.layers) ? 1 : 0; IE = (document.all) ? 1: 0; 

function getWinWidth() 
{
	if (NS||NS6) return(window.innerWidth);
	else if (IE) return(document.body.clientWidth);
	else return(null);
}

function moveLayerTo() {
  WinWidth = getWinWidth();  
  if (WinWidth > TableWidth) {
    startX = ( WinWidth / 2 ) - halfTable;
    currentX = startX + startMenu;       
  }
  else {
    currentX = startMenu;
  }  
  if (IE) {
    document.all.divCont.style.left = currentX;
    //document.all.divScroll1.style.top = 180;   
  }
  else if (NS) {
    document.layers.divCont.left = currentX;
    //document.layers.divScroll1.top = 180;    
  }
  else if(NS6) 
	{ 
		document.getElementById("divCont").style.left = currentX;
		//document.getElementById('divScroll1').style.top = 180; 		
	}	
}

function moveLayer(layerName,posStart) {
  startMenu = posStart;
  WinWidth = getWinWidth();  
  if (WinWidth > TableWidth) {
    startX = ( WinWidth / 2 ) - halfTable;
    currentX = startX + startMenu;       
  }
  else {
    currentX = startMenu;
  }  
  if (IE) {
    eval("document.all." + layerName + ".style.left = currentX");  
  }
  else if (NS) {
    eval("document.layers." + layerName + ".left = currentX");   
  }
  else if(NS6) 
	{ 
		eval("document.getElementById('" + layerName + "').style.left = currentX");		
	}	
}

function showMenu(divName) {
	if (eval("document.getElementById('" + divName + "').style.display")=='none'){
		eval("document.getElementById('" + divName + "').style.display='block'");
	} else {
		eval("document.getElementById('" + divName + "').style.display='none'");
	}
}

function showPMenu(divName,closeDiv1,closeDiv2,closeDiv3,closeDiv4) {
	//if (eval("document.getElementById('" + divName + "').style.display")=='none'){
		eval("document.getElementById('" + closeDiv1 + "').style.display='none'");
		eval("document.getElementById('" + closeDiv2 + "').style.display='none'");
		eval("document.getElementById('" + closeDiv3 + "').style.display='none'");
		eval("document.getElementById('" + closeDiv4 + "').style.display='none'");
		eval("document.getElementById('" + divName + "').style.display='block'");
		fadeOpen(divName,0);
		//eval("document.getElementById('" + divName + "').style.filter='alpha(opacity = 30)'");
	//} else {
	//	eval("document.getElementById('" + divName + "').style.display='none'");
	//}
}

function keepMenu(divName,closeDiv1,closeDiv2,closeDiv3,closeDiv4) {
		eval("document.getElementById('" + closeDiv1 + "').style.display='none'");
		eval("document.getElementById('" + closeDiv2 + "').style.display='none'");
		eval("document.getElementById('" + closeDiv3 + "').style.display='none'");
		eval("document.getElementById('" + closeDiv4 + "').style.display='none'");
		eval("document.getElementById('" + divName + "').style.display='block'");
}

var j;
function fadeOpen(divName,j) {
	j=j+5;
	eval("document.getElementById('"+divName+"').style.filter='alpha(opacity = "+j+")'");
	if (j<100) { setTimeout("fadeOpen('"+divName+"',"+j+")", 5); }
}

var k;
function fadeClose(divName,k) {
	k=k-5;
	eval("document.getElementById('"+divName+"').style.filter='alpha(opacity = "+k+")'");
	if (k>0) { setTimeout("fadeClose('"+divName+"',"+k+")", 5); }
}

function closeAllMenu() {
		document.getElementById('divHomeOffice').style.display='none';
		document.getElementById('divDiningRoom').style.display='none';
		document.getElementById('divBedRoom').style.display='none';
		document.getElementById('divLivingRoom').style.display='none';
		document.getElementById('divStorage').style.display='none';
}

function closePMenu(divName) {		
	fadeClose(divName,100);
	//eval("document.getElementById('" + divName + "').style.display='none'");
		//fadeClose(divName,100);
}
