function GetId(id)
{
return document.getElementById(id);
}
var bubblevisible=false; // La variable i nous dit si la bulle est visible ou non

image1 = new Image();
image1.src = "images/bgsuite.gif";
image2 = new Image();
image2.src = "images/bgsuiteE.gif";

function bubblemove(e) {
  if(bubblevisible) {  // 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 - (50) + "px";
    GetId("curseur").style.top=e.pageY + (25) +"px";
    }
    else { // Modif proposé par TeDeum, merci à  lui
    if(document.documentElement.clientWidth>0) {
GetId("curseur").style.left=-50+event.x+document.documentElement.scrollLeft+"px";
GetId("curseur").style.top=25+event.y+document.documentElement.scrollTop+"px";
    } else {
GetId("curseur").style.left=-50+event.x+document.body.scrollLeft+"px";
GetId("curseur").style.top=25+event.y+document.body.scrollTop+"px";
         }
    }
  }
}

function bubblesuite(text,color,obj) {
         var curleft = obj.offsetLeft || 0;
         var curtop = obj.offsetTop || 0;
         while (obj = obj.offsetParent) {
                        curleft += obj.offsetLeft
                        curtop += obj.offsetTop
         }
         GetId("cursuite").style.left=curleft+"px";
         GetId("cursuite").style.top=curtop+"px";
         GetId("cursuite").innerHTML="<table width=110 border=0 bordercolor=black cellpadding=0 cellspacing=0 bgcolor="+color+"><tr><td>"+text+"</td></tr><tr><td height=\"1\" bgcolor=\"#FFFFFF\"></td></tr></table>";
         GetId("cursuite").style.visibility="visible";
}

function bubblesuitehide(){
         GetId("cursuite").style.visibility="hidden";
}

function containsDOM (container, containee) {
  var isParent = false;
  do {
    if ((isParent = container == containee))
      break;
    containee = containee.parentNode;
  }
  while (containee != null);
  return isParent;
}

function checkMouseLeave (element, evt) {
  if (element.contains && evt.toElement) {
    return !element.contains(evt.toElement);
  }
  else if (evt.relatedTarget) {
    return !containsDOM(element, evt.relatedTarget);
  }
}

function bubblesv(theme,texte,date,desc,color) {
 bubbleshow("<table width=200 border=0 bordercolor=black cellpadding=2 cellspacing=0 bgcolor=#FFFFFF><tr><td align=left bgcolor="+color+"><font face=Tahoma size=1 color=black >"+theme+"</font></td></tr>"+
"<tr><td><font face=Tahoma size=1 color=black ><b>"+texte+"</b></font><br><font face=Tahoma size=1 color=#AAAAAA>"+date+"</font><br><font face=Tahoma size=1 color=#555555>"+desc+"</font></td></tr></table>");
}

function bubblesvl(text) {
//  alert(text);
 bubbleshow("<table width=110 border=0 bordercolor=black cellpadding=2 cellspacing=0 bgcolor=#FFFFFF><tr><td align=left bgcolor=#BBBBBB><font face=Tahoma size=1 color=black >Autres évènements</font></td></tr>"+
"<tr><td>"+text+"</td></tr></table>");
}

function bubbleshow(text) {
  //alert(yOffset);
  if(bubblevisible==false) {
  bubblevisible=true;
  GetId("curseur").innerHTML = text; // on copie notre texte dans l'élément html
  GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
  }
}
function bubblehide() {
if(bubblevisible==true) {
GetId("curseur").style.visibility="hidden"; // Si la bulle est visible on la cache
bubblevisible=false;
GetId("curseur").style.left = -200;
GetId("curseur").style.top = -600;
}



}
document.onmousemove=bubblemove; // dès que la souris bouge, on appelle la fonction move pour mettre à jour la position de la bulle.