var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;
var ddmenuitem_2 = 0;
var section = "";

function highlight() {
	var url = window.location.toString();
	var urlparts = url.split('/');
	var section_name = "nav_" + urlparts[3];
	section = document.getElementById(section_name)
	if (section != null) {
		section.style.background = "url('/objects/img/gradient_4.jpg') repeat-x";
	}
}

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

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	if(ddmenuitem_2) {
		if (section != null) {
			if (ddmenuitem_2 != section) {
				ddmenuitem_2.style.background = "url('/objects/img/gradient_3.jpg') repeat-x";
			}
		}
		else {ddmenuitem_2.style.background = "url('/objects/img/gradient_3.jpg') repeat-x";}
	}
	
	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem_2 = document.getElementById(container);
	ddmenuitem.style.visibility = 'visible';
	ddmenuitem_2.style.background = "url('/objects/img/gradient_4.jpg') repeat-x";
}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	if(ddmenuitem_2) {
		if (section != null) {
			if (ddmenuitem_2 != section) {
				ddmenuitem_2.style.background = "url('/objects/img/gradient_3.jpg') repeat-x";
			}
		}
		else {ddmenuitem_2.style.background = "url('/objects/img/gradient_3.jpg') repeat-x";}
	}
}

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