$.fn.droppy = function() {
  
  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();
        }
      }, 500);
    }
  
    function show() {
      var subnav = getSubnav(this);
      if (!subnav) return;
      $.data(subnav, 'cancelHide', true);
      $(subnav).css({zIndex: zIndex++}).slideDown();
      if (this.nodeName.toLowerCase() == 'ul') {
        $(getActuator(this)).addClass('hover');
      }
    }
    
    $('ul, li', this).hover(show, hide);
    $('li', this).hover(
      function() { $(this).addClass('hover'); },
      function() { $(this).removeClass('hover'); }
    );
    
  });
  
  //li with fade class
   $("a.m_parent").hover(function(){$(this).css('color', 'red'); $("span.m_seperator").css('color', 'black');},function(){$(this).css('color', 'black')});
   $("span.m_seperator").hover(function(){$(this).css('color', 'black')},function(){$(this).css('color', 'black')});
   var imageUrl = "images/menu/arrow.png";
   $("a.m_child").hover(
		function(){
			$(this).addClass("hover2");
		}, function(){
			$(this).removeClass("hover2");
		});
   //$("a.m_child").hover(function(){$(this).css('font-weight', 'bold !important');},function(){$(this).css('font-weight', 'normal !important')});
  
};