// JavaScript Document
jQuery.fn.barMenu = function(options){
    var settings =  {
                        fadeInSpeed:200,
                        fadeOutSpeed:200,
                        hoverClassName:"hover",
                        activeClassName:"active",
                        currentClassName:"current"
                    };
    jQuery.extend(settings, options);
    
	this.children("li:not(." + settings.currentClassName + ")").bind("mouseenter", settings,
		function(event) {
		    var myClone = $(this).clone()
		        .css({
			            position:"absolute",
			            left:this.offsetLeft,
			            zIndex:999,
			            display:"none"
		            })
		        .addClass(event.data.hoverClassName)
		        .unbind('mouseenter')
		        .bind("mouseleave", event.data, function(event) {
		                $(this).fadeOut(event.data.fadeOutSpeed, function() { $(this).remove() })
		            })
	            .bind("mousedown", event.data, function(event){ $(this).addClass(event.data.activeClassName); })
	            .bind("mouseup", event.data, function(event){ $(this).removeClass(event.data.activeClassName); });
			
			$(this).before( myClone );
			myClone.fadeIn(event.data.fadeInSpeed);
		}
	);
}