var Mouse_X; // Variable globale Position X de la Mouse
var Mouse_Y; // Variable globale Position Y de la Mouse
var id_calque;//Variable globale contenant l'identification du calque 

function infoBulle(id,etat)
{
	
	if(etat == "depart")
	{
			id_calque=id;
			document.onmousemove = positionnerCalque;/*initialisation de la position de la souris*/
	}
	else
	{
		id_calque="null";
		document.onmousemove=positionnerCalque;
	}
}
/* positionne l'élement  id à la position du curseur, necessite l'initialisation de la variable contenant l'id du calque */
function positionnerCalque(e){
	 if(id_calque != "null")
	 {
	//-----------------------------------------------------------------------------
	// l'argument e n'est passé à la fonction que par les navigateur n'ayant pas
	// implémenté event comme objet, IE posséde son propre objet bien connu event
	//-----------------------------------------------------------------------------
	  var DocRef;    // Variable pour IE uniquement
	
	  // L'événement est passée à la fonction
	  // donc tous sauf IE…
	  if( e)
	  {                     // Dans ce cas on obtient directement la position dans la page
		Mouse_X = e.pageX;
		Mouse_Y = e.pageY;
	  }
	  else
	  {                      // Dans ce cas on obtient la position relative à la fenêtre d'affichage
		Mouse_X = event.clientX;
		Mouse_Y = event.clientY;
	
		//-- Il faut traiter le CAS des DOCTYPE sous IE
		if( document.documentElement && document.documentElement.clientWidth) // Donc DOCTYPE
		  DocRef = document.documentElement;   // Dans ce cas c'est documentElement qui est réfèrence
		else
		  DocRef = document.body;                    // Dans ce cas c'est body qui est réfèrence
	
		//-- On rajoute la position liée aux ScrollBars
		Mouse_X += DocRef.scrollLeft;
		Mouse_Y += DocRef.scrollTop;
		
	  }
	  //décalage
	  Mouse_X +=8;
	  //on met a jour les coordonnées du calque
  		 if (document.getElementById) {
		  document.getElementById(id_calque).style.top=Mouse_Y+"px";
		  document.getElementById(id_calque).style.left=Mouse_X+"px";
		} else if (document.all) {
		  document.all[id_calque].style.top=Mouse_Y+"px";
		  document.all[id_calque].style.left=Mouse_X+"px";
		} else if (document.layers) {
		  document.layers[id_calque].top=Mouse_Y+"px";
		  document.layers[id_calque].left=Mouse_X+"px";
		}	
	 }
		
}
function cache(id) {
	  if (document.getElementById) {
		  document.getElementById(id).style.visibility="hidden";
		} else if (document.all) {
		  document.all[id].style.visibility="hidden";
		} else if (document.layers) {
		  document.layers[id].visibility="hidden";
		} } 
function hauteur(id,value) {
		var element_style=null
		if (document.getElementById) {
		  element_style=document.getElementById(id).style;
		} else if (document.all) {
		  element_style=document.all[id].style;
		} else if (document.layers) {
		  element_style=document.layers[id];
		} 
		if(element_style) element_style.zIndex = value
		}
function montre(id) {
	  if (document.getElementById) {
		  document.getElementById(id).style.visibility="visible";
		} else if (document.all) {
		  document.all[id].style.visibility="visible";
		} else if (document.layers) {
		  document.layers[id].visibility="visible";
		} } 
function visi_relative(id) {
	  if (document.getElementById) {
		  document.getElementById(id).style.position="relative";
		} else if (document.all) {
		  document.all[id].style.position="relative";
		} else if (document.layers) {
		  document.layers[id].position="relative";
		} } 
function visi_absolute(id) {
	  if (document.getElementById) {
		  document.getElementById(id).style.position="absolute";
		} else if (document.all) {
		  document.all[id].style.position="absolute";
		} else if (document.layers) {
		  document.layers[id].position="absolute";
		} }