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; 

} 
}