// afficher la photo au survol de la souris
$(document).ready(function(e){
	var mesImages = $("#content a");
	
	mesImages.each(function(i){
		//alert($(this).attr("href"));
		//var heavyImage = new Image(); 
		var grosseImage = $(this).attr("href");
		var heavyImage = new Image(); 
		heavyImage.src = grosseImage;
		var petiteImage = "";
		var mouseX = 0;
		var mouseY = 0;
		
		$(this).bind("mouseenter",function(e){
			mouseX = e.clientX;
			mouseY = e.clientY;
			petiteImage = $(this).children().attr("src");
			//$(this).children().attr("src", heavyImage); // réassigner la valeur du src de l'image
			
			domImage = jQuery("<img src='"+grosseImage+"' width='"+heavyImage.width+"' height='"+heavyImage.height+"' />");
			domImage.css({ position:"absolute", left:mouseX, right:mouseY });
			$(this).append(domImage);
			
		});
		$(this).bind("mouseleave",function(e){
			//$(this).children().attr("src", petiteImage);
			$(domImage).remove();
			//$("#joie").hide();
		});
	});
});