$(document).ready(function() {

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

    function jsddm_open()
    {
       jsddm_canceltimer();
       jsddm_close();

       li = $(this);
       li.attr('class', 'active');
       ddmenuitem = $(this).find('ul').css('visibility', 'visible');
       var position = li.position();
       //alert(position.left);
       ddmenuitem = $(this).find('ul').css('left', position.left+'px');
   }

    function jsddm_close()
    {
        if (ddmenuitem) ddmenuitem.css('visibility', 'hidden');
        if (li) li.attr('class', 'inactive');
    }

    function jsddm_timer()
    {  closetimer = window.setTimeout(jsddm_close, timeout);}

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

    $(document).ready(function()
    {  $('#jsddm > li').bind('mouseover', jsddm_open)
       $('#jsddm > li').bind('mouseout',  jsddm_timer)});

    document.onclick = jsddm_close;

});