$.fn.droppy = function(options) {

 options = $.extend({speed:0}, options || {});


this.each(function() {
 
 var root = this, zIndex = 1000;
 

function getSubnav(ele) {

 if (ele.nodeName.toLowerCase() == 'li') {
        var subnav = $('> ul', ele);

   return subnav.length ? subnav[0] : null;

      } else {
        return ele;
      }
    }
  
  
    function getActuator(ele) {
   
   if (ele.nodeName.toLowerCase() == 'ul') {
 
       return $(ele).parents('li')[0];
      }
 else {
        return ele;
      }
    }
    

    function hide() {
      var subnav = getSubnav(this);

      if (!subnav) return;
      $.data(subnav, 'cancelHide', false);

      setTimeout(function() {
        if (!$.data(subnav, 'cancelHide')) {
        
  $(subnav).slideUp(options.speed);
        }
      }, 100);
    }
  
 
   function show() {
      var subnav = getSubnav(this);
    
  if (!subnav) return;
      $.data(subnav, 'cancelHide', true);

      $(subnav).css({zIndex: zIndex++}).slideDown(options.speed);
 
     if (this.nodeName.toLowerCase() == 'ul') {
 
       var li = getActuator(this);
        $(li).addClass('hover');

        $('> a', li).addClass('hover');
      }
    }
 
   
    $('ul, li', this).hover(show, hide);

    $('li', this).hover(
      function() { $(this).addClass('hover');
 $('> a', this).addClass('hover'); },
      function() { $(this).removeClass('hover'); 
$('> a', this).removeClass('hover'); }
    );
    
  });
  
};
 
 $(function() {
    $('#dd').droppy();
  });