var marge=30;
var offsetX=marge;
var offsetY=marge;
function roll(urlImg,loffsetX,loffsetY) {
	image=document.getElementById("imgRoll");
	image.src=urlImg;
	if(loffsetX=="-1") {
		loffsetX=marge;
	}
	if(loffsetX=="0") {
		loffsetX=-image.width/2;
	}
	if(loffsetX=="1") {
		loffsetX=-marge-image.width;
	}
	if(loffsetY=="0") {
		loffsetY=marge;
	}
	if(loffsetY=="1") {
		loffsetY=-marge-image.height+5;
	}
	offsetX=loffsetX;
	offsetY=loffsetY;
	resetroll();
	tempo = setTimeout("afficher()", 100)
}
function afficher() {
	image=document.getElementById("imgRoll");
	image.style.display="block";
}
function resetroll() {
	start=true;
}
function unroll() {
	image=document.getElementById("imgRoll");
	image.style.display="none";
	image.src="img/wait.gif";
	tempo = setTimeout("cacher()", 100)
}
function cacher() {
	image=document.getElementById("imgRoll");
	image.style.display="none";
}
var x = 0;
var y = 0;

if (document.getElementById)
   {
   if(navigator.appName.substring(0,3) == "Net")
    document.captureEvents(Event.MOUSEMOVE);
   document.onmousemove = Pos_Souris;
   window.onload = Bouge_Image;
   }

function Pos_Souris(e)
   {
   x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
   y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
  	x+=offsetX;
	y+=offsetY;
   }
start=true;
posX = 0;
posY = 0;
function Bouge_Image()
   {
   if (document.getElementById)
      {
		  if(start==true) {
			  posX=x;
			  posY=y;
			  start=false;
		  }
		  else {
    		 posX = posX+((x-posX)/15);
      		posY = posY+((y-posY)/4);
		  }
      document.getElementById("imgRoll").style.top = Math.round(posY)+"px";
      document.getElementById("imgRoll").style.left = Math.round(posX)+"px";
      tempo = setTimeout("Bouge_Image()", 5)
      }
   }