function loadimages() {
    var menu1 = [];
    var menu2 = [];
    var logo = [];

    for (i = 0; i <= 7; i++) {
       menu1[i] = new Image();
       menu1[i].src = "./opmaak/images/menu/menu" + (i+1) + ".gif";
       menu2[i] = new Image();
       menu2[i].src = "./opmaak/images/menu/menu" + (i+1) + "-2.gif";
    }

    for (i = 0; i <= 21; i++) {
       logo[i] = new Image();
       logo[i].src = "./opmaak/images/logo/logo" + (i+1) + ".gif";
    }
}


function mouseOver(getal, dit) {
    if (dit.name == "nee") {
        dit.src = './opmaak/images/menu/menu'+getal+'-2.gif';
    }
}

function mouseOut(getal, dit) {
    if (dit.name == "nee") {
        dit.src = './opmaak/images/menu/menu'+getal+'.gif';
    }
}

function klikErop(getal) {


    //EERST alles terug tegoei zetten
    knoppenNakijken();

    //DAN deze knop als geklikt aanduiden en andeere kleur geven
    document.getElementById('menu'+getal).name = "ja";
    document.getElementById('menu'+getal).src = './opmaak/images/menu/menu'+getal+'-c.gif';
}

function logo(dit) {

    var getal = dit.name;

    var random = randomGetal();

    while (random == getal || random == 1) {
        random = randomGetal();
    }

    //veranderen van prent en waarde
    dit.src = './opmaak/images/logo/logo'+random+'.gif';
    dit.name = random;

}

function randomGetal() {

    var getal = Math.floor((Math.random()*21) + 2);

    return getal;
}

function mouseOutLogo(dit) {
    dit.src = './opmaak/images/logo/logo1.gif'
}

function knoppenNakijken() {

    for (i=1; i<=8; i++) {
        document.getElementById('menu'+i).name = "nee";
        document.getElementById('menu'+i).src = './opmaak/images/menu/menu'+i+'.gif';
    }

}