function GetId(id)
{
	return document.getElementById(id);
}
var i=false; // La variable i nous dit si la bulle est visible ou non
 
function move(e) {

  if(i) {  // Si la bulle est visible, on calcul en temps reel sa position ideale
    if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
	    GetId("curseur").style.left=e.pageX + 5+"px";
	    GetId("curseur").style.top=e.pageY + 10+"px";
    }
    else { 
	    if(document.documentElement.clientWidth>0) {
			GetId("curseur").style.left=event.x+document.documentElement.scrollLeft+"px";
			GetId("curseur").style.top=event.y+document.documentElement.scrollTop+"px";
	    } else {
			GetId("curseur").style.left=event.x+document.body.scrollLeft+"px";
			GetId("curseur").style.top=event.y+document.body.scrollTop+"px";
	    }
    }
  }
}
 
function montre(text) {

  if(i==false) {

  GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
  GetId("curseur").innerHTML = text; // on copie notre texte dans l'élément html
  i=true;
  }
}
function cache() {
	if(i==true) {
		GetId("curseur").style.visibility="hidden"; // Si la bulle est visible on la cache
		i=false;
	}
}

var mouse_x = 0;
function init() {
	document.getElementById('ligne').onmousemove = getMousePosition; 
	
}  

function getMousePosition(evt){ 
	var offset = document.getElementById('centre').offsetLeft ;
    if(!evt) evt = window.event; 
  	mouse_x = evt.clientX - offset-489; // décalage par rapport au centrage du div principal relative
  	move('deroulPhoto');
} 

function move(divId){

	if(document.getElementById(divId).scrollWidth > 978) 	{
		if(mouse_x > 0 && mouse_x < 950){
			temp =  ((document.getElementById(divId).scrollWidth-978)/978)*mouse_x;
			temp = -parseInt(temp);			
			document.getElementById(divId).style.left = temp+'px';
			

		} else{
			document.getElementById(divId).style.left = '0px';
		}
	}
}