<!-- //
//check if browser is capable, NS3+, IE4+
if (document.images) {
//3 image example
//first image image1
//base image
image1N= new Image(77,26);
image1N.src= 'images/layout_over_r2_c2.jpg' ;
//hover or rollover image
image1H= new Image(77,26);
image1H.src= 'images/layout_r3_c12.jpg' ;
//image2
//base image
image2N= new Image(141,26);
image2N.src= 'images/layout_over_r2_c4.jpg' ;
//hover or rollover image
image2H= new Image(141,26);
image2H.src= 'images/layout_r3_c14.jpg' ;
//image3
//base image
image3N= new Image(90,26);
image3N.src= 'images/layout_over_r2_c6.jpg' ;
//hover or rollover image
image3H= new Image(90,26);
image3H.src= 'images/layout_r3_c19.jpg' ;
//end of 3 image example
//image4
//base image
image4N= new Image(94,26);
image4N.src= 'images/layout_over_r2_c8.jpg' ;
//hover or rollover image
image4H= new Image(94,26);
image4H.src= 'images/layout_r3_c22.jpg' ;
//end of 4 image example
//image5
//base image
image5N= new Image(104,26);
image5N.src= 'images/layout_over_r2_c10.jpg' ;
//hover or rollover image
image5H= new Image(104,26);
image5H.src= 'images/layout_r3_c24.jpg' ;
//end of 5 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
//-->