addEvent(window, "load", bulle_init);

function bulle_init() {
   
    var ele = getElBy('*','class','link_bulle');
     for (e = 1; e < ele.length; e++) {
     	addEvent(ele[e], "mouseover", aff_bulle);
     	addEvent(ele[e], "mouseout", cache_bulle);
     }
   
}

function aff_bulle(event)
{
  if(i==false){
  	$("bulle").style.visibility = "visible"; // Si la bulle est cacher on la rend visible.
  	
  	if(event.srcElement)
    $("bulle_bas").innerHTML = event.srcElement.title; // on copie le contenu dans la bulle
    else
    $("bulle_bas").innerHTML = event.target.title;
    
    i=true;
	move_bulle($("bulle")); // positionnement initial (correctif X.Dusart)
  }
}

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

function getElBy(tag,attr,val) {
  var dbRes = [[]];
  var dbEl = document.body.getElementsByTagName(tag);
  for (e = 0; e < dbEl.length; e++) {
    if (attr == 'class') {
      if (dbEl[[e]].className == val) {
        dbRes.push(dbEl[[e]]);
      }            
    }
    else {
      if (dbEl[[e]].getAttribute(attr) == val) {
        dbRes.push(dbEl[[e]]);
      }
    }    
  }
  return dbRes;
}


 
function addEvent(elm, evType, fn, useCapture)
// addEvent and removeEvent
// cross-browser event handling for IE5+,  NS6 and Mozilla
// By Scott Andrew
{
  if (elm.addEventListener){
    elm.addEventListener(evType, fn, useCapture);
    return true;
  } else if (elm.attachEvent){
    var r = elm.attachEvent("on"+evType, fn);
    return r;
  } else {
    alert("Handler could not be removed");
  }
}

document.write('<div id="bulle" class="infos_bulle"><div class="infos_bulle_haut"></div><div id="bulle_bas" class="infos_bulle_bas"></div></div>');

document.onmousemove = move_bulle;

var i=false; 
function move_bulle(e) // Fonction de suivi de la souris 
{
  if(i){
    if(navigator.appName!="Microsoft Internet Explorer"){
      $("bulle").style.left = (-15)+e.pageX+"px";
      $("bulle").style.top = 15+e.pageY+"px";
    }else{
      $("bulle").style.left = (-15)+event.x+document.documentElement.scrollLeft+"px";
      $("bulle").style.top = 15+event.y+document.documentElement.scrollTop+"px";
    }
  }
}