/*var calque;
var coorx;
var coory;
var ie = (document.all)? true:false;

function iefunc() {
	var f=window.event;
	coory = f.y;
	coorx = f.x;
	
}

function ns(e) {
	x=e.x; y=e.y;	
	coory = e.pageY;
	coorx = e.pageX;    
}

function Init() {	
	
	
	if(ie)
	{
		document.onmousemove=iefunc;       
	}else{
		document.captureEvents(Event.MOUSEMOVE); 
		document.onmousemove = ns;    
	}
}

function voir (nom,src) {
	
	if(ie)
	{
		document.images[nom].src=src;
		calque = document.getElementById("menu1").style;
		document.getElementById( "menu1" ).style.visibility ="visible";
		calque.top = (coory-50+document.body.scrollTop)+"px";
		calque.left = (coorx+30+document.body.scrollTop)+"px";
	}else
	{
		if (document.layers) 
		{
			calque=document.layers['menu1'];	
			calque.document.roll.src=src;		
		}
		else 
		{
			calque = document.getElementById('menu1').style;
			
			document.images[nom].src=src;	
			
		}
		calque.top = (coory-50)+"px";
		calque.left = (coorx+30)+"px";

		calque.visibility = 'visible';
		
		
	}
	
}
function cache () {
	
	
	if(ie)
	{
		calque = document.getElementById("menu1").style;
		calque.visibility = 'hidden';
	}else{
		if (document.layers) {
			calque=document.layers['menu1'];
		} else {
			calque = document.getElementById("menu1").style;
		}
		calque.visibility = 'hidden';
	}

}
Init();*/

// espacement entre le curseur et l'infobulle


// gestion des navigateurs (IE, MOZ, NS)
/*
nav = navigator.appName;

ie = document.all;
ns = document.layers;
fi = document.getElementById && !document.all;
if(!ie)
{
	cursor_padding = 5;
}
else
{
	cursor_padding = 1;
}

if(!ie && !ns && !fi){
alert("navigateur "+nav+" incompatible !");
}

if(!ie){
document.captureEvents(Event.MOUSEMOVE);
}

document.onmousemove = get_mouse;

// recupere les coordonnees de la souris
// les affecte au style de la div infobulle pour qu'elle suive les déplacements
function get_mouse(e){
if(ie){
x = event.x;
y = event.y;
window.status = x;
}else{
x = e.pageX;
y = e.pageY;
}

bubble = document.getElementById("infobulle");
bubble.style.left = x + cursor_padding;
bubble.style.top = y + cursor_padding;

}


// affiche la bulle
function see_bubble(text){
bubble.style.visibility = "visible";
bubble.style.display = "block";

// bubble.innerHTML = text;
// déconseillé pas aux normes

longueur_bubble = bubble.firstChild.length;
bubble.firstChild.replaceData(0, longueur_bubble, text);
}

// cache la bubble
function kill_bubble(){
bubble.style.visibility = "hidden";
bubble.style.display = "none";
}
*/
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
}

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"
      }
    }

    // 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 montre(text) {
  if (w3c||ie){
    //laBulle = document.all ? document.all["bulle"] : document.getElementById ? document.getElementById("bulle") : ""
    laBulle =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 cache() {
  if (w3c||ie){
    affiche = false
    laBulle.style.visibility="hidden" // avoid the IE6 cache optimisation with hidden blocks
    laBulle.style.top = '-1000px'
    laBulle.style.backgroundColor = ''
    laBulle.style.width = ''
  }
}

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