// Menu Rollovers
$(document).ready(function () {

    var lang = "en-CA";

    if ($.cookie('language') != null) {
        if ($.cookie('language') == 'fr-CA') {
            lang = "fr-CA";
        }
    }

    // Set the inital highlighted state
    setNav(true);

    // Set the rollovers for the nav headings, use set nav to highlight the element under the mouse,
    // and unhighlight the base nav, on mouseout dehighlight the item that was under the mouse and 
    // highlight the base nav
    $('#home').hover(
        function () { setNav(false); $('#homeImg').attr('src', $('#homeTopSelected').val()); },
        function () { $('#homeImg').attr('src', $('#homeTopUnselected').val()); setNav(true); }
    );

    $('#about').hover(
        function () { setNav(false); $('#aboutImg').attr('src', $('#aboutSelected').val()).attr('height', '23'); $('ul', this).stop().show(); },
        function () { $('ul', this).stop().hide(); $('#aboutImg').attr('src', $('#aboutUnselected').val()).attr('height', '31'); setNav(true); }
    );

    $('#hospital').hover(
        function () { setNav(false); $('#yourHospitalImg').attr('src', $('#yourHospitalSelected').val()); },
        function () { $('#yourHospitalImg').attr('src', $('#yourHospitalUnselected').val()); setNav(true); }
    );

    if (lang == "en-CA") {
        $('#partners').hover(
            function () { setNav(false); $('#partnersImg').attr('src', $('#partnersSelected').val()).attr('height', '23').attr('width', '95'); $('ul', this).stop().show(); },
            function () { $('ul', this).stop().hide(); $('#partnersImg', this).attr('src', $('#partnersUnselected').val()).attr('height', '31').attr('width', '95'); setNav(true); }
        );
    } else {
        $('#partners').hover(
            function () { setNav(false); $('#partnersImg').attr('src', $('#partnersSelected').val()).attr('height', '23').attr('width', '109'); ; $('ul', this).stop().show(); },
            function () { $('ul', this).stop().hide(); $('#partnersImg', this).attr('src', $('#partnersUnselected').val()).attr('height', '31').attr('width', '109'); ; setNav(true); }
        );
    }

    $('#media').hover(
        function () { setNav(false); $('#mediaImg').attr('src', $('#mediaSelected').val()).attr('height', '23'); $('ul', this).stop().show(); },
        function () { $('ul', this).stop().hide(); $('#mediaImg').attr('src', $('#mediaUnselected').val()).attr('height', '31'); setNav(true); }
    );

    $('#blog').hover(
        function () { setNav(false); $('#blogImg').attr('src', $('#blogSelected').val()); },
        function () { $('#blogImg').attr('src', $('#blogUnselected').val()); setNav(true); }
    );
});

// Sets the navigation highlight
function setNav(set) {    
    switch ($('#navHeading').val()) {
        case 'home':
            // Highlight or dehighlight the image
            // set is whether this highlight should be highlighted
            if (set)
                $('#homeImg').attr('src', $('#homeTopSelected').val()); 
            else
                $('#homeImg').attr('src', $('#homeTopUnselected').val());
            return;
        case 'about':
            if (set)
                $('#aboutImg').attr('src', $('#aboutDefaultSelected').val());
            else
                $('#aboutImg').attr('src', $('#aboutUnselected').val());
            return;
        case 'hospital':
            if (set)
                $('#yourHospitalImg').attr('src', $('#yourHospitalSelected').val());
            else
                $('#yourHospitalImg').attr('src', $('#yourHospitalUnselected').val());
            return;
        case 'partners':
            if (set)
                $('#partnersImg').attr('src', $('#partnersDefaultSelected').val()); 
            else
                $('#partnersImg').attr('src', $('#partnersUnselected').val());
            return;
        case 'media':
            if (set)
                $('#mediaImg').attr('src', $('#mediaDefaultSelected').val()); 
            else
                $('#mediaImg').attr('src', $('#mediaUnselected').val());
            return;
        case 'blog':
            if (set)
                $('#blogImg').attr('src', $('#blogSelected').val());                                            
            else
                $('#blogImg').attr('src', $('#blogUnselected').val());
            return;
    }          
};