$(document).ready(function(){
    $("#menuContainer > ul").tabs({
        event: 'click',
        selected: null
    });
    $("#menuContainer").show();
    $("#menu").hide();
    $(document).click(function() {
        $("#menu").fadeOut();
        $("#menuContainer > ul ").tabs({
            event: 'click',
            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();
    var height = new Array();
    $(".boxMenu").css({
        opacity: 0.95
    });

    $(".box").each(function(i){
        menu[i] = $(this).find(".boxMenu");
        height[i] = menu[i].height();
        timeout[i] = null;
        $(this).click(
            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: (-1 * height[i]),
                    height: height[i]
                },{
                    duration: 20
                });
            },
            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("")
    });
		
    link = window.location.href;
    link = link.replace(/\/(ar|en)\//,'/ar/');
    $("#lang_select").attr("href", link);
});