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";


function toggle_menu(menuItem) {

var menuLoop = 1;
while (menuLoop < 9) {
        var menuName = "l" + menuLoop;
        var theDialogBox = document.getElementById(menuName);
        theDialogBox.style.display = "none";
        if (menuLoop == menuItem) {
                theDialogBox.style.display = "block";
        }
        var divName = "d" + menuLoop;
        var theDialogBox = document.getElementById(divName);
        theDialogBox.style.display = "none";
        if (menuLoop == menuItem) {
                theDialogBox.style.display = "block";
        }
        menuLoop = menuLoop + 1;
}

var width1  = 407;
var height1 = 247;
var width2  = 342;
var height2 = 290;
var width3  = 339;
var height3 = 279;
var width4  = 373;
var height4 = 288;
var width5  = 288;
var height5 = 283;
var width6  = 381;
var height6 = 288;
var width7  = 390;
var height7 = 260;
var width8  = 341;
var height8 = 281;
var thisheight = "height" + menuItem;
var thiswidth  = "width" + menuItem;

document.getElementById("mainimage").width = eval(thiswidth);
document.getElementById("mainimage").height = eval(thisheight);
document.getElementById("mainimage").src = "./images/i" + menuItem + ".jpg";

}