// pas de tiret dans les noms des variables !

var largeur; // largeur infobulle
var hauteur; // hauteur infobulle
	
//infobulles
function affiche(action,contenu){
	var bullheight;
	var voir;
	var display;

	if (action == "cache"){
		voir = "hidden";
		display = "none";
  	} else {
		voir = "visible";
		display = "block";
  	}	
  	document.getElementById("bulle").innerHTML = contenu;
  	largeur = document.getElementById("bulle").innerWidth;
	hauteur = document.getElementById("bulle").innerHeight;

  function init() {
	document.onmousemove=mousemove;
  }

  function mousemove(e){
    if (navigator.appName.indexOf("Explorer") > -1) {
		var mouseX = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
		var mouseY = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
		document.getElementById("bulle").style.top = mouseY+20+"px";
		document.getElementById("bulle").style.left = mouseX+20+"px";
		document.getElementById("bulle").style.visibility = voir;
		document.getElementById("bulle").style.display = display; 
    } else {
		var mouseX=e.pageX;
		var mouseY=e.pageY;
	    // offset affichage
		screenXoffset = pageXOffset;
		screenYoffset = pageYOffset; 
		// coordonnées de la carte
		var CardX=document.getElementById("europe").offsetLeft;
		var CardY=document.getElementById("europe").offsetTop;
		var CardWidth=document.getElementById("europe").width;
		var CardHeight=document.getElementById("europe").height;
		
		if (mouseX > CardX+CardWidth/2) {
			myXoffset=-1*(largeur);
			}
		else {
			myXoffset=20;
			}
		if (mouseY > CardY+CardHeight/2) {
			myYoffset=-1*(hauteur);
			}
		else {
			myYoffset=20;
			}
		document.getElementById("bulle").style.top = mouseY+myYoffset+"px";
		document.getElementById("bulle").style.left = mouseX+myXoffset+"px";
		document.getElementById("bulle").style.visibility = voir;
		document.getElementById("bulle").style.display = display; 
    }
	
  }
  init();

  function cache(){
	document.getElementById("bulle").style.visibility = "hidden";
  }
}