/*----------------------------*/
/*   Script Infobulle
/*   www.webelix.net
/*----------------------------*/

// on charge la feuille de style de la bulle.
document.write('<style type="text/css">@import url(css/infobulle.css);</style>');
// on déclare la bulle.
document.write('<div id="bulle" class="infos_bulle"></div>');
document.write('<div id="bulle2" class="infos_bulle_right"></div>');
document.write('<div id="bulle3" class="infos_bulle_carte"></div>');
document.write('<div id="bulle4" class="infos_bulle_carte"></div>');
// on met à jour la position de la bulle.
document.onmousemove=move_bulle;

var i=false; // La variable i nous dit si la bulle est visible ou non

function ElementId(id)
{
  return document.getElementById(id);
}

function move_bulle(e) // Fonction de suivi de la souris 
{
  if(i){
    if(navigator.appName!="Microsoft Internet Explorer"){
      ElementId("bulle").style.left=5+e.pageX+"px";
      ElementId("bulle").style.top=15+e.pageY+"px";
    }else{
      ElementId("bulle").style.left=260+event.x+document.body.scrollLeft+"px";
      ElementId("bulle").style.top=260+event.y+document.body.scrollTop+"px";
    }
  }
  if(i){
    if(navigator.appName!="Microsoft Internet Explorer"){
      ElementId("bulle2").style.left=5+e.pageX+"px";
      ElementId("bulle2").style.top=15+e.pageY+"px";
    }else{
      ElementId("bulle2").style.left=260+event.x+document.body.scrollLeft+"px";
      ElementId("bulle2").style.top=260+event.y+document.body.scrollTop+"px";
    }
  }
  if(i){
    if(navigator.appName!="Microsoft Internet Explorer"){
      ElementId("bulle3").style.left=5+e.pageX+"px";
      ElementId("bulle3").style.top=-260+e.pageY+"px";
    }else{
      ElementId("bulle3").style.left=260+event.x+document.body.scrollLeft+"px";
      ElementId("bulle3").style.top=560+event.y+document.body.scrollTop+"px";
    }
  }
  if(i){
    if(navigator.appName!="Microsoft Internet Explorer"){
      ElementId("bulle4").style.left=5+e.pageX+"px";
      ElementId("bulle4").style.top=15+e.pageY+"px";
    }else{
      ElementId("bulle4").style.left=260+event.x+document.body.scrollLeft+"px";
      ElementId("bulle4").style.top=740+event.y+document.body.scrollTop+"px";
    }
  }
}

function open_bulle(content)
{
  if(i==false){
    ElementId("bulle").style.visibility="visible"; // Si la bulle est cacher on la rend visible.
    ElementId("bulle").innerHTML=content; // on copie le contenu dans la bulle
    i=true;
  }
}
function open_bulle2(content)
{
	if(i==false){
    ElementId("bulle2").style.visibility="visible"; // Si la bulle est cacher on la rend visible.
    ElementId("bulle2").innerHTML=content; // on copie le contenu dans la bulle
    i=true;
  }
}
function open_bulle3(content)
{
	if(i==false){
    ElementId("bulle3").style.visibility="visible"; // Si la bulle est cacher on la rend visible.
    ElementId("bulle3").innerHTML=content; // on copie le contenu dans la bulle
    i=true;
  }
}
function open_bulle4(content)
{
	if(i==false){
    ElementId("bulle4").style.visibility="visible"; // Si la bulle est cacher on la rend visible.
    ElementId("bulle4").innerHTML=content; // on copie le contenu dans la bulle
    i=true;
  }
}


function close_bulle()
{
  if(i==true){
    ElementId("bulle").style.visibility="hidden"; // Si la bulle est visible on la cache
    i=false;
  }
}
function close_bulle2()
{
  if(i==true){
    ElementId("bulle2").style.visibility="hidden"; // Si la bulle est visible on la cache
    i=false;
  }
}
function close_bulle3()
{
  if(i==true){
    ElementId("bulle3").style.visibility="hidden"; // Si la bulle est visible on la cache
    i=false;
  }
}
function close_bulle4()
{
  if(i==true){
    ElementId("bulle4").style.visibility="hidden"; // Si la bulle est visible on la cache
    i=false;
  }
}