// JavaScript Document

// conteneur de l'image zoomée
document.write('<div id="div_zoom_image" style="position:absolute; visibility:hidden; left:-286px; top:0px; z-index:1000;">');
document.write('<img class="bordure-images" id="img_zoom_image" src="/images-fetes-deguisements/fiesta.gif" style="position:absolute; left:5px; top:5px; z-index:2000;" />');
document.write('</div>');

// affiche l'image au niveau du curseur
function overImage(imgUrl) {
	document.onmousemove = moveImage;
	document.getElementById("img_zoom_image").src = imgUrl;
	document.getElementById("div_zoom_image").style.visibility = "visible";
}

// masque l'image
function outImage() {
	document.getElementById("div_zoom_image").style.visibility = "hidden";
	document.getElementById("img_zoom_image").src = "/images-fetes-deguisements/fiesta.gif";
	document.onmousemove = "";
}

// permet d'afficher l'image lorsque la souris bouge dans l'image
function moveImage(event) {
	// position
	if(event)
	  {
		// FF
		var x = event.pageX + 5;
		var y = event.pageY + 5;
		} else {
		// IE
		var x = window.event.clientX + document.documentElement.scrollLeft + 5;
		var y = window.event.clientY + document.documentElement.scrollTop + 5;
		}
	// placement
	document.getElementById("div_zoom_image").style.left = x + "px";
	document.getElementById("div_zoom_image").style.top = y + "px";
}