$.fn.droppy = function(options) {
  	options = $.extend({speed: 250}, options || {});
  
	this.each(function() {
	    var root = this, zIndex = 99999999;
	    
	    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).hide();
	        	}
	      	}, 500);
	    }
	  
		function show() {
	    	var subnav = getSubnav(this);
	      	if (!subnav) return;
	      	$('.subnav').hide();
	      	$.data(subnav, 'cancelHide', true);
	      	$(subnav).css({zIndex: zIndex++}).show();
	      	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'); }
	    );
	});
};