var xOffset=6
var yOffset=5

var affiche = false; // La variable i nous dit si le bloc est visible ou non
var w3c=document.getElementById && !document.all;
var ie=document.all;

if (ie||w3c) {
var laBulle
var laBulleActive
}
function ietruebody(){ // retourne le bon corps...
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}


function deplacer(e) {
	if(affiche){
		var curX = (w3c) ? e.pageX : event.x + ietruebody().scrollLeft;
		var curY = (w3c) ? e.pageY : event.y + ietruebody().scrollTop;
		
		var winwidth = ie && !window.opera ? ietruebody().clientWidth : window.innerWidth - 20;
		var winheight = ie && !window.opera ? ietruebody().clientHeight : window.innerHeight - 20;
		
		var rightedge = ie && !window.opera ? winwidth - event.clientX - xOffset : winwidth - e.clientX - xOffset;
		var bottomedge = ie && !window.opera ? winheight - event.clientY - yOffset : winheight - e.clientY - yOffset;
		
		var leftedge = (xOffset < 0) ? xOffset*(-1) : -1000
		
		// modifier la largeur de l'objet s'il est trop grand...
		if(laBulle.offsetWidth > winwidth / 3){
		laBulle.style.width = winwidth / 3;
		}
		
		/*// si la largeur horizontale n'est pas assez grande pour l'info bulle
		if(rightedge < laBulle.offsetWidth){
			// bouge la position horizontale de sa largeur à gauche
			laBulle.style.left = curX - laBulle.offsetWidth + "px"
		} else {
			if(curX < leftedge){
				laBulle.style.left = "5px"
			} else{
			// la position horizontale de la souris
				laBulle.style.left = curX + xOffset + "px"
			}
		}*/
		if(laBulleActive == "bulle_montagnons"){
			//alert(curX);
			laBulle.style.left = curX - laBulle.offsetWidth + 29 +"px";
			laBulle.style.top = curY - laBulle.offsetHeight - yOffset - 5 +"px";
			//alert(laBulle.style.left + " : " + curX + " : " + laBulle.offsetWidth);
		}
		if(laBulleActive == "bulle_url"){
			laBulle.style.left = curX - 26 +"px";
			laBulle.style.top = curY - laBulle.offsetHeight - yOffset +"px";
		}
		/*// même chose avec la verticale
		if(bottomedge < laBulle.offsetHeight){
		laBulle.style.top = curY - laBulle.offsetHeight - yOffset + "px"
		} else {
		laBulle.style.top = curY + yOffset + "px"
		}*/
	}
}
function showTooltip(text,bulle) {
if (w3c||ie){
laBulleActive = bulle;
laBulle = document.all ? document.all[bulle] : document.getElementById ? document.getElementById(bulle) : ""
laBulle.innerHTML = text; // fixe le texte dans l'infobulle
laBulle.style.visibility = "visible"; // Si il est cachée (la verif n'est qu'une securité) on le rend visible.
affiche = true;
}
}
function hideTooltip() {
if (w3c||ie){
affiche = false
laBulle.style.visibility="hidden" // avoid the IE6 cache optimisation with hidden blocks
laBulle.style.top = '-100000px'
laBulle.style.backgroundColor = ''
laBulle.style.width = ''
}
}

function bulle_url(url_affiche) {
	showTooltip('<div class=\'bulle_h\'><div class=\'bulle_hd\'>&nbsp;</div><div class=\'bulle_hg\'>&nbsp;</div></div><div class=\'info_montagnons\'>'+url_affiche+'</a></div><div class=\'bulle_b\'><div class=\'bulle_bg\'>&nbsp;</div><div class=\'bulle_bd\'>&nbsp;</div></div>','bulle_url');
}
function bulle_montagnons(nom,metier) {
	showTooltip('<div class=\'bulle_h\'><div class=\'bulle_hd\'>&nbsp;</div><div class=\'bulle_hg\'>&nbsp;</div></div><div class=\'info_montagnons\'><strong>'+nom+'</strong><br />'+metier+'</div><div class=\'bulle_b\'><div class=\'bulle_bd\'>&nbsp;</div><div class=\'bulle_bg\'>&nbsp;</div></div>','bulle_montagnons');
}
document.onmousemove = deplacer; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.