window.addEvent('domready', function() {
	
	// rollOvers pour les images
	// Application : class="roll"

	//preload images
	var aPreLoad = new Array();
	var aPreLoadi = 0;
	
	//do rollover
	$$('img.roll', 'input.roll').each(function(el){
		//let's preload
		aPreLoad[aPreLoadi] = new Image();
		aPreLoad[aPreLoadi].src = el.src.replace(el.src.replace(/_off([._])/, '_on$1'));
		aPreLoadi++;
	
		el.addEvent('mouseover',function(){
			this.setAttribute('src',this.src.replace(/_off([._])/, '_on$1'));
		});
	
		el.addEvent('mouseout',function(){
			this.setAttribute('src',this.src.replace(/_on([._])/, '_off$1'));
		});
	});

});