$(document).ready(function(){

//the listed code

$(".roll").hover(
function() {
curr = $(this).find("img").attr("src");
over = curr.replace(/-off\./, '-on.');
$(this).find("img").attr({ src: over});
},
function() {
$(this).find("img").attr({ src: curr});
}
)

$(".roll").click(
function() {
	var occ = curr.substring(28,29);
	curr = $(this).find("img").attr("src");
	$(this).find("img").blur();
	
	document.getElementById('contenu'+occ).style.display = 'block';
	for(i = 1 ; i <= 3 ; i++)
	{
		if(occ != i)
		{	
			document.getElementById('img'+i).src = 'images/fr/onglet-home/onglet'+i+'-off.gif';
			document.getElementById('contenu'+i).style.display = 'none';
		}
	}
}
)

$(".roll").find("img").each(function(i) {
temp = this.src;
pre = temp.replace(/-off\./, '-on.');
preload_image_object = new Image();
preload_image_object.src = pre;
});

//the listed code

});