var infobulle_width = 300;

function glossary(id){
get = '?id=' + id;
post = "";
path = '../php_functions/glossaire_prosses.php';
document.getElementById("glossaire").style.visibility="visible";
document.getElementById("glossaire").style.display = "block";
element="glossaire";
ajax(path,get,post,element);
document.onmousemove=move;
}

function move(e) {
var winW = 630, winH = 460;
var posx = 0;
var posy = 0;
document.getElementById("glossaire").style.width = infobulle_width + "px";


var largeur = 0, hauteur = 0, positionY = 0, positionX = 0;
if( typeof( window.innerWidth ) == 'number' ) {
  largeur = window.innerWidth;
  hauteur = window.innerHeight;
  positionY = window.pageYOffset;
  positionX = window.pageXOffset;
  } 
else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight )){
  largeur = document.documentElement.clientWidth;
  hauteur = document.documentElement.clientHeight;
  positionY = document.documentElement.scrollTop;
  positionX = document.documentElement.scrollLeft;
  } 
else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
  largeur = document.body.clientWidth;
  hauteur = document.body.clientHeight;
  positionY = document.body.scrollTop;
  positionX = document.body.scrollLeft;
  }
else {
  largeur = -1;
  hauteur = -1;
  positionY = -1;
  positionX = -1;
  }
  
if(!e){ var e = window.event;}
  curseurY = e.clientY + positionY;
  curseurX = e.clientX + positionX;
 
infobulle_height = document.getElementById('glossaire').offsetHeight;

bottom = hauteur + positionY;
if((curseurY + 100 + infobulle_height)  < bottom){
document.getElementById("glossaire").style.top = eval(curseurY + 15) + "px";
}else{
document.getElementById("glossaire").style.top = eval(curseurY - 20 - infobulle_height) + "px";
}

left = largeur + positionX;
if((curseurX + 100 + infobulle_width)  < left){
document.getElementById("glossaire").style.left = eval(curseurX + 10) + "px";
}else{
document.getElementById("glossaire").style.left = eval(curseurX - 20 - infobulle_width) + "px";
}
	
}

function glossaryout() {
document.getElementById("glossaire").style.visibility="hidden";
document.getElementById("glossaire").style.display="none";
document.getElementById('glossaire').innerHTML = "";
}