// JavaScript Document

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

// on met à jour la position de la bulle.
document.onmousemove = move_bulle;

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

function move_bulle(e) // Fonction de suivi de la souris 
{
  if(i){
    if(navigator.appName!="Microsoft Internet Explorer"){
      ElementId("bulle").style.left = e.pageX-200+"px";
      ElementId("bulle").style.top = 25+e.pageY+"px";
    }else if (navigator.appVersion >= 9){
      //ElementId("bulle").style.left = event.x+document.documentElement.scrollLeft-200+"px";
      //ElementId("bulle").style.top = 25+event.y+document.documentElement.scrollTop+"px";
      // MSIE >= 9
      ElementId("bulle").style.left = e.pageX-200+"px";
      ElementId("bulle").style.top = 25+e.pageY+"px";
    }else {
      // MSIE < 9
	  ElementId("bulle").style.left = event.x-200+"px";
      ElementId("bulle").style.top = 25+event.y+"px";
	}
  }
}

function open_bulle(content)
{
  if(i==false){
    ElementId("bulle").style.visibility = "visible"; // Si la bulle est cachée on la rend visible.
    ElementId("bulle").innerHTML = content; // on copie le contenu dans la bulle
	i=true;
	move_bulle(ElementId("bulle"));
  }
}

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