// Copyright 2006-2007 javascript-array.com
var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;
var gbtn;

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

	// close old layer
	mclose();

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	var advance = btn.offsetWidth - ddmenuitem.offsetWidth;
	//alert(advance);
	if (advance > 22) {
		ddmenuitem.style["width"] = (btn.offsetWidth - 22) + "px";
	}
	if (ddmenuitem.children.length > 0) {
		ddmenuitem.style.visibility = 'visible';
		btn.className = 'tool-button hover';
	} else {
		btn.className = 'tool-button nomenu';
	}
	gbtn = btn;
}

// close showed layer
function mclose() { 
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	if (gbtn) {
		gbtn.className = 'tool-button';
	}
}

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