$(function(){ 
	/* CONFIG */
 
	xOffset = 10;
	yOffset = 10;

	// these 2 variable determine popup's distance from the cursor
	// you might want to adjust to get the right result
	
	$(".vignette_pneu").hover(function(e){
		//On récupère la sourece de la vignette
		var sourceVignette=$(this).children().attr("src");
		//On supprime le "thumbmail" pour accéder à la source de l'image d'origine
		var sourceImage="/media/"+sourceVignette.substring(18, 100);
		$("body").append("<div id='curseur' class='infobulle'><img src='"+ sourceImage +"' alt='Image Preview' /></div>");
		$("#curseur").css("top",(e.pageY - xOffset) + "px")
		$("#curseur").css("left",(e.pageX + yOffset) + "px")
		$("#curseur").fadeIn("fast");                                                
		},
		function(){
			$("#curseur").remove();
	}); 
	$(".vignette_pneu").mousemove(function(e){
		$("#curseur").css("top",(e.pageY - xOffset) + "px")
		$("#curseur").css("left",(e.pageX + yOffset) + "px");
	});	
});