var dropdown_intervalId;
var dropdown_ulId = (!dropdown_ulId) ? 'nav-bar' : dropdown_ulId;
var dropdown_delay = (!dropdown_delay) ? 0 : dropdown_delay;

    function dropdown_init()
    {
     try
     {
      var as = document.getElementById(dropdown_ulId).getElementsByTagName('a');

      for (var a = 0; a < as.length; a++)
      {
       if ($.browser.webkit) {
        as[a].onclick = function() { dropdown_expand(this) }
       }
       as[a].onfocus = function() { dropdown_expand(this) }
       as[a].onblur = function() { dropdown_colapse(dropdown_delay) }
      }

      dropdown_colapse(0);

     } catch(e){}

    }

    function dropdown_expand(caller) {
     try
     {
      clearInterval(dropdown_intervalId);

      var uls = caller.parentNode.parentNode.getElementsByTagName('ul');

      for (var ul = 0; ul < uls.length; ul++)

      elemento = caller.parentNode.getElementsByTagName('ul')[0];
      if(!$(elemento).parent().hasClass('show')) {
        $('#nav-bar > li').removeClass('show');
        $(elemento).stop().slideDown(500);
        $('#content-navbar > li > a').css('position', 'static');
        $(elemento).parent().addClass('show');
      }else{
        $(elemento).parent().removeClass('show');
        
      };
    $("#nav-bar > li ul ul").show();
     } catch(e){}

    }

    function dropdown_colapse(milliseconds)
    {
    $(elemento).parent().removeClass('show');
    $('#content-navbar li a').css('position', 'relative');
     try
     {
      clearInterval(dropdown_intervalId);

      dropdown_intervalId = setInterval(function()
      {    
       var uls = document.getElementById(dropdown_ulId).getElementsByTagName('ul');
        
       for (var ul = 0; ul < uls.length; ul++)
        uls[ul].style.display = "none";
        
        
       clearInterval(dropdown_intervalId);

      }, milliseconds, null);

     } catch(e){}

    }

    window.onload = dropdown_init;