jQuery.fn.droppy = function() {
	
	jQuery("#menu-ganhe-piii").hover(function(event) {
		jQuery("#menu-servicos").removeClass("current");
		jQuery("#menu-promocao").removeClass("current");
		jQuery("#menu-ganhe-piii").addClass("current");
	});
	
	jQuery("#menu-servicos").hover(function(event) {
		jQuery("#menu-ganhe-piii").removeClass("current");
		jQuery("#menu-promocao").removeClass("current");
		jQuery("#menu-servicos").addClass("current");
	});	
	
	jQuery("#menu-promocao").hover(function(event) {
		jQuery("#menu-ganhe-piii").removeClass("current");
		jQuery("#menu-servicos").removeClass("current");
		jQuery("#menu-promocao").addClass("current");
	});	
  
	jQuery(".header, .topo").hover(function(event) {
		jQuery("#menu-ganhe-piii").removeClass("current");			
		jQuery("#menu-servicos").removeClass("current");
		jQuery("#menu-promocao").removeClass("current");
	});	
  	jQuery(".tira-menu").hover(function(event) {
		jQuery("#menu-ganhe-piii").removeClass("current");			
		jQuery("#menu-servicos").removeClass("current");
	});	
  
  this.each(function() {
    
    var root = this, zIndex = 1000;
    
    function getSubnav(ele) {
      if (ele.nodeName.toLowerCase() == 'li') {
        var subnav = jQuery('> ul', ele);
        return subnav.length ? subnav[0] : null;
      } else {
        return ele;
      }
    }
    
    function getActuator(ele) {
      if (ele.nodeName.toLowerCase() == 'ul') {
        return jQuery(ele).parents('li')[0];
      } else {
        return ele;
      }
    }
    
    function hide() {
      var subnav = getSubnav(this);
      if (!subnav) return;
      jQuery.data(subnav, 'cancelHide', false);
      setTimeout(function() {
        if (!jQuery.data(subnav, 'cancelHide')) {
          jQuery(subnav).slideUp();
        }
      }, 500);
    }
  
    function show() {
      var subnav = getSubnav(this);
      if (!subnav) return;
      jQuery.data(subnav, 'cancelHide', true);
      jQuery(subnav).css({zIndex: zIndex++}).slideDown();
      if (this.nodeName.toLowerCase() == 'ul') {
        jQuery(getActuator(this)).addClass('hover');
      }
    }
    
    jQuery('ul, li', this).hover(show, hide);
    jQuery('li', this).hover(
      function() { jQuery(this).addClass('hover'); },
      function() { jQuery(this).removeClass('hover'); }
    );
    
  });
  
};
