document.write('<div id="bulle" style="position: absolute; visibility: hidden;"></div>');


decal_x = 25;
decal_y = -25;

infobulle_border_color = document.getElementsByTagName("body")[0].style.borderColor;
infobulle_background_color = document.getElementsByTagName("body")[0].style.backgroundColor;


document.onmousemove = suivre_souris;

function show(texte, image){
  var infobulle = document.getElementById("bulle");
  if(image != ''){
    infobulle.innerHTML += '<img src="' + image + '" style="border: 1px solid ' + infobulle_border_color + '" />';
  }
  if(texte != ''){
    infobulle.innerHTML += '<p style="border: 2px solid ' + infobulle_border_color + '; background: ' + infobulle_background_color + ';"><b>'+texte+'</b></p>';
  }
  infobulle.style.visibility = 'visible';
}

function suivre_souris(e){
  var infobulle = document.getElementById("bulle");
  if(navigator.appName=="Microsoft Internet Explorer"){
    infobulle.style.left = eval(document.body.scrollLeft + event.x + decal_x) + "px";
    infobulle.style.top  = eval(document.body.scrollTop  + event.y + decal_y) + "px";
  }
  else{
    infobulle.style.left = eval(pageXOffset + e.clientX + decal_x) + "px";
    infobulle.style.top  = eval(pageYOffset + e.clientY + decal_y) + "px";
  }
}

function hide(){
  var infobulle = document.getElementById("bulle");
  infobulle.style.visibility = 'hidden';
  infobulle.innerHTML = '';
}