if (document.images) {
//preload images

//base images
imgHomeN= new Image(138,38);
imgHomeN.src= 'Home_Np1.jpg' ;
imgServicesN= new Image(138,38);
imgServicesN.src= 'Services_Np1.jpg' ;
imgTestimonialsN= new Image(138,38);
imgTestimonialsN.src= 'Testimonials_Np1.jpg' ;
imgBookN= new Image(138,38);
imgBookN.src= 'New_Book_Np1.jpg' ;



//hover or rollover images

imgHomeH= new Image(138,38);
imgHomeH.src= 'Home_NRp2.jpg' ;
imgServicesH= new Image(138,38);
imgServicesH.src= 'Services_NRp2.jpg' ;
imgTestimonialsH= new Image(138,38);
imgTestimonialsH.src= 'Testimonials_NRp2.jpg' ;
imgBookH= new Image(138,38);
imgBookH.src= 'New_Book_NRp2.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