/**********************
  Begin DropDownMenu stuff
  ****************************/
var timeout     = 250;
var closetimer	= 0;
var ddmenuitem  = 0;
var ddmenulink  = 0;

// show menu items
function mopen(id)
{	
  // determine the menu link id
  var aid = '';
  switch (id)
  {
    case 'm1':  aid = 'a1'; break;
    case 'm2':  aid = 'a2'; break;
    case 'm3':  aid = 'a3'; break;
    case 'm4':  aid = 'a4'; break;
    case 'm5':  aid = 'a5'; break;
    case 'm6':  aid = 'a6'; break;
    case 'm7':  aid = 'a7'; break;
  } // end switch on id
  
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	// reset menu text color
	if (ddmenulink) ddmenulink.style.color = '#2e6a31';  // HP_GREEN

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
	// set text color of menu
	ddmenulink = document.getElementById(aid);
	ddmenulink.style.color = '#ffffff';  
}

// hide menu items
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	
	// reset menu text color
	if(ddmenulink) ddmenulink.style.color = '#2e6a31'; // HP_GREEN
}

// 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
document.onclick = mclose; 

/*****************************
  End DropDownMenu stuff
  ******************************/