// on formate la bulle.
document.write('<div id="bulle" class="infos_bulle"></div>');


var i=false; // La variable i nous dit si la bulle est visible ou non

function GetId(id)
{
  return document.getElementById(id);
}

function move_bulle(e) // Fonction de suivi de la souris 
{
  if(i){
    if(navigator.appName!="Microsoft Internet Explorer"){
      GetId("bulle").style.left = 5+e.pageX+"px";
      GetId("bulle").style.top = 15+e.pageY+"px";
    }else{
    	// original
    	//GetId("bulle").style.left = 5+event.x+document.documentElement.scrollLeft+"px";
      	//GetId("bulle").style.top = 15+event.y+document.documentElement.scrollTop+"px";
  		
		// Marche mieux    		
  		GetId("bulle").style.left = 5+event.x+document.body.scrollLeft+"px";
  		GetId("bulle").style.top = 15+event.y+document.body.scrollTop+"px";      
    }
  }
}

function move_bulle2(e) // Fonction de suivi de la souris 
{
  if(i){
    if(navigator.appName!="Microsoft Internet Explorer"){
      GetId("bulle").style.left = -5+e.pageX+"px";
      GetId("bulle").style.top = -38+e.pageY+"px";
    }else{
    	// original
    	//GetId("bulle").style.left = 5+event.x+document.documentElement.scrollLeft+"px";
      	//GetId("bulle").style.top = 15+event.y+document.documentElement.scrollTop+"px";
  		
		// Marche mieux    		
  		GetId("bulle").style.left = -5+event.x+document.body.scrollLeft+"px";
  		GetId("bulle").style.top = -38+event.y+document.body.scrollTop+"px";      
    }
  }
}

function open_bulle(content)
{
  if(i==false)
  {
	    GetId("bulle").style.visibility = "visible"; // Si la bulle est cacher on la rend visible.
	    GetId("bulle").innerHTML = content; // on copie le contenu dans la bulle
	    
	    /*$("#bulle").html(content).fadeTo(300, 0.85).css("visibility","visible");*/
		move_bulle2(GetId("bulle")); // positionnement initial (correctif X.Dusart)
	    i=true;
	}
 
    // on met à jour la position de la bulle.
    document.onmousemove = move_bulle;
}

function open_bulle2(content)
{
  if(i==false)
  {
	    GetId("bulle").style.visibility = "visible"; // Si la bulle est cacher on la rend visible.
	    GetId("bulle").innerHTML = content; // on copie le contenu dans la bulle
	    
	    /*$("#bulle").html(content).fadeTo(300, 0.85).css("visibility","visible");*/
		move_bulle2(GetId("bulle")); // positionnement initial (correctif X.Dusart)
	    i=true;
	}
 
    // on met à jour la position de la bulle.
    document.onmousemove = move_bulle2;
}

function close_bulle()
{
  if(i==true){
    GetId("bulle").style.visibility = "hidden"; // Si la bulle est visible on la cache
    /*$("#bulle").fadeTo(300, 0).css("visibility","hidden");*/
    i=false;
  }
}