//merci à http://damienalexandre.fr/Info-Bulle-en-Javascript.html pour le code
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 calcule en temps reel sa position ideale
		if(navigator.appName!="Microsoft Internet Explorer"){ // Si on est pas sous IE-pourrave
			GetId("curseur").style.left=e.pageX+40+"px";
			GetId("curseur").style.top=e.pageY+20+"px";
		}
	else{ // Modif proposé par TeDeum, merci à  lui
		if(document.documentElement.clientWidth>0){
			GetId("curseur").style.left=20+event.x+document.documentElement.scrollLeft+"px";
			GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";
		}
		else{
			GetId("curseur").style.left=20+event.x+document.body.scrollLeft+"px";
			GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px";
			}
		}
	}
}
var nomLien = "";
function montre(nomLien){	  
var text = "";
	if(i==false){
		GetId("curseur").style.display="block"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
		switch(nomLien){
			case "snail" :
				text = "<img src=\"img/3d_temps_reel/low/snail.jpg\"/>";
				break;
			case "maisonnette" :
				text = "<img src=\"img/3d_temps_reel/low/maisonnette.jpg\"/>";
				break;
			case "nature_morte" :
				text = "<img src=\"img/3d_temps_reel/low/nature_morte.jpg\"/>";
				break;
			}
		GetId("curseur").innerHTML = text; // on copie notre texte dans l'élément html
		i=true;
	}
}
  
function cache(){
	if(i==true){
		GetId("curseur").style.display="none"; // Si la bulle est visible on la cache
		i=false;
	}
}
document.onmousemove=move; // dès que la souris bouge, on appelle la fonction move pour mettre à jour la position de la bulle.