// Menu Rollovers
$(document).ready(function () {
    // 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
    $('#navHome').hover(
        function () { setNav(false); $('#homeImage').attr('src', '../../Content/Images/homeButtonActive.jpg'); },
        function () { $('#homeImage').attr('src', '../../Content/Images/homeButton.jpg'); setNav(true); }
    );

    $('#navAboutUs').hover(
        function () { setNav(false); $('#aboutUsImage').attr('src', '../../Content/Images/aboutButtonActive.jpg'); },
        function () { $('#aboutUsImage').attr('src', '../../Content/Images/aboutButton.jpg'); setNav(true); }
    );

    $('#navTheCause').hover(
        function () { setNav(false); $('#theCauseImage').attr('src', '../../Content/Images/causeButtonActive.jpg'); },
        function () { $('#theCauseImage').attr('src', '../../Content/Images/causeButton.jpg'); setNav(true); }
    );

    $('#navGetStarted').hover(
        function () { setNav(false); $('#getStartedImage').attr('src', '../../Content/Images/startedButtonActive.jpg'); },
        function () { $('#getStartedImage', this).attr('src', '../../Content/Images/startedButton.jpg'); setNav(true); }
    );

    $('#navHighSchools').hover(
        function () { setNav(false); $('#highSchoolsImage').attr('src', '../../Content/Images/highSchoolButtonActive.jpg'); },
        function () { $('#highSchoolsImage', this).attr('src', '../../Content/Images/highSchoolButton.jpg'); setNav(true); }
    );

    $('#navMedia').hover(
        function () { setNav(false); $('#mediaImage').attr('src', '../../Content/Images/mediaButtonActive.jpg'); },
        function () { $('#mediaImage').attr('src', '../../Content/Images/mediaButton.jpg'); setNav(true); }
    );

    $('#navContactUs').hover(
        function () { setNav(false); $('#contactUsImage').attr('src', '../../Content/Images/contactButtonActive.jpg'); },
        function () { $('#contactUsImage').attr('src', '../../Content/Images/contactButton.jpg'); 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)
                $('#homeImage').attr('src', '../../Content/Images/homeButtonActive.jpg');
            else
                $('#homeImage').attr('src', '../../Content/Images/homeButton.jpg');
            return;
        case 'aboutUs':
            if (set)
                $('#aboutUsImage').attr('src', '../../Content/Images/aboutButtonActive.jpg');
            else
                $('#aboutUsImage').attr('src', '../../Content/Images/aboutButton.jpg');
            return;
        case 'theCause':
            if (set)
                $('#theCauseImage').attr('src', '../../Content/Images/causeButtonActive.jpg');
            else
                $('#theCauseImage').attr('src', '../../Content/Images/causeButton.jpg');
            return;
        case 'getStarted':
            if (set)
                $('#getStartedImage').attr('src', '../../Content/Images/startedButtonActive.jpg');
            else
                $('#getStartedImage').attr('src', '../../Content/Images/startedButton.jpg');
            return;
        case 'highSchools':
            if (set)
                $('#highSchoolsImage').attr('src', '../../Content/Images/highSchoolButtonActive.jpg');
            else
                $('#highSchoolsImage').attr('src', '../../Content/Images/highSchoolButton.jpg');
            return;
        case 'media':
            if (set)
                $('#mediaImage').attr('src', '../../Content/Images/mediaButtonActive.jpg');
            else
                $('#mediaImage').attr('src', '../../Content/Images/mediaButton.jpg');
            return;
        case 'contactUs':
            if (set)
                $('#contactUsImage').attr('src', '../../Content/Images/contactButtonActive.jpg');
            else
                $('#contactUsImage').attr('src', '../../Content/Images/contactButton.jpg');
            return;
    }
};