// ==== CE SCRIPT SERT À OUVRIR UNE INFOBULLE (EN FAIT : UNE DIV CACHÉE) AU NIVEAU DE LA SOURIS ====

// ==== POUR L'AFFICHER ON DOIT APPELER pop_on('ma_div', event) OÙ madiv EST L'ID DE LA DIV ====

// ==== POUR LA CACHER ON DOIT APPELER pop_off() ====

var div_Style = null

function pop_on(idd,evt){

  var Xmouse, Ymouse, Xdiv, Ydiv, Lpage, Yscroll, element = null;
  var offset   = 15;        // --- decalage par defaut
  div_Style    = null;
  Lpage        = document.body.clientWidth; 
  element      = document.getElementById(idd);
  Xmouse       = evt.clientX;
  Ymouse       = evt.clientY;
  
  Xdiv         = Xmouse;
  Ydiv         = Ymouse	;	
  
  if(evt.pageX) Xdiv = evt.pageX ; // --- (pour FIREFOX) ---
  if(evt.pageY) Ydiv = evt.pageY ; // --- (pour FIREFOX) ---
  
  Yscroll     = document.body.scrollTop;
  
  if(!evt.pageX) Ydiv = Ydiv + Yscroll; // --- (pour IE) ---
    
  div_Style   = element.style;
  
  div_Width   = parseFloat(div_Style.width);
  div_Height  = parseFloat(div_Style.height);
  
  //---- ON MET LA BULLE À DROITE DU POINTEUR (SI C'EST POSSIBLE) : ----
  if (Xmouse + offset < Lpage - div_Width){
    Xdiv = Xmouse + offset;
  }else{
    Xdiv = Lpage - div_Width - offset;
    offset = offset + 30; // --- (décalera la div vers le haut pour qu'elle ne soit pas sur la souris)
  }
  
  //---- ON MET LA BULLE EN HAUT DU POINTEUR SI ON EST ASSEZ BAS DANS L'ÉCRAN : ----
  if (Ymouse > div_Height + offset){
    Ydiv = Ydiv - div_Height - offset;
  }else{
    Ydiv = Ydiv + offset;
  }
	
  div_Style.left = Xdiv + 'px';
  div_Style.top  = Ydiv + 'px';  
	
  div_Style.visibility = "visible"; 
  div_Style.zIndex     = "99";
}
 
function pop_off(){
  div_Style.visibility="hidden";
  
}