var timeout    = 500;
var closetimer = 800;
var style_copy_copy = 0;
var opentimer = 300;

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

function dropdown_close()
{  if(style_copy_copy) style_copy_copy.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;