document.preloadedImages = new Array();		// will contain all preloaded images
document.preloadedImagesOver = new Array();	// will contain all rollover preloaded images (_on)

/********************************************************************************************/
/* start preload images */
// parse all images, look for sources that end with _off, preload _on images
// fill the preloadedImages and preloadedImagesOver arrays
function preloadOverImages()
{
	var rx = /_off([^\w]\w{3,})$/;	// srcs that end with _off[.ext]
	for(i=0; i<document.images.length; i++)
	{
		if(rx.test(document.images[i].src))
		{
			document.preloadedImages[document.preloadedImages.length] = document.images[i];
			document.preloadedImagesOver[document.preloadedImagesOver.length] = new Image();
			document.preloadedImagesOver[document.preloadedImagesOver.length-1].src = document.images[i].src.replace("_off.","_on.");
		}
	}
}

/**** ROLLOVER ****/
// Cette fonction assigne a un tag img la source equivalente
// à son état de survol(hightlight)
// On substitu dans la chaine de caractère le off par on
function rl(img)
{
	eval("document."+img+".src = document."+img+".src.replace(/_off/,'_on')");
}

/**** REVERT ROLLOVER ****/
// Cette fonction assigne a un tag img la source equivalente
// à son état normal à la suite d'un état de survol(hightlight).
function rv(img)
{
	
		eval("document."+img+".src = document."+img+".src.replace(/_on/,'_off')");	
	
}

<!-- Initialisation du rollover automatique dans le onload de la balise BODY-->
function fonload()
{
	preloadOverImages();		
}