var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;

function dropdown_open()
{	dropdown_canceltimer();
	dropdown_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

function dropdown_close()
{	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function dropdown_timer()
{	closetimer = window.setTimeout(dropdown_close, timeout);}

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

$(document).ready(function()
{	$('#dropdown > li').bind('mouseover', dropdown_open);
	$('#dropdown > li').bind('mouseout',  dropdown_timer);});

document.onclick = dropdown_close;



	$("ul#dropdown li a").hover(function() { //When trigger is clicked...
		
		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
 
		$(this).parent().hover(function() {
		}, function(){	
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});
 
		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() { 
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});