function GetId(id)
{
return document.getElementById(id);
}
var i=false; // La variable i nous dit si la bulle est visible ou non
var bulle="";
var idtexte="";
var vucarte=false; // La variable vucarte nous dit si l'infocarte est visible ou non
var infocarte="";
var idtexte="";

function move(e) {
  
  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
	GetId(bulle).style.left=e.pageX + 15+"px";
	GetId(bulle).style.top=e.pageY - 30+"px";
	}
	else { 
	if(document.documentElement.clientWidth>0) {
		GetId(bulle).style.left=20+event.x+document.documentElement.scrollLeft+"px";
		GetId(bulle).style.top=-30+event.y+document.documentElement.scrollTop+"px";
	}
	else {
		GetId(bulle).style.left=20+event.x+document.body.scrollLeft+"px";
		GetId(bulle).style.top=-30+event.y+document.body.scrollTop+"px";
	}
	}
  }
  if(vucarte) {  // 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
	GetId(infocarte).style.left=e.pageX -posLeft(GetId("ancre")) + 30+"px";
	GetId(infocarte).style.top=e.pageY -posTop(GetId("ancre")) - 30+"px";
	}
	else { 
	if(document.documentElement.clientWidth>0) {
		GetId(infocarte).style.left=35+event.x-posLeft(GetId("ancre"))+document.documentElement.scrollLeft+"px";
		GetId(infocarte).style.top=-30+event.y-posTop(GetId("ancre"))+document.documentElement.scrollTop+"px";
	}
	else {
		GetId(infocarte).style.left=35+event.x-posLeft(GetId("ancre"))+document.body.scrollLeft+"px";
		GetId(infocarte).style.top=-30+event.y-posTop(GetId("ancre"))+document.body.scrollTop+"px";
	}
	}
  GetId(infocarte).style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
  }
}

function montre(idbulle,text1,text2,text3) {
  bulle=idbulle;
  if(i==false) 
  {
	GetId(bulle).style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
	if ((text1!=""))
		{
		if ((text2!=""))
			{
			idtexte="cout_"+idbulle;
			coutcarac= text1*text2;
			if ((text3!=""))
				{
				text=coutcarac+text3+text1+" tours";
				}
			else
				{
				text=Math.round(coutcarac)+" tours";
				}
			GetId(idtexte).innerHTML = text;
			}
		else
			{
			idtexte="txt_"+idbulle;
			text=text1;
			GetId(idtexte).innerHTML = text;
			}
		}
	i=true;
  }
}
function cache() {
if(i==true) {
	GetId(bulle).style.visibility="hidden"; // Si la bulle etais visible on la cache
	i=false;
}
}

function montreinfo(idinfocarte,text,titre,cout,nbchev) {
  infocarte=idinfocarte;
  if(vucarte==false) 
  {
	if ((text!=""))
		{
		idtexte="txt_"+infocarte;
		GetId(idtexte).src="./img/carte/"+text+".jpg";
		if (nbchev!="0")
			{
			GetId("titrelieu").innerHTML = titre+" ("+nbchev+")";
			}
		else
			{
			GetId("titrelieu").innerHTML = titre;
			}
			
		if (cout!="0")
			{
			GetId("coutrip").innerHTML = "trajet = "+cout+" tour(s)";
			}
		else
			{
			GetId("coutrip").innerHTML = "Vous êtes ici";
			}
		}	
	vucarte=true;
	
  }
}

function cacheinfo() {
if(vucarte==true) {
GetId(infocarte).style.visibility="hidden"; // Si la bulle etais visible on la cache
initpos();
vucarte=false;
}
}

function posLeft(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 + posLeft(MyObject.offsetParent));
	else
		return (MyObject.offsetLeft);
	}
function initpos()
	{//position de départ
	if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
		GetId(infocarte).style.left="0px";
		GetId(infocarte).style.top="0px";
		}
		else { 
		if(document.documentElement.clientWidth>0) {
			GetId(infocarte).style.left="0px";
			GetId(infocarte).style.top="0px";
		}
		else {
			GetId(infocarte).style.left="0px";
			GetId(infocarte).style.top="0px";
		}
		}
	}

function posTop(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 + posTop(MyObject.offsetParent));
	else
		return (MyObject.offsetTop);
	}
document.onmousemove=move; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.
//-->