var timeout			= 500;
var closetimer		= 0;
var ddmenuitem		= 0;
var fadeTimer		= 50;
var intervalFade	= false;
var opacityLevel	= 11;

/**
openMenu();
-----------
Opens the menu as specified by the identifier.
**/
function openMenu(id)
{
	if(!(el = document.getElementById(id + 'Menu'))) return false;

	el.style.display = 'block';
}

function closeMenu(id)
{
	if(!(el = document.getElementById(id + 'Menu'))) return false;

	el.style.display = 'none';

}

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

	// close old layer
	if(ddmenuitem) ddmenuitem.style.display = 'none';

	// get new layer and show it
	ddmenuitem = document.getElementById(id + 'Menu');
	ddmenuitem.style.display = 'block';
	ddmenuitem.style.zIndex		= '100';

}

// 
function menuFade()
{
	if(!self.intervalFade) return false;
	if(opacityLevel > -1) { 
		setOpacity(opacityLevel--); }
	else { 
		clearInterval(intervalFade); 
		intervalFade	= false;
		opacityLevel 	= 11; 
		if(ddmenuitem) ddmenuitem.style.display = 'none';
		setOpacity(11);
	}	
}

function setOpacity(value) 
{
	ddmenuitem.style.opacity 	= value/10;
	ddmenuitem.style.filter 	= 'alpha(opacity=' + value*10 + ')';
}

// close showed layer
function mclose()
{
	//if(ddmenuitem) ddmenuitem.style.display = 'none';
	intervalFade = setInterval(menuFade, fadeTimer);
}

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

// cancel close timer
function mcancelclosetime()
{
	if(self.intervalFade) {
		clearInterval(intervalFade); 
		intervalFade	= false;
		opacityLevel 	= 11; 
		if(ddmenuitem) ddmenuitem.style.display = 'none';
		setOpacity(11);		
	}
	if(self.closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

//mouseover menu items
function roll_over(img_name, img_src)
   {
   document[img_name].src = img_src;
   }