//check if browser is capable, NS3+, IE4+ 

if (document.images) { 

//preload images 
//menu1 
img1N= new Image(200,100); 
img1N.src= 'afbeeldingen/menu1a.jpg' ; 
//hover or rollover image 
img1H= new Image(200,100); 
img1H.src= 'afbeeldingen/menu1b.jpg' ; 

//menu2 
//base image 
img2N= new Image(200,100); 
img2N.src= 'afbeeldingen/menu2a.jpg' ; 
//hover or rollover image 
img2H= new Image(200,100); 
img2H.src= 'afbeeldingen/menu2b.jpg' ; 

//menu3 
//base image 
img3N= new Image(200,100); 
img3N.src= 'afbeeldingen/menu3a.jpg' ; 
//hover or rollover image 
img3H= new Image(200,100); 
img3H.src= 'afbeeldingen/menu3b.jpg' ; 

//menu4 
//base image 
img4N= new Image(200,100); 
img4N.src= 'afbeeldingen/menu4a.jpg' ; 
//hover or rollover image 
img4H= new Image(200,100); 
img4H.src= 'afbeeldingen/menu4b.jpg' ; 

//menu5 
//base image 
img5N= new Image(200,100); 
img5N.src= 'afbeeldingen/menu5a.jpg' ; 
//hover or rollover image 
img5H= new Image(200,100); 
img5H.src= 'afbeeldingen/menu5b.jpg' ; 

//menu6 
//base image 
img6N= new Image(200,100); 
img6N.src= 'afbeeldingen/menu6a.jpg' ; 
//hover or rollover image 
img6H= new Image(200,100); 
img6H.src= 'afbeeldingen/menu6b.jpg' ; 

//menu7 
//base image 
img7N= new Image(200,100); 
img7N.src= 'afbeeldingen/menu7a.jpg' ; 
//hover or rollover image 
img7H= new Image(200,100); 
img7H.src= 'afbeeldingen/menu7b.jpg' ; 

function myOn(myImgName) { 
//we need to name the image in the BODY 
//so we can use its name here 
document[myImgName].src=eval(myImgName+ 'H' ).src; 
} 
function myOut(myImgName) { 
document[myImgName].src=eval(myImgName+ 'N' ).src; 
} 
} //end of if document.images