var i=false; // La variable i nous dit si la bulle est visible ou non
 
 
function $(id)
{
    return document.getElementById(id);
}
 
function move(e) 
{
    if(i) 
    { 
		 // 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
            $("curseur").style.left=e.pageX + 5+"px";
            $("curseur").style.top=e.pageY + 10+"px";
        }
        else
        { // Modif proposé par TeDeum, merci à  lui
            if(document.documentElement.clientWidth>0) 
            {
                $("curseur").style.left=20+event.clientX+document.documentElement.scrollLeft+"px";
                $("curseur").style.top=10+event.clientY+document.documentElement.scrollTop+"px";
            }
            else 
            {
                $("curseur").style.left=20+event.clientX+document.body.scrollLeft+"px";
                $("curseur").style.top=10+event.clientY+document.body.scrollTop+"px";
             }
        }
     }
}
 
function montre(text) 
{
  if(i==false) 
  {
      $("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
      $("curseur").innerHTML = text; // on copie notre texte dans l'element html
      i=true;
  }
}

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

/*
$$('.bulle').each(function(item)
{
		item.observe('mouseover', display_bulle);
        item.observe('mouseout', hidden_bulle);
});
*/

function display_bulle(text)
{
    //var id = this.readAttribute('dir');
    //var text = $(id).innerHTML;
    montre(text);
    document.onmousemove=move;//Permet de garder la bulle a cote de l'element
}


function hidden_bulle()
{
    cache();
}