var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;
var ddsubmenuitem = 0;

function showmenu(id,x) {
	thisObj = document.getElementById("maintable");
	mainpos = getPosition(thisObj);
	
	thisleft = mainpos[0] + 440;
	thistop = mainpos[1] + 230;
	
	menux = thisleft + x;
	document.getElementById('sddm').style.left = thisleft + 'px';
	document.getElementById('sddm').style.top = thistop + 'px';
	
	thismenu = document.getElementById(id);
	if (thismenu) {
		document.getElementById(id).style.left = menux;
		document.getElementById(id).style.top = thistop;
		mopen(id);
	}
	
}

function showsubmenu(obj,menuid) {
	thispos = getPosition(obj);
	thisleft = thispos[0];
	thistop = thispos[1];
	
	menuleft = thisleft + 201;
	
	if (ddsubmenuitem) {
		ddsubmenuitem.style.visibility = 'hidden';
	}

	ddsubmenuitem = document.getElementById(menuid);
	
	if (ddsubmenuitem) {
		ddsubmenuitem.style.left = menuleft;
		ddsubmenuitem.style.top = thistop;
		ddsubmenuitem.style.visibility = 'visible';
	}
	
	mcancelclosetime();

}
// open hidden layer
function mopen(id) {	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if (ddmenuitem) {
		ddmenuitem.style.visibility = 'hidden';
	}

	if (ddsubmenuitem) {
		ddsubmenuitem.style.visibility = 'hidden';
	}

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
	

}

function delayhidemenu() {
	mclosetime();
}
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	if(ddsubmenuitem) ddsubmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose;