$(document).ready(function () {
    $("#menu a").hover(function () { ChangeImage(this); });
});

function ChangeImage(e) {
    ResetMenu();

    if (e.id == "about") {
        $("#mainImage").attr("src", "Images/HomePage/about.jpg");

        $("#about > img").attr("src", "Images/about.jpg");
    }
    else if (e.id == "menus") {
        $("#mainImage").attr("src", "Images/HomePage/menu.jpg");
        $("#menus > img").attr("src", "Images/menu.jpg");
    }
    else if (e.id == "recipes") {
        $("#mainImage").attr("src", "Images/HomePage/recipes.jpg");
        $("#recipes > img").attr("src", "Images/recipes.jpg");
    }
    else if (e.id == "awards") {
        $("#mainImage").attr("src", "Images/HomePage/awards.jpg");
        $("#awards > img").attr("src", "Images/awards.jpg");
    }
    else if (e.id == "press") {
        $("#mainImage").attr("src", "Images/HomePage/press.jpg");
        $("#press > img").attr("src", "Images/press.jpg");
    }
    else if (e.id == "contact") {
        $("#mainImage").attr("src", "Images/HomePage/contact.jpg");
        $("#contact > img").attr("src", "Images/contact.jpg");
    }
    else {
        $("#mainImage").attr("src", "Images/HomePage/homepage.jpg");
    }
}

function ResetMenu() {
    $("#about > img").attr("src", "Images/about_grey.jpg");
    $("#menus > img").attr("src", "Images/menu_grey.jpg");
    $("#recipes > img").attr("src", "Images/recipes_grey.jpg");
    $("#awards > img").attr("src", "Images/awards_grey.jpg");
    $("#press > img").attr("src", "Images/press_grey.jpg");
    $("#contact > img").attr("src", "Images/contact_grey.jpg");
}