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, oid, cols)
{	
	
	if(document.getElementById) {
		var elemi = document.getElementById(id);
	} else if (document.all){
		var elemi = document.all[id];
	}
	if(document.getElementById) {
		var elemo = document.getElementById("Image"+oid);
	} else if (document.all){
		var elemo = document.all["Image"+oid];
	}
	// cancel close timer
	mcancelclosetime();
	wid = elemo.width;
	wido = cols*190;
	
	lefti = getElementLeft("Image"+oid) - (wido-wid)-(cols*20);
	//alert(lefti);

	// close old layer
	if(ddmenuitem) ddmenuitem.style.display = "none";
	
	// get new layer and show it
	MM_swapImage("Image"+oid,"","images/menu/hover/l"+oid+".jpg",1);
	ddmenuitem = elemi;
	ddmenuitem.style.left = lefti+"px";
	ddmenuitem.style.display = "block";
}
// close showed layer
function mclose()
{
	if(ddmenuitem){
		ddmenuitem.style.display = "none";
		MM_swapImgRestore();
	}
}

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

// cancel close timer
function mcancelclosetime(oid)
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		MM_swapImage("Image"+oid,"","images/menu/hover/l"+oid+".jpg",1);
		closetimer = null;
	}
}

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