////////      On définie la position de départ de la souris
var x = 0;
var y = 0;

////////      A chaque mouvement de la souris : on lance la fonction Pos_souris
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = Pos_souris;

////////      Pos_souris redéfinie constamment la position des infobulles
function Pos_souris(e)
{
  // On calcul la position de la souris
  x = (navigator.appName.substring(0,3) == "Net") ? e.pageX :
  event.x+document.body.scrollLeft;
  y = (navigator.appName.substring(0,3) == "Net") ? e.pageY :
  event.y+document.body.scrollTop;

  // On redéfinie la position de la première infobulle par rapport à la souris (si la calque "bulle_droite" existe)
  if (document.getElementById("bulle_droite"))
  {
    document.getElementById("bulle_droite").style.left = x-5;
    document.getElementById("bulle_droite").style.top = y+20;
  }

  // On redéfinie la position de la deuxième infobulle par rapport à la souris (si la calque "bulle_gauche" existe)
  if (document.getElementById("bulle_gauche"))
  {
    document.getElementById("bulle_gauche").style.left = x-185;
    document.getElementById("bulle_gauche").style.top = y+20;
  }
}




////////      On affiche la première infobulle et son contenu
function affiche_bulle_droite(msg)
{
  if (document.getElementById("bulle_droite"))
  {
    var description = "<TABLE BORDER=1 cellpadding=10 CELLSPACING=3><TR>"+msg+"</TR></TABLE>";
    document.getElementById("bulle_droite").innerHTML = description;
    document.getElementById("bulle_droite").style.visibility = "visible";
  }
}


////////      On efface la première infobulle et son contenu
function efface_bulle_droite()
{
  if (document.getElementById("bulle_droite"))
  {
    document.getElementById("bulle_droite").innerHTML = "";
    document.getElementById("bulle_droite").style.visibility = "hidden";
  }
}




////////      On affiche la deuxième infobulle et son contenu
function affiche_bulle_gauche(msg)
{
  if (document.getElementById("bulle_gauche"))
  {
    var description ="<TABLE BORDER=1 cellpadding=10 CELLSPACING=3><TR>"+msg+"</TR></TABLE>";
    document.getElementById("bulle_gauche").innerHTML = description;
    document.getElementById("bulle_gauche").style.visibility = "visible";
  }
}


////////      On efface la deuxième infobulle et son contenu
function efface_bulle_gauche()
{
  if (document.getElementById("bulle_gauche"))
  {
    document.getElementById("bulle_gauche").innerHTML = "";
    document.getElementById("bulle_gauche").style.visibility = "hidden";
  }
}