$('html').addClass('js');

$(document).ready(function () {

    var theWindow = $(window),
            $bg = $("#bg"),
            aspectRatio = $bg.width() / $bg.height();

    function resizeBg() {

        if ((theWindow.width() / theWindow.height()) < aspectRatio) {
            $bg
                        .removeClass()
                        .addClass('bgheight');
        } else {
            $bg
                        .removeClass()
                        .addClass('bgwidth');
        }

    }

    theWindow.resize(function () {
        resizeBg();
    }).trigger("resize");


    /************************************************************************
    *   Implementing Nivo Slider.
    *       This is actually an image rotator with caption capability.
    *       We are using it for the rotator in the blue panel
    ************************************************************************/
    $('#slider').nivoSlider({
        effect: 'fold',                                     //Specify sets like: 'fold,fade,sliceDown'
        slices: 2,
        animSpeed: 500,                                     //Slide transition speed
        pauseTime: 10000,
        startSlide: 0,                                      //Set starting Slide (0 index)
        directionNav: true,                                 //Next & Prev
        directionNavHide: false,                            //Only show on hover
        controlNav: true,                                   //1,2,3...
        controlNavThumbs: true,                             //Use thumbnails for Control Nav
        controlNavThumbsFromRel: false,                     //Use image rel for thumbs
        controlNavThumbsSearch: 'rot-button.png',           //Replace this with...
        controlNavThumbsReplace: 'rot-button-o.png',        //...this in thumb Image src
        keyboardNav: true,                                  //Use left & right arrows
        pauseOnHover: true,                                 //Stop animation while hovering
        manualAdvance: false,                               //Force manual transitions
        captionOpacity: 1,                                //Universal caption opacity
        beforeChange: function () { },
        afterChange: function () { },
        slideshowEnd: function () { },                      //Triggers after all slides have been shown
        lastSlide: function () { },                         //Triggers when last slide is shown
        afterLoad: function () { }                          //Triggers when slider has loaded
    });

    /************************************************************************
    *   This section controls the subnav dropdown menus using a plugin called
    *   hoverIntent
    ************************************************************************/
    $('.dd').hide();
    //$('#signin-popup').hide();

    function showMainSubNavDropDown() {
        $(this).find('.dd').show();
    }
    function hideMainSubNavDropDown() {
        $(this).find('.dd').hide();
    }
    var mainsubnavConfig = {
        over: showMainSubNavDropDown,               // function = onMouseOver callback (REQUIRED)    
        timeout: 0,                           // number = milliseconds delay before onMouseOut    
        out: hideMainSubNavDropDown                 // function = onMouseOut callback (REQUIRED)    
    };
    $("#newmainnav li").hoverIntent(mainsubnavConfig);

    $('.dropdown-wrapper').hide();

    function showSubNavDropDown() {
        $(this).find('.dropdown-wrapper').show();
    }
    function hideSubNavDropDown() {
        $(this).find('.dropdown-wrapper').hide();
    }

    var subnavConfig = {
        over: showSubNavDropDown,               // function = onMouseOver callback (REQUIRED)    
        timeout: 0,                           // number = milliseconds delay before onMouseOut    
        out: hideSubNavDropDown                 // function = onMouseOut callback (REQUIRED)    
    };

    $("#subnav li").hoverIntent(subnavConfig);


    /************************************************************************
    *   Hide Tab2 & Tab3 in Articles sidebar
    ************************************************************************/
    $('#tab2links, #tab3links').hide();

    /************************************************************************
    *   Hover for References sidebar
    ************************************************************************/
    $('#sb-Reference').hover(
        function () { $(this).addClass('sb-bkgrd-color'); },
        function () { $(this).removeClass('sb-bkgrd-color'); }
    );

    /************************************************************************
    *   Hover for Recent Alerts sidebar
    ************************************************************************/
    $('#sb-RecentAlerts').hover(
        function () {
            $(this).addClass('sb-bkgrd-color');
            $('#sb-RecentAlerts-Content').removeClass('sb-RA-Content').addClass('sb-bkgrd-content-color');
        },
        function () {
            $(this).removeClass('sb-bkgrd-color');
            $('#sb-RecentAlerts-Content').removeClass('sb-bkgrd-content-color').addClass('sb-RA-Content');
        }
    );

    /************************************************************************
    *   Hover for News sidebar
    ************************************************************************/
    $('#sb-News').hover(
        function () {
            $(this).addClass('sb-bkgrd-color');
            $('#sb-News-Content').removeClass('sb-News-Content').addClass('sb-bkgrd-content-color');
        },
        function () {
            $(this).removeClass('sb-bkgrd-color');
            $('#sb-News-Content').removeClass('sb-bkgrd-content-color').addClass('sb-News-Content');
        }
    );

    /************************************************************************
    *   Hover for Letter to the Editor sidebar
    ************************************************************************/
    $('#sb-LetterToEditor').hover(
        function () {
            $(this).addClass('sb-bkgrd-color');
            $('#sb-LetterToEditor-Content').removeClass('sb-LetterToEditor-Content').addClass('sb-bkgrd-content-color');
            $('#sb-LetterToEditor-Content-2').find('.sb-Link-L26').removeClass('sb-Link-L26').addClass('L26-link');
        },
        function () {
            $(this).removeClass('sb-bkgrd-color');
            $('#sb-LetterToEditor-Content').removeClass('sb-bkgrd-content-color').addClass('sb-LetterToEditor-Content');
            $('#sb-LetterToEditor-Content-2').find('.L26-link').removeClass('L26-link').addClass('sb-Link-L26');
        }
    );

    /************************************************************************
    *   Hover for Community Forums sidebar
    ************************************************************************/
    $('#sb-Forums').hover(
        function () {
            $(this).addClass('sb-bkgrd-color');
            $('#sb-Forums-Content').removeClass('sb-Forums-Content').addClass('sb-bkgrd-content-color');
            $('#sb-Forums-Content-2').find('.sb-Link-L26').removeClass('sb-Link-L26').addClass('L26-link');
        },
        function () {
            $(this).removeClass('sb-bkgrd-color');
            $('#sb-Forums-Content').removeClass('sb-bkgrd-content-color').addClass('sb-Forums-Content');
            $('#sb-Forums-Content-2').find('.L26-link').removeClass('L26-link').addClass('sb-Link-L26');
        }
    );

    /************************************************************************
    *   Hover for OA Blog sidebar
    ************************************************************************/
    $('#sb-OABlog').hover(
        function () {
            $(this).addClass('sb-bkgrd-color');
            $('#sb-OABlog-Content').removeClass('sb-OABlog-Content').addClass('sb-bkgrd-content-color');
            $('#sb-OABlog-Content-2').find('.sb-Link-L26').removeClass('sb-Link-L26').addClass('L26-link');
        },
        function () {
            $(this).removeClass('sb-bkgrd-color');
            $('#sb-OABlog-Content').removeClass('sb-bkgrd-content-color').addClass('sb-OABlog-Content');
            $('#sb-OABlog-Content-2').find('.L26-link').removeClass('L26-link').addClass('sb-Link-L26');
        }
    );

    /************************************************************************
    *   Hover for Image-base Rollovers: Main Nav, Bottom Nav, rotator buttons
    ************************************************************************/
    $('#navUL li, #footernavUL li, #rotUL li.rotButton').hover(
        function () {
            var btnName = $(this).find("img").attr("src");
            var orig = btnName.split(".")[0];
            $(this).find("img").attr({ src: "" + orig + "-o.png" }); /* mouse over Image */
        },
        function () {
            var btnName = $(this).find("img").attr("src");
            var orig = btnName.split("-o.")[0];
            $(this).find("img").attr({ src: "" + orig + ".png" }); /* mouse out image */
        }
    );

    /************************************************************************
    *   Hover to change arrow colors on Links with Arrows
    ************************************************************************/
    $('.h1-L19-link, .h3-L09-link').hover(
        function () { $(this).find("img").attr({ src: "images/h3-arrow-black.png" }); },
        function () { $(this).find("img").attr({ src: "images/h3-arrow-red.png" }); }
    );
    $('.h3-L20-link').hover(
        function () { $(this).find("img").attr({ src: "images/h3-arrow-black.png" }); },
        function () { $(this).find("img").attr({ src: "images/h3-arrow-green.png" }); }
    );
    $('.h3-L23-link').hover(
        function () { $(this).find("img").attr({ src: "images/h3-arrow-black.png" }); },
        function () { $(this).find("img").attr({ src: "images/h3-arrow-white.png" }); }
    );
    $('.h4-L12-link, .h5-L08-link, .h5-L13-link').hover(
        function () { $(this).find("img").attr({ src: "images/h5-arrow-red.png" }); },
        function () { $(this).find("img").attr({ src: "images/h5-arrow-gray.png" }); }
    );
    $('.h5-L09-link').hover(
        function () { $(this).find("img").attr({ src: "images/h5-L09-arrow-up-black.png" }); },
        function () { $(this).find("img").attr({ src: "images/h5-L09-arrow-up-red.png" }); }
    );
    $('#sb-filters .h5-L09-link').hover(
        function () { $(this).find("img").attr({ src: "images/h5-L09-arrow-down-black.png" }); },
        function () { $(this).find("img").attr({ src: "images/h5-L09-arrow-down-red.png" }); }
    );

//    $('.loginlnk, #login-panel-mid-closebutton').hover(
//        function () { $(this).css("cursor", "pointer") },
//        function () { }
//    );

//    $('#login-container').hide();

//    $('.loginlnk').click(function () {
//        $('#login-container').toggle();
//    });   

//    $('#login-panel-mid-closebutton').click(function () {
//        $('#login-container').toggle();
//    });

});