﻿/*
* Droppy 1.0
*Copyright© 2011 karim Boukarabila (karim@boukarabila.com)
*/
$.fn.droppy = function(options){
	options = $.extend ({speed: 100}, options||{});
	this.each (function(){
		var root = this;
		zIndex = 9999;
		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);
				}
			}, 0);
		}
		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');
		});
	});
};

