var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;
var highlightmenu = 0;
var returncolor = 0;
var textreturncolor = 0;
var dropshadow = 0;
function drawShadow(){
//draw the shadow only on mouse enter
dropshadow = $(this).find('ul').dropShadow({top: 4, opacity: 1});
$('.dropShadow').css('visibility','visible');
}
function navigation_open()
{  navigation_canceltimer();
   navigation_close();
	var menuitemposition = $(this).position().top;
	ddmenuitem = $(this).find('ul');
	//adjust the top positions to match...
	ddmenuitem.css('top', menuitemposition.toString() + "px");
	//---ADD A DROP SHADOW...USING JQUERY PLUGIN
	//if (jQuery.browser.msie == true)
	//{
	//   if (jQuery.browser.version > 7.0)
   //   {
         ddmenuitem.dropShadow({top: 4, opacity: 1});
   //   }	   
	//}
	//else
	//{
	//  ddmenuitem.dropShadow({top: 4, opacity: 1});
	//}

	$('.dropShadow').css('visibility','visible');
	ddmenuitem.css('visibility', 'visible');
	returncolor = $(this).find('a#highlight').css('background-color');
	textreturncolor = $(this).find('a#highlight').css('color');
	highlightmenu = $(this).find('a#highlight').css('background-color','#6487ad');
	highlightmenu.css('color','#ffffff');
	highlightmenu.css('font-weight','bold');}

function navigation_close()
{  if(ddmenuitem){
	ddmenuitem.css('visibility', 'hidden');
	ddmenuitem.removeShadow();
	}
	if(highlightmenu){ highlightmenu.css('background-color',returncolor);
						highlightmenu.css('color',textreturncolor);
						}
}

function navigation_timer()
{
 closetimer = window.setTimeout(navigation_close, timeout);}

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

$(document).ready(function()
{  $('#navigation > li.mainmenu').bind('mouseover', navigation_open)
   $('#navigation > li').bind('mouseout',  navigation_timer)
   });

document.onclick = navigation_close;