<!-- //
//check if browser is capable, NS3+, IE4+
if (document.images) {
//3 image example
//first image image1
//base image
image1N= new Image(69,91);
image1N.src= 'images/layout_r2_c5.jpg' ;
//hover or rollover image
image1H= new Image(69,91);
image1H.src= 'images/layout_2_r2_c5.jpg' ;
//image2
//base image
image2N= new Image(92,91);
image2N.src= 'images/layout_r2_c6.jpg' ;
//hover or rollover image
image2H= new Image(92,91);
image2H.src= 'images/layout_2_r2_c6.jpg' ;
//image3
//base image
image3N= new Image(56,91);
image3N.src= 'images/layout_r2_c7.jpg' ;
//hover or rollover image
image3H= new Image(56,91);
image3H.src= 'images/layout_2_r2_c7.jpg' ;
//end of 3 image example
//image4
//base image
image4N= new Image(112,91);
image4N.src= 'images/layout_r2_c8.jpg' ;
//hover or rollover image
image4H= new Image(112,91);
image4H.src= 'images/layout_2_r2_c8.jpg' ;
//end of 4 image example
//image5
//base image
image5N= new Image(117,91);
image5N.src= 'images/layout_r2_c10.jpg' ;
//hover or rollover image
image5H= new Image(117,91);
image5H.src= 'images/layout_2_r2_c10.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
//-->