var hidemenu = null;
var menuitem = null;
var currmenuitem = null;

function toggleDisplay(id)
{
	
	var elem=document.getElementById(id);
	if(elem.style.display=="none")
	{
		
		showElem(id);
	}
	else
	{
		hideElem(id);
	}
}

function hideElem(id)
{
	if(document.getElementById(id))
	{
		var elem = document.getElementById(id);
		elem.style.display="none";
	}
}


function showElem(id)
{

	var elem = document.getElementById(id);
	elem.style.display="inline";
	
}

function toggleVis(id)
{
	
	var elem=document.getElementById(id);
	
	if(elem.style.visibility=="hidden")
	{
		
		showVisElem(id);
	}
	else
	{
		hideVisElem(id);
	}
}
function hideMe(id)
{
	currmenuitem = id;
	menuitem	= "hideVisMenuElem('" + id + "');";
	hidemenu = setTimeout(menuitem,200);
}
function hideVisMenuElem(id)
{
	
	var elem 		= document.getElementById(id);
	var menuelem	= document.getElementById(id + "_pmenu");	
	if(elem != null)
	{	
		elem.style.visibility="hidden";
	}
	menuelem.style.backgroundColor = "";	
}


function showVisMenuElem(id)
{
	if (hidemenu && currmenuitem == id) 
	{
		clearTimeout(hidemenu);
		hidemenu = null;
		menuitem = null;
		currmenuitem = null;
	}
	var elem 		= document.getElementById(id);
	var menuelem	= document.getElementById(id + "_pmenu");
	var elemLeftPos = menuelem.offsetLeft; 
	var elemTopPos  = menuelem.offsetTop;         // this keyword refers to element
    var elemParent 	= menuelem.offsetParent;
    while (elemParent != null)
    {
        elemLeftPos += elemParent.offsetLeft;
		elemTopPos  += elemParent.offsetTop;
        elemParent 	=  elemParent.offsetParent;
    }
	if(elem != null)
	{	
		elem.style.left = elemLeftPos + "px";	
		elem.style.top = eval(elemTopPos+menuelem.offsetHeight) + "px";
		elem.style.visibility="visible";	
	}	
}