<!--// 
//check if browser is capable, NS3+, IE4+
if (document.images){
//preload images
//base image
img1N=new Image(200,130);
img1N.src='sites/cin-small.png';
//hover or rollover image
img1H=new Image(200,130);
img1H.src='sites/cin-small-h.png';
//3 image example
//first image image1
//base image
image1N=new Image(200,130);
image1N.src='sites/cin-small.png';
//hover or rollover image
image1H=new Image(200,130);
image1H.src='sites/cin-small-h.png';
//image2
//base image
image2N=new Image(200,130);
image2N.src='sites/db-small.png';
//hover or rollover image
image2H=new Image(200,130);
image2H.src='sites/db-small-h.png';
//image3
//base image
image3N=new Image(200,130);
image3N.src='sites/cz-small.png';
//hover or rollover image
image3H=new Image(200,130);
image3H.src='sites/cz-small-h.png';
//image4
//base image
image4N=new Image(200,130);
image4N.src='sites/hf-small.png';
//hover or rollover image
image4H=new Image(200,130);
image4H.src='sites/hf-small-h.png';
//image5
//base image
image5N=new Image(200,130);
image5N.src='sites/va-small.png';
//hover or rollover image
image5H=new Image(200,130);
image5H.src='sites/va-small-h.png';
//image6
//base image
image6N=new Image(200,130);
image6N.src='sites/pl-small.png';
//hover or rollover image
image6H=new Image(200,130);
image6H.src='sites/pl-small-h.png';
//end of 6 image example
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
//-->