var menuTimer, inMenu=false,totalMenu=0;

function getEPos(x){
	xPos = x.offsetLeft;
	yPos = x.offsetTop;
	tempEl = x.offsetParent;
	while (tempEl != null) {
		xPos += tempEl.offsetLeft;
		yPos += tempEl.offsetTop;
		if (tempEl.offsetParent){
			tempEl = tempEl.offsetParent;
		}else{
			tempEl = null;	
		}
	}

	return Array(xPos,yPos);
}

function showMenu(id){
	var x=document.getElementById("menu"+id);
	var y=document.getElementById("submenu"+id);
	
	for(i=0;i<totalMenu;i++){
		if(i==id) continue;
		document.getElementById("submenu"+i).style.display="none";
	}
	if(y.style.display!="block"){
		xpos = getEPos(x);
		y.style.left = xpos[0];
		y.style.top = xpos[1]+x.offsetHeight;
		y.style.display = "block";
		inMenu=true;
	}
}

function closeMenu(){
	inMenu=false;
	menuTimer=setTimeout("hideMenu()",300);
}

function hideMenu(){
	if(!inMenu){
		for(i=0;i<totalMenu;i++){
			document.getElementById("submenu"+i).style.display="none";
		}
	}else{
		clearTimeout(menuTimer);
	}
}