var xOffset=6
var yOffset=5
var curX;
var curY;
var winwidth;
var winheight;
var rightedge;
var bottomedge;
var leftedge;

var w3c=document.getElementById && !document.all;
var ie=document.all;
if (ie||w3c) {
  var laBulle
}

function ietruebody(){  // retourne le bon corps...
  return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function deplacer(e) {
    curX = (w3c) ? e.pageX : event.x + ietruebody().scrollLeft + 135;
    curY = (w3c) ? e.pageY : event.y + ietruebody().scrollTop + 235;

    winwidth = ie && !window.opera ? ietruebody().clientWidth : window.innerWidth - 20;

//    var temp = curX - laBulle.offsetWidth;
//    alert('curX: '+curX+'\nlaBulle.offsetWidth: '+laBulle.offsetWidth+'\n\ncurX - laBulle.offsetWidth: '+ temp+'\n\nrightedge: '+rightedge+'\n\nleftedge: '+leftedge+'\n\ne.pageX:'+e.pageX+'\nevent.x: '+'\nietruebody().scrollLeft: '+ietruebody().scrollLeft);
}
function montre(text) {
	if (w3c||ie){
    	laBulle = document.all ? document.all["bulle"] : document.getElementById ? document.getElementById("bulle") : "";

	    // modifier la largeur de l'objet s'il est trop grand...
    	if(laBulle.offsetWidth > winwidth / 3) laBulle.style.width = winwidth / 3;
//var temp = ietruebody().clientWidth - event.clientX;
//alert('ietruebody().clientWidth: '+winwidth+'\nevent.clientX: '+event.clientX+'\n\nietruebody().clientWidth - event.clientX: '+ temp+'\n\nrightedge: '+rightedge+'\n\n');
//var temp = curX - laBulle.offsetWidth;
//alert('curX: '+curX+'\nlaBulle.offsetWidth: '+laBulle.offsetWidth+'\n\ncurX - laBulle.offsetWidth: '+ temp+'\n\nrightedge: '+rightedge+'\n\nleftedge: '+leftedge+'\n\ne.pageX:'+e.pageX+'\nevent.x: '+event.x+'\n\ndocument.getElementById("mapContainer").style.left: '+document.getElementById('mapContainer').style.left);

    	laBulle.innerHTML = text; // fixe le texte dans l'infobulle

    	// la position horizontale de la souris
		laBulle.style.left = curX + xOffset + "px";

    	// même chose avec la verticale
   		laBulle.style.top = curY + yOffset + "px";

    	laBulle.style.visibility = "visible"; // Si il est cachée (la verif n'est qu'une securité) on le rend visible.
	}
}
function cache() {
  if (w3c||ie){
    laBulle.style.visibility="hidden"; // avoid the IE6 cache optimisation with hidden blocks
    laBulle.style.top = '-1000px';
    laBulle.style.backgroundColor = '';
    laBulle.style.width = '';
  }
}

function init () {
	laBulle = document.all ? document.all["bulle"] : document.getElementById ? document.getElementById("bulle") : "";
}

document.onmousemove = deplacer; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.