var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;
var ddparent    = 0;
var ddprev      = 0;

var opendelay	= 250;
var opentimer = 0;

// OPEN HIDDEN LAYER
// First Delay
function mopen(id)
{
	
// Cancel any timers
mcancelclosetime();
if (opentimer)
	{
	window.clearTimeout(opentimer);
	opentimer = null;
  }
	
	
opentimer = window.setTimeout(function(){mopen_delayed(id)}, opendelay);
}

function mopen_delayed(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	
/* Set the previous parent <li> to have black on grey-background*/	
if (ddparent) document.getElementById(ddparent).style.background = '#e8e8e8';
if (ddparent) document.getElementById(ddparent).style.color = '#030303';
if (ddparent) document.getElementById(ddparent).style.fontWeight = 'normal';
if (ddprev)   document.getElementById(ddprev+'underline').src = '/images/underline-blank.gif';

/* ### Restore the hover for the main menu item. ### */

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
/* New parent id */	
	ddparent = id+'parent';
	ddprev   = id;
	
	ddmenuitem.style.visibility = 'visible';
	
			
/* Write out the location of the m1 div */	
/* alert (ddmenuitem.offsetLeft + '  ' + ddmenuitem.offsetTop); */
	
/* Set the parent <li> to have orange on blue-background */	
document.getElementById(id+'parent').style.background = '#006b91'; 
/* document.getElementById(id+'parent').style.color = '#FF9900';*/

document.getElementById(id+'parent').style.color = '#FFFFFF';
document.getElementById(id+'parent').style.fontWeight = 'bold';
document.getElementById(id+'underline').src = '/images/'+id+'underline-ff9900.gif';

}


// CLOSE SHOWED LAYER
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	
/* Set the previous parent <li> to have black on grey-background*/
/* Needed for when we leave the drop-down menu and do not go to another drop-down */
if (ddparent) document.getElementById(ddparent).style.background = '#e8e8e8';
if (ddparent) document.getElementById(ddparent).style.color = '#030303';
if (ddparent) document.getElementById(ddparent).style.fontWeight = 'normal';

if (ddprev)   document.getElementById(ddprev+'underline').src = '/images/underline-blank.gif';
}	


// GO CLOSE TIMER
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
	
	if (opentimer)
	{
	window.clearTimeout(opentimer);
	opentimer = null;
	}
  else
	{
/* Link orange --> white */	
document.getElementById(ddparent).style.color = '#fff';		
	}
}


// CANCEL CLOSE TIMER
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 


function arrow_on(which)
{
document.images[which].src = '/images/homepage/arrow-ff9900.gif';	
}

function arrow_off(which)
{
document.images[which].src = '/images/homepage/arrow-ffffff.gif';	
}
