var timeout   = 500;
var opentimeout   = 500;
var opentimer = 0;
var closetimer = 0;
var ddmenuitem = 0;
var lastEle = null;

function drop_down_menu_open()
{ 
	lastEle = $(this);
	drop_down_menu_canceltimers();
//	actually_drop_down_menu_open();
	opentimer = window.setTimeout(actually_drop_down_menu_open, opentimeout);
}
function actually_drop_down_menu_open() {	
   
	var latest = lastEle.find('ul');

	if (lastEle.find('ul').css('display') != 'inline') {
				
	   drop_down_menu_close();
	
	   ddmenuitem = lastEle.find('ul').css('display', 'inline');
		var offset = lastEle.find('a').offset();	
		lastEle.find('ul').css('top', offset.top+50);
		lastEle.find('ul').css('left', offset.left);
	}
}

function drop_down_menu_close()
{
	if(ddmenuitem) {ddmenuitem.css('display', 'none');ddmenuitem =null; }
}

function drop_down_menu_timer()
{  
	drop_down_menu_canceltimers();
	
	closetimer = window.setTimeout(drop_down_menu_close, timeout);

}

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

	if (opentimer) {
		window.clearTimeout(opentimer);
		opentimer = null;
	}
}

$(document).ready(function()
{  $('#drop-down-menu > li').bind('mouseover', drop_down_menu_open);
   $('#drop-down-menu > li').bind('mouseout',  drop_down_menu_timer);
});

document.onclick = drop_down_menu_close;