// on charge la feuille de style de la bulle.
document.write('<style type="text/css">@import url(./css/infobulle2.css);</style>');
// on formate la bulle.
document.write('<div id="bulle" class="infos_bulle"><div class="infos_bulle_haut"></div><div id="bulle_bas" class="infos_bulle_bas"></div></div>');
// on met à jour la position de la bulle.
document.onmousemove = move_bulle_seb;

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

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

function move_bulle_seb(e) // Fonction de suivi de la souris 
{
  if(i_seb){
    if(navigator.appName!="Microsoft Internet Explorer"){
      ElementId("bulle").style.left = (-100)+e.pageX+"px";
      ElementId("bulle").style.top = 15+e.pageY+"px";
    }else{
      ElementId("bulle").style.left = (-100)+event.clientX+document.body.scrollLeft+"px";
      ElementId("bulle").style.top = 20+event.clientY+document.body.scrollTop+"px";
    }
  }
}

function open_bulle_seb(content)
{
  if(i_seb==false){
    ElementId("bulle").style.visibility = "visible"; // Si la bulle est cachée on la rend visible.
    ElementId("bulle_bas").innerHTML = content; // on copie le contenu dans la bulle
    i_seb=true;
	move_bulle_seb(ElementId("bulle")); // positionnement initial 
  }
}

function close_bulle_seb()
{
  if(i_seb==true){
    ElementId("bulle").style.visibility = "hidden"; // Si la bulle est visible on la cache
    i_seb=false;
  }
}