<!-- //
//check if browser is capable, NS3+, IE4+
if (document.images) {
//3 image example
//first image image1
//base image
image1N= new Image(76,43);
image1N.src= 'images/mockup_normal_r2_c2.jpg' ;
//hover or rollover image
image1H= new Image(76,43);
image1H.src= 'images/mockup_over_r2_c2.jpg' ;
//image2
//base image
image2N= new Image(93,43);
image2N.src= 'images/mockup_normal_r2_c3.jpg' ;
//hover or rollover image
image2H= new Image(93,43);
image2H.src= 'images/mockup_over_r2_c3.jpg' ;
//image3
//base image
image3N= new Image(129,43);
image3N.src= 'images/mockup_normal_r2_c4.jpg' ;
//hover or rollover image
image3H= new Image(129,43);
image3H.src= 'images/mockup_over_r2_c4.jpg' ;
//end of 3 image example
//image4
//base image
image4N= new Image(93,43);
image4N.src= 'images/mockup_normal_r2_c5.jpg' ;
//hover or rollover image
image4H= new Image(93,43);
image4H.src= 'images/mockup_over_r2_c5.jpg' ;
//end of 4 image example
//image5
//base image
image5N= new Image(145,43);
image5N.src= 'images/mockup_normal_r2_c6.jpg' ;
//hover or rollover image
image5H= new Image(145,43);
image5H.src= 'images/mockup_over_r2_c6.jpg' ;
//end of 5 image example
//image6
//base image
image6N= new Image(104,43);
image6N.src= 'images/mockup_normal_r2_c7.jpg' ;
//hover or rollover image
image6H= new Image(104,43);
image6H.src= 'images/mockup_over_r2_c7.jpg' ;
//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
//-->