$(document).ready(function () {

    //Adjust panel height
    $.fn.adjustPanel = function () {
        $(this).find("ul, .subpanel").css({ 'height': 'auto' }); //Reset subpanel and ul height

        var windowHeight = $(window).height(); //Get the height of the browser viewport
        var panelsub = $(this).find(".subpanel").height(); //Get the height of subpanel	
        var panelAdjust = windowHeight - 100; //Viewport height - 100px (Sets max height of subpanel)
        var ulAdjust = panelAdjust - 25; //Calculate ul size after adjusting sub-panel (27px is the height of the base panel)

        if (panelsub >= panelAdjust) {	 //If subpanel is taller than max height...
            $(this).find(".subpanel").css({ 'height': panelAdjust }); //Adjust subpanel to max height
            $(this).find("ul").css({ 'height': ulAdjust }); //Adjust subpanel ul to new size
        }
        else if (panelsub < panelAdjust) { //If subpanel is smaller than max height...
            $(this).find("ul").css({ 'height': 'auto' }); //Set subpanel ul to auto (default size)
        }
    };

    //Execute function on load
    $("#chatpanel").adjustPanel(); //Run the adjustPanel function on #chatpanel
    $("#alertpanel").adjustPanel(); //Run the adjustPanel function on #alertpanel 

    //Each time the viewport is adjusted/resized, execute the function
    $(window).resize(function () {
        $("#chatpanel").adjustPanel();
        $("#alertpanel").adjustPanel();
    });

    //Click event on Chat Panel + Alert Panel	
    $("#chatpanel a:first, #alertpanel a:first").click(function () { //If clicked on the first link of #chatpanel and #alertpanel...
        if ($(this).next(".subpanel").is(':visible')) { //If subpanel is already active...
            $(this).next(".subpanel").hide(); //Hide active subpanel
            $("#footpanel li a").removeClass('active'); //Remove active class on the subpanel trigger
        }
        else { //if subpanel is not active...
            $(".subpanel").hide(); //Hide all subpanels
            $(this).next(".subpanel").toggle(); //Toggle the subpanel to make active
            $("#footpanel li a").removeClass('active'); //Remove active class on all subpanel trigger
            $(this).toggleClass('active'); //Toggle the active class on the subpanel trigger
        }
        return false; //Prevent browser jump to link anchor
    });

    //Click event outside of subpanel
    $(document).click(function () { //Click anywhere and...
        $(".subpanel").hide(); //hide subpanel
        $("#footpanel li a").removeClass('active'); //remove active class on subpanel trigger
    });
    $('.subpanel ul').click(function (e) {
        e.stopPropagation(); //Prevents the subpanel ul from closing on click
    });

    //Delete icons on Alert Panel
    $("#alertpanel li").hover(function () {
        $(this).find("a.delete").css({ 'visibility': 'visible' }); //Show delete icon on hover
    }, function () {
        $(this).find("a.delete").css({ 'visibility': 'hidden' }); //Hide delete icon on hover out
    });

    //    $("#dvContent").slideDown("slow");
    $(".MContent").show();
    $(".Content").show();
    $(".MContent_WhatWeDo").hide();
    $(".MContent_OurVision").hide();
    $(".MContent_LatestWork").hide();

    //    $("DIV.HeaderContent").toggle(
    //                    function () {
    //                        $(this).parent().next("div.Content").show("slow");
    //                        $(this).attr("class", "ArrowClose");
    //                    },

    //                    function () {
    //                        $(this).parent().next("div.Content").hide("slow");
    //                        $(this).attr("class", "ArrowExpand");
    //                    });


    $("#whoweare").click(
                    function () {
                        $(".MContent").show("slow");
                        $(".MContent_WhatWeDo").hide("slow");
                        $(".MContent_OurVision").hide("slow");
                        $(".MContent_LatestWork").hide("slow");
                    });

    $("#whatwedo").click(
                    function () {
                        $(".MContent").hide("slow");
                        $(".MContent_OurVision").hide("slow");
                        $(".MContent_LatestWork").hide("slow");
                        $(".MContent_WhatWeDo").show("slow");
                    });

    $("#ourvision").click(
                    function () {
                        $(".MContent_OurVision").show("slow");
                        $(".MContent").hide("slow");
                        $(".MContent_LatestWork").hide("slow");
                        $(".MContent_WhatWeDo").hide("slow");
                    });

    $("#latestwork").click(
                    function () {
                        $(".MContent").hide("slow");
                        $(".MContent_WhatWeDo").hide("slow");
                        $(".MContent_OurVision").hide("slow");
                        $(".MContent_LatestWork").show("slow");
                    });
});