if (document.images) { 

//preload images 

//base image 

img1N= new Image(110,33); 
img1N.src= 'images/home.gif' ; 

img1H= new Image(110,33); 
img1H.src= 'images/homehover.gif' ; 

img2N= new Image(110,33); 
img2N.src= 'images/about.gif' ; 

img2H= new Image(110,33); 
img2H.src= 'images/abouthover.gif' ; 

img3N= new Image(110,33); 
img3N.src= 'images/dive.gif' ; 

img3H= new Image(110,33); 
img3H.src= 'images/divehover.gif' ; 

img4N= new Image(110,33); 
img4N.src= 'images/sail.gif' ; 

img4H= new Image(110,33); 
img4H.src= 'images/sailhover.gif' ; 

img5N= new Image(110,33); 
img5N.src= 'images/delivery.gif' ; 

img5H= new Image(110,33); 
img5H.src= 'images/deliveryhover.gif' ; 

img6N= new Image(110,33); 
img6N.src= 'images/rates.gif' ; 

img6H= new Image(110,33); 
img6H.src= 'images/rateshover.gif' ; 

img7N= new Image(110,33); 
img7N.src= 'images/contact.gif' ; 

img7H= new Image(110,33); 
img7H.src= 'images/contacthover.gif' ; 

img8N= new Image(110,33); 
img8N.src= 'images/schedule.gif' ; 

img8H= new Image(110,33);
img8H.src = 'images/schedulehover.gif';

img9N = new Image(110, 33);
img9N.src = 'images/gear.gif';

img9H = new Image(110, 33);
img9H.src = 'images/gearhover.gif';

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; 

} 
}