$(document).ready(function() {

    if (sectionVal != 100) {
        setMenu();
    }
    function setMenu() {
        //set section header
        var image = $('#nav a:eq(' + sectionVal + ') img ');
        //console.log(image)
        setImageOn(image);
    }


    $('#nav a img').hover(function() {
        var filePart = $(this).attr("src").split("_")
        var img = filePart[0];
        var ext = filePart[1].split(".")[1];
        if ($(this).attr("class") != "on") {
            $(this).attr("src", img + "_on." + ext);
        }
    },
    function() {
        var filePart = $(this).attr("src").split("_")
        var img = filePart[0];
        var ext = filePart[1].split(".")[1];
        if ($(this).attr("class") != "on") {
            $(this).attr("src", img + "_off." + ext);
        }
    });

    function setImageOn(myImage) {
        var filePart = myImage.attr("src").split("_")
        var img = filePart[0];
        var ext = filePart[1].split(".")[1];
        myImage.addClass('on')
        myImage.attr("src", img + "_on." + ext);
    }
});