
function getLeft(MyObject)
//Fonction permettant de connaître la position d'un objet
//par rapport au bord gauche de la page.
//Cet objet peut être à l'intérieur d'un autre objet.
{
if (MyObject.offsetParent)
	return (MyObject.offsetLeft + getLeft(MyObject.offsetParent));
else
	return (MyObject.offsetLeft);
}
function getTop(MyObject)
//Fonction permettant de connaître la position d'un objet
//par rapport au bord haut de la page.
//Cet objet peut être à l'intérieur d'un autre objet.
{
if (MyObject.offsetParent)
	return (MyObject.offsetTop + getTop(MyObject.offsetParent));
else
	return (MyObject.offsetTop);
}







function GetId(id){
	return document.getElementById(id);
}
var i=false; // La variable i nous dit si la bulle est visible ou non
 
function move(e) {

// Largeur et Hauteur du Client "Browser"
var clientlargeur = 0, clienthauteur = 0;
if( typeof( window.innerWidth ) == 'number' ) {
  clientlargeur = window.innerWidth;
  clienthauteur = window.innerHeight;
  } 
else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
  clientlargeur = document.documentElement.clientWidth;
  clienthauteur = document.documentElement.clientHeight;
  } 
else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
  clientlargeur = document.body.clientWidth;
  clienthauteur = document.body.clientHeight;
  }
else {
  clientlargeur = -1;
  clienthauteur = -1;
  }
// Fin Largeur et Hauteur du Client "Browser"


	divlargeur=GetId("curseur").offsetWidth;
	divhauteur=GetId("curseur").offsetHeight;
	
	posx=5;
	posy=10;

  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
	
		if(navigator.appName=="Opera"){ 
			Xscroll=document.body.scrollLeft; 
			Yscroll=document.body.scrollTop;
		}else{ 
			Xscroll=document.documentElement.scrollLeft; 
			Yscroll=document.documentElement.scrollTop;
		}
		
		Xsurplus=clientlargeur-e.pageX+Xscroll;
		testdivlargeur=divlargeur+40;
		if(testdivlargeur>Xsurplus){
			posx=-divlargeur;
		}
		
		
		Ysurplus=clienthauteur-e.pageY+Yscroll;
		testdivhauteur=divhauteur+20;
		if(testdivhauteur>Ysurplus){
			posy=-divhauteur;
		}
		
		GetId("curseur").style.left=e.pageX + posx +"px";
    	GetId("curseur").style.top=e.pageY + posy +"px";
		
    }else {  //if (navigator.appName!="Microsoft Internet Explorer") { 
	
		Xscroll=document.documentElement.scrollLeft; 
		Xsurplus=clientlargeur-event.x+Xscroll;
		testdivlargeur=divlargeur+40;
		if(testdivlargeur>Xsurplus){
			posx=-divlargeur;
		}
		
		Yscroll=document.documentElement.scrollTop; 
		Ysurplus=clienthauteur-event.y+Yscroll;
		testdivhauteur=divhauteur+20;
		if(testdivhauteur>Ysurplus){
			posy=-divhauteur-5;
		}
	
	
		GetId("curseur").style.left=event.x+posx+200+"px";
		GetId("curseur").style.top=event.y+posy+160+"px";

    }
  }
}
 
function montre(texte) {
	
  if(i==false) {
  	GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securitÃ©) on le rend visible.

   	GetId("curseur").innerHTML = "<span style='color:#333333; font-size:10px;'>" + texte + "</span>"; // Cette fonction est a améliorer, il parait qu'elle n'est pas valide (mais elle marche)
  
  i=true;
  }
  	
  	if(montre.arguments[1]){
			//alert(montre.arguments[1]);
			GetId("curseur").style.top = getLeft(GetId(montre.arguments[1]))-140+'px';
			GetId("curseur").style.left = getTop(GetId(montre.arguments[1]))+160+'px';
	}else{
		move();
		}
}
function cache() {
if(i==true) {
GetId("curseur").style.visibility="hidden"; // Si la bulle etais visible on la cache
i=false;
}
}
if(GetId("curseur")){
document.onmousemove=move; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.
}
document.write("<div id='curseur' style='padding: 4px 4px 4px 4px; background-color:#FFFFFF;border:1px dashed #999999; position:absolute; visibility:hidden;z-index:1;'></div>");
