function MenuItemSelected(MenuItem) {
    
    ajaxFunction(MenuItem);

    updateMenu(MenuItem);
   
}

function updateMenu(MenuItem) {
    switch (MenuItem) {
        case "Characters":

            resetLeftMenu()
            document.getElementById("Menu_Characters").src = "Images/LeftMenu_Characters_Click.jpg";
            document.getElementById("Menu_Characters").setAttribute("oversrc", "Images/LeftMenu_Characters_Click.jpg");
            document.getElementById("Menu_Characters").setAttribute("origsrc", "Images/LeftMenu_Characters_Click.jpg");

            break;
        case "Environments":
           
            resetLeftMenu()
            document.getElementById("Menu_Environments").src = "Images/LeftMenu_Environments_Click.jpg";
            document.getElementById("Menu_Environments").setAttribute("oversrc", "Images/LeftMenu_Environments_Click.jpg");
            document.getElementById("Menu_Environments").setAttribute("origsrc", "Images/LeftMenu_Environments_Click.jpg");

            break;

        case "Storyboards":
            
            resetLeftMenu()
            document.getElementById("Menu_Storyboards").src = "Images/LeftMenu_Storyboards_Click.jpg";
            document.getElementById("Menu_Storyboards").setAttribute("oversrc", "Images/LeftMenu_Storyboards_Click.jpg");
            document.getElementById("Menu_Storyboards").setAttribute("origsrc", "Images/LeftMenu_Storyboards_Click.jpg");

            break;
        case "Personal":

            resetLeftMenu()
            document.getElementById("Menu_Personal").src = "Images/LeftMenu_PersonalProjects_Click.jpg";
            document.getElementById("Menu_Personal").setAttribute("oversrc", "Images/LeftMenu_PersonalProjects_Click.jpg");
            document.getElementById("Menu_Personal").setAttribute("origsrc", "Images/LeftMenu_PersonalProjects_Click.jpg");

            break;

        case "LifeClass":
           
            resetLeftMenu()
            document.getElementById("Menu_LifeClass").src = "Images/LeftMenu_LifeClass_Click.jpg";
            document.getElementById("Menu_LifeClass").setAttribute("oversrc", "Images/LeftMenu_LifeClass_Click.jpg");
            document.getElementById("Menu_LifeClass").setAttribute("origsrc", "Images/LeftMenu_LifeClass_Click.jpg");

            break;
        case "SketchBook":

            resetLeftMenu()
            document.getElementById("Menu_SketchBook").src = "Images/LeftMenu_SketchBook_Click.jpg";
            document.getElementById("Menu_SketchBook").setAttribute("oversrc", "Images/LeftMenu_SketchBook_Click.jpg");
            document.getElementById("Menu_SketchBook").setAttribute("origsrc", "Images/LeftMenu_SketchBook_Click.jpg");
            
            break;
        default:

            break;
    }
}

function resetLeftMenu() {

    document.getElementById("Menu_Characters").src = "Images/LeftMenu_Characters_Off.jpg";
    document.getElementById("Menu_Environments").src = "Images/LeftMenu_Environments_Off.jpg";
    document.getElementById("Menu_Storyboards").src = "Images/LeftMenu_Storyboards_Off.jpg";
    document.getElementById("Menu_Personal").src = "Images/LeftMenu_PersonalProjects_Off.jpg";
    document.getElementById("Menu_LifeClass").src = "Images/LeftMenu_LifeClass_Off.jpg";
    document.getElementById("Menu_SketchBook").src = "Images/LeftMenu_SketchBook_Off.jpg";

    document.getElementById("Menu_Characters").setAttribute("origsrc", "Images/LeftMenu_Characters_Off.jpg");
    document.getElementById("Menu_Environments").setAttribute("origsrc", "Images/LeftMenu_Environments_Off.jpg");
    document.getElementById("Menu_Storyboards").setAttribute("origsrc", "Images/LeftMenu_Storyboards_Off.jpg");
    document.getElementById("Menu_Personal").setAttribute("origsrc", "Images/LeftMenu_PersonalProjects_Off.jpg");
    document.getElementById("Menu_LifeClass").setAttribute("origsrc", "Images/LeftMenu_LifeClass_Off.jpg");
    document.getElementById("Menu_SketchBook").setAttribute("origsrc", "Images/LeftMenu_SketchBook_Off.jpg");

    document.getElementById("Menu_Characters").setAttribute("oversrc", "Images/LeftMenu_Characters_Over.jpg");
    document.getElementById("Menu_Environments").setAttribute("oversrc", "Images/LeftMenu_Environments_Over.jpg");
    document.getElementById("Menu_Storyboards").setAttribute("oversrc", "Images/LeftMenu_Storyboards_Over.jpg");
    document.getElementById("Menu_Personal").setAttribute("oversrc", "Images/LeftMenu_PersonalProjects_Over.jpg");
    document.getElementById("Menu_LifeClass").setAttribute("oversrc", "Images/LeftMenu_LifeClass_Over.jpg");
    document.getElementById("Menu_SketchBook").setAttribute("oversrc", "Images/LeftMenu_SketchBook_Over.jpg");

}