//check if browser is capable, NS3+, IE4+
if (document.images) {

	//preload images
	//base image
	img1N= new Image(86,77);
	img1N.src= 'images/index_03a.png' ;
	//hover or rollover image
	img1H= new Image(86,77);
	img1H.src= 'images/index_03ab.png' ;
	
	img2N= new Image(115,77);
	img2N.src= 'images/index_04a.png' ;
	img2H= new Image(115,77);
	img2H.src= 'images/index_04ab.png' ;

	img3N= new Image(102,77);
	img3N.src= 'images/index_05.png' ;
	img3H= new Image(0277);
	img3H.src= 'images/index_05b.png' ;

	img4N= new Image(122,77);
	img4N.src= 'images/index_06.png' ;
	img4H= new Image(122,77);
	img4H.src= 'images/index_06b.png' ;

	img5N= new Image(57,77);
	img5N.src= 'images/index_07.png' ;
	img5H= new Image(57,77);
	img5H.src= 'images/index_07b.png' ;

	img6N= new Image(124,77);
	img6N.src= 'images/index_08.png' ;
	img6H= new Image(124,77);
	img6H.src= 'images/index_08b.png' ;

	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