$(document).ready(function () {

    //$('#toppanel').data('pinned', 0);

    if ($(".tab ul.contentManager").is(':visible') == false) {
        $(".tab ul.alias li").css("background-image", "url(/App_Themes/Default/images/tab_m.png)");
        $(".tab ul.alias li.left").css("background-image", "url(/App_Themes/Default/images/tab_l.png)");
        $(".tab ul.alias li.right").css("background-image", "url(/App_Themes/Default/images/tab_r.png)");

        $(".tab ul.alias").css("right", "200px");
    }

    $('.contentManager').click(function () {
        if ($("div#aliasPanel").is(':visible'))
        { $("div#aliasPanel").fadeOut(400, function () { $("div#contentManagerPanel").fadeIn(); }); }
        else { $("div#contentManagerPanel").slideDown("slow"); }

        $(".tab ul.alias li").css("background-image", "url(/App_Themes/Default/images/u_tab_m.png)");
        $(".tab ul.alias li.left").css("background-image", "url(/App_Themes/Default/images/u_tab_l.png)");
        $(".tab ul.alias li.right").css("background-image", "url(/App_Themes/Default/images/u_tab_r.png)");

        $(".tab ul.contentManager li").css("background-image", "url(/App_Themes/Default/images/tab_m.png)");
        $(".tab ul.contentManager li.left").css("background-image", "url(/App_Themes/Default/images/tab_l.png)");
        $(".tab ul.contentManager li.right").css("background-image", "url(/App_Themes/Default/images/tab_r.png)");
    }); // this will make the hidden menu become visible

    $('.contentManager').hover(function () {
        $(this).css('cursor', 'pointer');
    }, function () {
        $(this).css('cursor', 'auto');
    });

    $('.alias').click(function () {
        if ($("div#contentManagerPanel").is(':visible'))
        { $("div#contentManagerPanel").fadeOut(400, function () { $("div#aliasPanel").fadeIn(); }); }
        else { $("div#aliasPanel").slideDown("slow"); }

        $(".tab ul.alias li").css("background-image", "url(/App_Themes/Default/images/tab_m.png)");
        $(".tab ul.alias li.left").css("background-image", "url(/App_Themes/Default/images/tab_l.png)");
        $(".tab ul.alias li.right").css("background-image", "url(/App_Themes/Default/images/tab_r.png)");

        $(".tab ul.contentManager li").css("background-image", "url(/App_Themes/Default/images/u_tab_m.png)");
        $(".tab ul.contentManager li.right").css("background-image", "url(/App_Themes/Default/images/u_tab_r.png)");
        $(".tab ul.contentManager li.left").css("background-image", "url(/App_Themes/Default/images/u_tab_l.png)");
    }); // this will make the hidden menu become visible

    $('.alias').hover(function () {
        $(this).css('cursor', 'pointer');
    }, function () {
        $(this).css('cursor', 'auto');
    });

    $('#toppanel').mouseleave(function () {
        if ($('#toppanel').data('pinned') !== 1) {
            $('#contentManagerPanel').slideUp("slow");
            $('#aliasPanel').slideUp("slow");

            if ($(".tab ul.contentManager").is(':visible')) {
                $(".tab ul.alias li").css("background-image", "url(/App_Themes/Default/images/u_tab_m.png)");
                $(".tab ul.alias li.left").css("background-image", "url(/App_Themes/Default/images/u_tab_l.png)");
                $(".tab ul.alias li.right").css("background-image", "url(/App_Themes/Default/images/u_tab_r.png)");

                $(".tab ul.contentManager li").css("background-image", "url(/App_Themes/Default/images/tab_m.png)");
                $(".tab ul.contentManager li.left").css("background-image", "url(/App_Themes/Default/images/tab_l.png)");
                $(".tab ul.contentManager li.right").css("background-image", "url(/App_Themes/Default/images/tab_r.png)");
            }
        }
    }); // this will hide the menu again

    $('#open').click(function () { $('#panel').unbind(); });

    $('.menuButton').click(function () {

        var pos = $(".menuButton").offset();
        var height = $(".menuButton").height();
        //show the menu directly over the placeholder
        $("#quickCatalogMenu").css({ "left": pos.left + "px", "top": (pos.top + height) + "px" });

        $('#quickCatalogMenu').fadeIn();

    });

    $('#quickCatalogMenu').mouseleave(function () { $('#quickCatalogMenu').fadeOut(); }); // this will hide the menu again 

    $('#pin').click(function () {
        var pinned = $('#toppanel').data('pinned');
        if (pinned === 0) {
            $('#pin').attr("src", "/App_Themes/Default/Images/pin.png");
            $('#toppanel').data('pinned', 1);
            $('#toppanel').css('position', 'relative');
            $('#toppanel').css('display', 'inline-block');
            $('#spacerpanel').hide();
        } else {
            $('#pin').attr("src", "/App_Themes/Default/Images/unpin.png");
            $('#toppanel').data('pinned', 0);
            $('#contentManagerPanel').slideUp("slow");
            $('#aliasPanel').slideUp("slow");
            $('#toppanel').css('position', 'absolute');
            $('#toppanel').css('display', 'block');
            $('#spacerpanel').show();
        }
    });

//    if ($('#toppanel').data('pinned') == 0) {
//        $('#pin').attr("src", "/App_Themes/Default/Images/unpin.png");
//        $('#toppanel').css('position', 'absolute');
//        $('#toppanel').css('display', 'block');
//        $('#spacerpanel').show();
//    }
//    else {
//        $('#pin').attr("src", "/App_Themes/Default/Images/pin.png");
//        $('#toppanel').css('position', 'relative');
//        $('#toppanel').css('display', 'inline-block');
//        $('#spacerpanel').hide();
//    }
});