var image1;
var image2;
var mapImage;

function loadImages(src1, src2) {
    image1 = new Image;
    image1.src = "/images/" + src1;
    image2 = new Image;
    image2.src = "/images/" + src2;
}

function loadMenuImages(src0, src1, src2, src3, src4) {
    mapImage = new Array(5);
    mapImage[0] = new Image;
    mapImage[0].src = "/images/stereomist-menu-" + src0 + "-lit.gif";
    mapImage[1] = new Image;
    mapImage[1].src = "/images/stereomist-menu-" + src1 + "-lit.gif";
    mapImage[2] = new Image;
    mapImage[2].src = "/images/stereomist-menu-" + src2 + "-lit.gif";
    mapImage[3] = new Image;
    mapImage[3].src = "/images/stereomist-menu-" + src3 + "-lit.gif";
    mapImage[4] = new Image;
    mapImage[4].src = "/images/stereomist-menu-" + src4 + "-lit.gif";
}

function lightUp() {
    document.getElementById("graphic").src = image2.src;
} 

function dimDown() {
    document.getElementById("graphic").src = image1.src;
}

function swapMenuImage(index) {
    document.getElementById('menuGraphic').src = mapImage[index].src;
}

function revertMenuImage() {
    document.getElementById('menuGraphic').src = mapImage[0].src;
}