//MENU SCRIPT

var timeout	= 500;
var closetimer	= 0;
var menuItem = 0;
var fadeInAction = 0;
var fadeOutAction = 0;
var fadeOldAction = 0;
var inOP = 0.0;
var oOP = 1.0;
var oldoOP = 1.0;
var oldmenu = 0;
var closeItem = 0;

// open hidden layer
function mopen(id)
{	
	//newmenu = document.getElementById(id);
	// cancel close timer
	mcancelclosetime();
	
	//if(fadeInAction)
	//{
	//	window.clearInterval(fadeInAction);
	//	fadeInAction = null;
	//}
	
	// close old layer
	
	if(menuItem) //!= newmenu)
	{
	menuItem.style.visibility = 'hidden';
		//if (oldmenu)
		//{
		//	oldmenu.style.visibility = 'hidden';
			//if(fadeOldAction) window.clearInterval(fadeOldAction);
		//}
		//oldmenu = menuItem;
		//fadeOldAction = setInterval("fadeOldOut(oldmenu)",10);
	}	

	// get new layer and show it
	menuItem = document.getElementById(id);//newmenu;
	//resetFade(menuItem);
	//inOP = 0.0;
	menuItem.style.visibility = 'visible';
	//fadeInAction = setInterval("fadeIn(menuItem)",10);

}
// close showed layer
function mclose()
{
	if(closeItem)
	{
		//oOP = 1.0;
		//fadeOutAction = setInterval("fadeOut(closeItem)", 10);
	closeItem.style.visibility = 'hidden';
	}
}

// go close timer
function mclosetime()
{
	closeItem = menuItem;
	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;

function fadeIn(div)
{
	inOP += 0.05;
	div.style.opacity = inOP;
	div.style.filter = "alpha(opacity=" + inOP * 100 + ")";
	//div.style.MozOpacity = inOP;
	if(inOP > 1.0)
	{
		window.clearInterval(fadeInAction);
		fadeInAction = null;
		inOP= 0.0;
	}
}

function fadeOut(div)
{
	oOP -= 0.05;
	div.style.opacity = oOP;
	div.style.filter = "alpha(opacity=" + oOP * 100 + ")";
	//div.style.MozOpacity = oOP;
	if(oOP < 0.05)
	{
		window.clearInterval(fadeOutAction);
		fadeOutAction = null;
		div.style.visibility = 'hidden';
		resetFade(div);
		oOP = 1.0;
	}
}

function fadeOldOut(div)
{
	oldoOP -= 0.05;
	div.style.opacity = oldoOP;
	div.style.filter = "alpha(opacity=" + oldoOP * 100 + ")";
	//div.style.MozOpacity = oldoOP;
	if(oldoOP < 0.05)
	{
		window.clearInterval(fadeOldAction);
		fadeOutAction = null;
		div.style.visibility = 'hidden';
		resetFade(div);
		oldmenu = null;
		oldoOP = 1.0;
	}
}

function resetFade(div)
{
	op = 0.0;
	div.style.opacity = op;
	div.style.filter = "alpha(opacity=" + op * 100 + ")";
	//div.style.MozOpacity = op;
}