/*infobulle.js*/

var i=false; // La variable i nous dit si la bulle est visible ou non
document.onmousemove=move;
function montre() { //au lieu de montre (text)
  if(i==false) {
  	GetId("curseur").style.visibility="visible"; // Si la bulle est cachée,  on la rend visible (la verif n'est qu'une securité)
  	//GetId("curseur").innerHTML = text; // Pour ajouter le texte dans l'infobulle
  	i=true;
  }
}
function cache() {
	if(i==true) {
		GetId("curseur").style.visibility="hidden"; // Si la bulle etait, visible on la cache
		i=false;
	}
}
function GetId(id){
	return document.getElementById(id);
}
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=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";
	  		}
    	}
  	}
}

/*

- Le div a placer dans le code de la page (html):

	<div id="curseur" class="infobulle"></div>


- La classe a mettre dans le css :

	.infobulle{
		position: absolute;	
		visibility : hidden;
		border: 1px solid Black;
		padding: 10px;
		font-family: Verdana, Arial;
		font-size: 10px;
		background-color: #FFFFCC;
		opacity: 0.8; 
		filter: alpha(opacity=80);
	}


- Les événement a associer aux balises avec l'appel des fonctions javascript :

	onmouseover="montre(\'TEXTE\');" onmouseout="cache();"  //si pas de texte, placer le contenu html dans le div

*/