//***************************************************
//************ Affichage des info-bulles ************
//***************************************************
// Pour utiliser les info-bulles : onmouseover="montre('VOTRE TEXTE HTML');" onmouseout="cache();"

var bulleVisible=false; // Par défaut false, l'info-bulle est invisible.
 
function move(e)
	{
 	 if(bulleVisible)
		{  // Si la bulle est visible, on calcul en temps reel sa position ideale
		if (navigator.appName!="Microsoft Internet Explorer") 
			{ // Si on n'est pas sous IE
			document.getElementById("bulle").style.left=e.pageX + 10+"px";
			document.getElementById("bulle").style.top=e.pageY + 10+"px";
			}
		else  //Si on est sous IE
			{
   			 if(document.documentElement.clientWidth>0) 
				{
				document.getElementById("bulle").style.left=10+event.x+document.documentElement.scrollLeft+75+"px";
				document.getElementById("bulle").style.top=10+event.y+document.documentElement.scrollTop+"px";
    				}
			else
				{
				document.getElementById("bulle").style.left=10+event.x+document.body.scrollLeft+75+"px";
				document.getElementById("bulle").style.top=10+event.y+document.body.scrollTop+"px";
				}
    			}
		}
	}
 
function montreBulle(text) //Affiche l'info-buffle
	{
  	if(bulleVisible==false) 
		{
  		document.getElementById("bulle").style.visibility="visible"; // Si il est caché, on le rend visible.
  		document.getElementById("bulle").innerHTML = text; 
  		bulleVisible=true;
		document.onmousemove=move; // dès que la souris bouge, on appelle la fonction move pour mettre à jour la position de la bulle.
  		}
	}

function cacheBulle() //Cache l'info-buffle
	{
	if(bulleVisible==true)
		{
		document.getElementById("bulle").style.visibility="hidden"; // Si la bulle est visible on la cache
		bulleVisible=false;
		}
	}