var menuFlag=false;
var menuMask;
var timeoutid1="";
var timeoutid2="";
var timeoutid3="";
var timeoutid4="";
var menuid="";
function showMenu(id){
	if(menuFlag==true){
		var pos=document.getElementById("menuPos");
		var obj=document.getElementById(id);
		if(menuid==id) 	document.getElementById("pt080703").SetVariable("menuid",id);
		menuid=id;
		if(id=="menu1"){
			clearTimeout(timeoutid1);
			obj.style.left=pos.offsetLeft+420;
			obj.style.top=pos.offsetTop+63;	
			document.getElementById("menu2").style.display="none";
			document.getElementById("menu3").style.display="none";
			document.getElementById("menu4").style.display="none";

		}
		if(id=="menu2"){
			clearTimeout(timeoutid2);
			obj.style.left=pos.offsetLeft+501;
			obj.style.top=pos.offsetTop+63;	
			document.getElementById("menu1").style.display="none";
			document.getElementById("menu3").style.display="none";
			document.getElementById("menu4").style.display="none";
		}
		if(id=="menu3"){
			clearTimeout(timeoutid3);
			obj.style.left=pos.offsetLeft+583;
			obj.style.top=pos.offsetTop+63;	
			document.getElementById("menu2").style.display="none";
			document.getElementById("menu1").style.display="none";
			document.getElementById("menu4").style.display="none";
		}
		if(id=="menu4"){
			clearTimeout(timeoutid4);
			obj.style.left=pos.offsetLeft+695;
			obj.style.top=pos.offsetTop+63;	
			document.getElementById("menu2").style.display="none";
			document.getElementById("menu3").style.display="none";
			document.getElementById("menu1").style.display="none";
		}
		obj.style.display="";
		menuMask.style.left=obj.style.left;
		menuMask.style.top=obj.style.top;
		menuMask.style.width=obj.offsetWidth;
		menuMask.style.height=obj.offsetHeight;
		menuMask.style.display="";
	}
}

function hideMenu(id){
	if(menuFlag==true){
		if(id=="menu1"){
			timeoutid1=setTimeout("hideMenu_('"+id+"')",500);
		}else if(id=="menu2"){
			timeoutid2=setTimeout("hideMenu_('"+id+"')",500);
		}else if(id=="menu3"){
			timeoutid3=setTimeout("hideMenu_('"+id+"')",500);
		}else if(id=="menu4"){
			timeoutid4=setTimeout("hideMenu_('"+id+"')",500);
		}
	}
}
function hideMenu_(id){
	document.getElementById("pt080703").SetVariable("hidemenud",id);
	if(id=="menu1"){
		clearTimeout(timeoutid1);
	}else if(id=="menu2"){
		clearTimeout(timeoutid2);
	}else if(id=="menu3"){
		clearTimeout(timeoutid3);
	}else if(id=="menu4"){
		clearTimeout(timeoutid4);
	}
	var obj=document.getElementById(id);
	obj.style.display="none";
	if(document.getElementById(menuid).style.display=="none" ){
		menuMask.style.display="none";
	}
}

function creatmask(){
	menuMask = document.createElement('div');
	menuMask.id='menuMask';
	menuMask.style.position="absolute";
	menuMask.style.left=0;
	menuMask.style.top=0;
	menuMask.style.width=0;
	menuMask.style.height=0;
	document.body.appendChild(menuMask)
	menuMask.style.display="none";
	menuFlag=true;
}
window.onload=creatmask;