function getElementLeft(Elem) {
	var elem;
	if(document.getElementById) {
		var elem = document.getElementById(Elem);
	} else if (document.all){
		var elem = document.all[Elem];
	}
	xPos = elem.offsetLeft;
	tempEl = elem.offsetParent;
	while (tempEl != null) {
		xPos += tempEl.offsetLeft;
		tempEl = tempEl.offsetParent;
	}
	return xPos;
}

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

// open hidden layer
function mopen(id)
{	
	
	if(document.getElementById) {
		var elemi = document.getElementById("m"+id);
	} else if (document.all){
		var elemi = document.all["m"+id];
	}
	// cancel close timer
	mcancelclosetime();
	
	lefti = getElementLeft("imgdd"+id);

	// close old layer
	if(ddmenuitem) ddmenuitem.style.display = "none";
	
	// get new layer and show it
	ddmenuitem = elemi;
	ddmenuitem.style.left = lefti+"px";
	ddmenuitem.style.display = "block";
}
// close showed layer
function mclose()
{
	if(ddmenuitem){
		ddmenuitem.style.display = "none";
	}
}

// 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;