<!--
//check if browser is capable, NS3+, IE4+ 
if (document.images) { 
//preload images 
//base image 

img1N= new Image(); 
img1N.src= '/images/nav_how.jpg' ; 
img2N= new Image(); 
img2N.src= '/images/nav_benefits.jpg' ; 
img3N= new Image(); 
img3N.src= '/images/nav_purchase.jpg' ; 
img4N= new Image(); 
img4N.src= '/images/nav_media.jpg' ; 
img5N= new Image(); 
img5N.src= '/images/nav_locate.jpg' ; 
img6N= new Image(); 
img6N.src= '/images/nav_faqs.jpg' ; 
img7N= new Image(); 
img7N.src= '/images/nav_about.jpg' ; 


//hover or rollover image 


img1H= new Image(); 
img1H.src= '/images/ng_how.jpg' ; 
img2H= new Image(); 
img2H.src= '/images/ng_benefits.jpg' ; 
img3H= new Image(); 
img3H.src= '/images/ng_purchase.jpg' ; 
img4H= new Image(); 
img4H.src= '/images/ng_media.jpg' ; 
img5H= new Image(); 
img5H.src= '/images/ng_locate.jpg' ; 
img6H= new Image(); 
img6H.src= '/images/ng_faqs.jpg' ; 
img7H= new Image(); 
img7H.src= '/images/ng_about.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; 
} 
} 
//-->