var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;
var onimage = 0;
var offimage = 0;
var tab = 0;


function menuopen(id,maintab,newimage,oldimage)
{	
	// cancel close timer
	menucancelclosetime();
	// close old layer
    hideSubmenu();
    ResetTabImages();
	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.display = 'block';
	
	tab = $(maintab).down('img');
	onimage = newimage;
	offimage = oldimage;
	
	tab.setAttribute('src', onimage);
}


function menucancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

function menuclosetime()
{
	closetimer = window.setTimeout("menuclose()", timeout);
}

function menuclose()
{
	showActiveSubmenu();
	if (tab)
	{
	    tab.setAttribute('src', offimage);
    }
	
}