image1 = new Image();
image1.src = "./images/i1.jpg";
image1 = new Image();
image1.src = "./images/i2.jpg";
image1 = new Image();
image1.src = "./images/i3.jpg";
image1 = new Image();
image1.src = "./images/i4.jpg";
image1 = new Image();
image1.src = "./images/i5.jpg";
image1 = new Image();
image1.src = "./images/i6.jpg";
image1 = new Image();
image1.src = "./images/i7.jpg";
image1 = new Image();
image1.src = "./images/i8.jpg";
image1 = new Image();
image1.src = "./images/i9.jpg";
image1 = new Image();
image1.src = "./images/m1.jpg";
image1 = new Image();
image1.src = "./images/m2.jpg";
image1 = new Image();
image1.src = "./images/m3.jpg";
image1 = new Image();
image1.src = "./images/m4.jpg";


function toggle_menu(menuItem) {

var menuLoop = 0;
while (menuLoop < 10) {

        var divName = "d" + menuLoop;
        var theDialogBox = document.getElementById(divName);
        theDialogBox.style.display = "none";
        if (menuLoop == menuItem) {
                theDialogBox.style.display = "block";
        }
        
        if (menuLoop > 0 && menuLoop < 5) {
                var divName = "m" + menuLoop;
                var theDialogBox = document.getElementById(divName);
                var dynamicMenuName = "./images/m" + menuLoop + "_off.jpg";
                if (menuLoop == menuItem) {
                        dynamicMenuName = "./images/m" + menuLoop + "_on.jpg";
                }
                theDialogBox.src = dynamicMenuName;
        }
        
        if (menuItem > 4) {
                var divName = "m2";
                var theDialogBox = document.getElementById(divName);
                dynamicMenuName = "./images/m2_on.jpg";
                theDialogBox.src = dynamicMenuName;
        }
        
        menuLoop = menuLoop + 1;
}

document.getElementById("mainimage").src = "./images/i" + menuItem + ".jpg";

}