// JavaScript Document

var state = new Array();
state["menu1"] = 0;
state["menu2"] = 0;
state["menu3"] = 0;
state["menu4"] = 0;

var lock = 0;

function changeState(id, s){
	
	if(state[id] == s){
		document.getElementById(id).style.display = "none";
		//state[id] = 0;
	}
}


function menuHide(id,s){
	//alert(s);
	//changeState(id, s);
		var a = setTimeout("changeState('"+id+"', "+s+")",100);	

}

function hideAll(){
	document.getElementById("menu1").style.display  = "none";
	document.getElementById("menu2").style.display  = "none";
	document.getElementById("menu3").style.display  = "none";
	document.getElementById("menu4").style.display  = "none";
}

function menuShow(id,s){
	//alert(s);
	myWidth = 0 ;
	if( typeof( window.innerWidth ) == 'number' ) {
		myWidth = window.innerWidth;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		myWidth = document.documentElement.clientWidth;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		myWidth = document.body.clientWidth;
	}
	
	if(s>10)
		hideAll();
	
	if (myWidth>802)
		tableX = (myWidth-802)/2 + 134;
	else
		tableX = 134;
	document.getElementById("menu1").style.left = tableX+"px";
	
	if (myWidth>802)
		tableX = (myWidth-802)/2 + 267;
	else
		tableX = 267;
	document.getElementById("menu2").style.left = tableX+"px";
	
	if (myWidth>802)
		tableX = (myWidth-802)/2 + 400;
	else
		tableX = 400;
	document.getElementById("menu3").style.left = tableX+"px";
	
	if (myWidth>802)
		tableX = (myWidth-802)/2 + 534;
	else
		tableX = 534;
	document.getElementById("menu4").style.left = tableX+"px";
	
	
	state[id] = s;
	document.getElementById(id).style.display = "block";
	
	
	

}