$(document).ready(function(){
		$("#menuContainer > ul").tabs({selected: null});
		$("#menuContainer").show();
		$("#menu").hide();
		$("#menu").css({opacity: 0.9});
		$(document).click(function() {
			$("#menu").fadeOut();
			$("#menuContainer > ul ").tabs({selected: null});
		});
	
		$('#menu').click(function(event){
		   event.stopPropagation();
		});
		
		$('.ui-tabs-nav').bind('tabsselect', function(event, ui) {
			$("#menu").fadeIn();
		});
        var menu = new Array();
		var counter = new Array();
		var timeout = new Array();
		$(".boxMenu").css({opacity: 0.95});
		$(".box").each(function(i){
            menu[i] = $(this).find(".boxMenu");
			timeout[i] = null;
			$(this).hover(
                function(){
					if(timeout[i]){
						clearTimeout(timeout[i]);
					}
					if(counter[i] > 4) {
						return;
					}
					if(menu[i].is(':animated :visible')) {
                        menu[i].stop();
                    }
                    menu[i].css({display: "block", height: 0, top: "0"});
                    menu[i].animate({top: "-160", height: 160},{ duration: 200});					
				},
                function () {
					timeout[i] = setTimeout( function() {
						menu[i].animate({top: "0", height: 0}, {duration: 100, complete: function(){menu[i].css('display', 'none');}});
						}, 100);
                })
            });
			
		$("#search").blur(function() {if(!$(this).val())$(this).val("Search ..");});
		$("#search").focus(function() {if($(this).val() == "Search ..")$(this).val("")});

	});