var ws_tab_slideX = "-246px";
var ws_tab_speed = 500;

$(document).ready(function() {

    var ie6 = ($.browser.msie && $.browser.version.substr(0, 1) < 7) ? true : false;

    $("#background_fade").height($(document).height());

    $("#test").click(function(event) {
        event.preventDefault();
        $("#footer_panel").animate({
            height: "200px"
        }, ws_tab_speed);
        $("#background_fade").fadeIn();
    });

    $(".slide_tab").click(function(event) {
        event.preventDefault();

        //$("#footer").css('z-index', 101);
        $("#footer_panel").append('<a id="footer-close" href="#">Close this menu X</a>');
        $("#footer-close").click(hideBg);

        $("#background_fade").css({ 'width': $(window).width(), 'height': $(document).height() });

        var id = $(this).attr("id").substring(4);

        $(".slide_tab").css("border-bottom", "none");
        $(this).css("border-bottom", "2px solid #fff");

        if ($("#slide_" + id).css("display") == "block") {
            $("#footer_panel .curve_TL_grey").show();
            $("#footer_panel .curve_TR_grey").show();

            $("#footer_panel .curve_TL_black").fadeOut(ws_tab_speed);
            $("#footer_panel .curve_TR_black").fadeOut(ws_tab_speed);

            $("#background_fade").fadeOut(ws_tab_speed);

            $("#slide_" + id).fadeOut(ws_tab_speed);

            $("#footer_panel").animate({
                height: "106px"
            }, ws_tab_speed);

            $(".slide_tab").css("border-bottom", "none");

        } else {
            $("#footer_panel .curve_TL_black").fadeIn(ws_tab_speed, function() {
                $("#footer_panel .curve_TL_grey").hide();
            });
            $("#footer_panel .curve_TR_black").fadeIn(ws_tab_speed, function() {
                $("#footer_panel .curve_TR_grey").hide();
            });
            
            if(!ie6) $("#background_fade").fadeIn(ws_tab_speed);

            $(".slide").not("#slide_" + id).hide();
            $("#slide_" + id).fadeIn(ws_tab_speed);
            $("#footer_panel").animate({
                height: "260px"
            }, ws_tab_speed);
        }
    });

    $("#background_fade").click(hideBg);
});

function hideBg() {

        //console.log($(this));

        
        $(".slide").fadeOut();
        

        $("#footer_panel .curve_TL_grey").show();
        $("#footer_panel .curve_TR_grey").show();

        $("#footer_panel .curve_TL_black").fadeOut(ws_tab_speed);
        $("#footer_panel .curve_TR_black").fadeOut(ws_tab_speed);

        $("#footer_panel").animate({
            height: "106px"
        }, ws_tab_speed);

        $(".slide_tab").css("border-bottom", "none");

        $("#background_fade").fadeOut();
        $("#footer-close").remove();

        //$("#footer").css('z-index', 0);
        //$("#background_fade").css('z-index', 0);

        return false;
    }