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

function wbl_open()
{
   wbl_canceltimer();
	wbl_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
   var b = this.getElementsByTagName('a');
   if (b[0])
   {
      b[0].className = 'hovered';
      hovered = b[0];
   }
}

function wbl_close()
{	
   if(ddmenuitem) {
      ddmenuitem.css('visibility', 'hidden');
      hovered.className = '';
   }
}

function wbl_timer()
{	
   closetimer = window.setTimeout(wbl_close, timeout);
}

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

$(document).ready(function()
   {
      $('#wblMenu > li').bind('mouseover', wbl_open);
      $('#wblMenu > li').bind('mouseout',  wbl_timer);}
   );

document.onclick = wbl_close;