if (document.images) {
//preload images



//base images
imgPrepN= new Image(131,52);
imgPrepN.src= 'images/Preparation.jpg' ;
imgProceedN= new Image(131,45);
imgProceedN.src= 'images/Proceedings.jpg' ;
imgFollowN= new Image(131,32);
imgFollowN.src= 'images/FollowUp.jpg' ;
imgContactN= new Image(131,29);
imgContactN.src= 'images/ContactUs.jpg' ;


//hover or rollover images

imgPrepH= new Image(131,52);
imgPrepH.src= 'images/PreparationPick.jpg' ;
imgProceedH= new Image(131,45);
imgProceedH.src= 'images/ProceedingsPick.jpg' ;
imgFollowH= new Image(131,32);
imgFollowH.src= 'images/FollowUpPick.jpg' ;
imgContactH= new Image(131,29);
imgContactH.src= 'images/ContactUsPick.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