// initialiseren van variabelen
    cindex = -1;
    naam_old = -1;
    // browsercontrole
    app = navigator.appName;
    ver = navigator.appVersion;
    mac = ver.indexOf("Macintosh") > 0;
    win = ver.indexOf("Win") > 0;
    vnum = parseFloat(ver);
     magOok = (((app == "Netscape") && (vnum >= 3 )) ||
           ((mac) && (app == "Microsoft Internet Explorer") && (vnum >= 3.01 )) ||
           ((win) && (app == "Microsoft Internet Explorer") && (vnum >= 4 ))) ;
 
// als de browser rollovers kan laten zien dan de array met plaatjes aanmaken
     if (magOok) 
             {
// vul het aantal roll-over plaatjes-1 in (hier dus aantal -1 = 7)
              off = new MakeImageArray(13);
              over = new MakeImageArray(13);
              down = new MakeImageArray(13);
                
// vul hier de off-toestand van de plaatjes in
               off[0].src = "../images/1m1.jpg";
               off[1].src = "../images/1m2.jpg";
			   off[2].src = "../images/1m3.jpg";
			   off[3].src = "../images/1m4.jpg";
			   off[4].src = "../images/1m5.jpg";
			   off[5].src = "../images/1m6.jpg";
               off[6].src = "../images/1m7.jpg";
			   off[7].src = "../images/1m8.jpg";
			   off[8].src = "../images/1m9.jpg";
			   off[9].src = "../images/1m10.jpg";
			   off[10].src = "../images/biografie_1m1.jpg";
			   off[11].src = "../images/biografie_1m2.jpg";
			   off[12].src = "../images/biografie_1m3.jpg";
			   off[13].src = "../images/1m11.jpg";

// vul hier de over-toestand in
               over[0].src = "../images/1m1m.jpg";
               over[1].src = "../images/1m2m.jpg";
			   over[2].src = "../images/1m3m.jpg";
			   over[3].src = "../images/1m4m.jpg";
			   over[4].src = "../images/1m5m.jpg";
			   over[5].src = "../images/1m6m.jpg";
               over[6].src = "../images/1m7m.jpg";
			   over[7].src = "../images/1m8m.jpg";
			   over[8].src = "../images/1m9m.jpg";
			   over[9].src = "../images/1m10m.jpg";
			   over[10].src = "../images/biografie_1m1m.jpg";
			   over[11].src = "../images/biografie_1m2m.jpg";
			   over[12].src = "../images/biografie_1m3m.jpg";
			   over[13].src = "../images/1m11m.jpg";

// en ook de down-toestand
               down[0].src = "../images/1m1m.jpg";
               down[1].src = "../images/1m2m.jpg";
			   down[2].src = "../images/1m3m.jpg";
			   down[3].src = "../images/1m4m.jpg";
			   down[4].src = "../images/1m5m.jpg";
			   down[5].src = "../images/1m6m.jpg";
               down[6].src = "../images/1m7m.jpg";
			   down[7].src = "../images/1m8m.jpg";
			   down[8].src = "../images/1m9m.jpg";
			   down[9].src = "../images/1m10m.jpg";
			   down[10].src = "../images/biografie_1m1m.jpg";
			   down[11].src = "../images/biografie_1m2m.jpg";
			   down[12].src = "../images/biografie_1m3m.jpg";
			   down[13].src = "../images/1m11m.jpg";
    }
    // de browser wordt verteld dattie de plaatjes moet pre-loaden     
    function MakeImageArray(n) {
        this.length = n;
        for (var i = 0; i<=n; i++) {
            this[i] = new Image();
        }
        return this;
    }
    // de roll-over functie
    function mOver(num,pos) {
        if (document.images) {
            if ((over[num].src != "") && (num != cindex)) {
                document.images[pos].src = over[num].src;
            }
        }
    }
    // de opruim functie
    function mOut(num,pos) {
        if (document.images) {
            if ((off[num].src != "") && (num != cindex)) {
                document.images[pos].src = off[num].src;
            }
        }                   
    }
    // en de klik-functie
    function mClick(num,pos) {
        if (document.images) {
            if ((down[num].src != "")) {
                if (cindex != -1) {
                    document.images[naam_old].src = off[cindex].src;
                }
                document.images[pos].src = down[num].src;
                cindex = num;
                naam_old = pos;
            }
        }
    }