//----------------------
// slide navigation
//----------------------
//pause before animation
$.fn.pause = function(duration) {
	$(this).stop().animate({ dummy: 1 }, duration);
	return this;
};
function mouseleft() {
	$("#nav-bar").triggerHandler("mouseleave");
}
//slide open navigation on over (add focus someday)
$(document).ready(function(){
	var selectedInput = null;
	$("#query").focus(function() {
		selectedInput = this;
	});
	$("#query").blur(function() {
		selectedInput = null;
	});
	$("#nav-bar").mouseenter(
	function () {
		$("#query").unbind("blur", mouseleft);
		$(this).stop().pause(60).animate({ height:"199px" }, 500, "easeOutQuart" );
	}).mouseleave(
	function () {
		$("#query").bind("blur", mouseleft);
		if (selectedInput == null) {
			$(this).stop().pause(60).animate({ height:"35px" }, 500, "easeOutQuart" );
		}
	}
	);
	
	$(".inact").mouseenter(
	function () {
	
		var ulelement = $(this).children('ul:first');
	
		var lichilds = $(ulelement).children('li'); 
		
		//li in px
		var lisize = 15;
		var ulsize = lichilds.length * lisize;

		$(ulelement).animate({ height: ulsize+"px" }, 1200, "easeOutQuart" );
		$(ulelement).css('display', 'block');
		
	}).mouseleave(
	function () {
		var ulelement = $(this).children('ul:first');
		$(ulelement).animate({ height:"0px" }, { 'duration':400, 'easing':"easeOutQuart" , complete: function() { $(ulelement).css('display', 'none');  }});
		
	}
	);
});