// Determine browser and version.
function Browser()
{
  var ua, s, i;

  this.isIE    = false;
  this.isNS    = false;
  this.version = null;
  
  ua = navigator.userAgent;
  
  s = "MSIE";
  if ((i = ua.indexOf(s)) >= 0) 
    {
      this.isIE = true;
      this.version = parseFloat(ua.substr(i + s.length));
      return;
    }
  
  s = "Netscape6/";
  if ((i = ua.indexOf(s)) >= 0) 
    {
      this.isNS = true;
      this.version = parseFloat(ua.substr(i + s.length));
      return;
    }
  
  // Treat any other "Gecko" browser as NS 6.1.
  s = "Gecko";
  if ((i = ua.indexOf(s)) >= 0) 
    {
      this.isNS = true;
      this.version = 6.1;
      return;
    }
}

var browser = new Browser();
//**********************************************


//**********************************************
// création d'un tooltip à la fin du document
function creeTooltip(premier_div,second_div)
{
  // création d l'objet div
  var divTooltip=document.createElement("div");
  // nommage du tooltip
  divTooltip.setAttribute('id', 'eole_tooltip');

  // premier div (département)
  var premierDiv=document.createElement("div");
  premierDiv.setAttribute('id', 'eole_tooltip_premier');
  var contenuPremierDiv=document.createTextNode(premier_div);

  // second div (département)
  var secondDiv=document.createElement("div");
  secondDiv.setAttribute('id', 'eole_tooltip_second');
  var contenuSecondDiv=document.createTextNode(second_div);

  // contenu des divs secondaires
  premierDiv.appendChild(contenuPremierDiv);
  secondDiv.appendChild(contenuSecondDiv);

  // contenu du tooltip
  divTooltip.appendChild(premierDiv);
  divTooltip.appendChild(secondDiv);

  // ajout du tooltip
  document.body.appendChild(divTooltip);
}


//**********************************************
// création d'un tooltip image à la fin du document
function creeTooltipImage(nom_image)
{
  // création d l'objet div
  var divTooltip=document.createElement("div");
  // nommage du tooltip
  divTooltip.setAttribute('id', 'eole_tooltip_image');

  var monImage = document.createElement("img");
  monImage.setAttribute("src", nom_image); 

  // contenu du tooltip
  divTooltip.appendChild(monImage);

  // ajout du tooltip
  document.body.appendChild(divTooltip);

  // styles associés à
  try
      {
	  divTooltip.style.position = 'fixed';
//  	  divTooltip.style.top = '0px';
//  	  divTooltip.style.right = '0px';
      }
  catch(e)
      {
	  divTooltip.style.position = 'absolute';
// 	  var de = document.documentElement;
// 	  var db = document.body;
// 	  divTooltip.style.top = ( ( de && de.scrollTop ) ? de.scrollTop : db.scrollTop ) + 'px';
// 	  divTooltip.style.right = ( 0 - ( ( de && de.scrollLeft ) ? de.scrollLeft : db.scrollLeft ) ) + 'px';
      }
}


//**********************************************
// effacement du tooltip
function supprimeTooltip(idTooltip)
{
  var divTooltip=document.getElementById(idTooltip);
  document.body.removeChild(divTooltip);
}



//**********************************************
// déplacement d'un div collé à la souris

// décalages en X et Y pour le drag
var decalageX=10;//8
var decalageY=21;//19

// début du drag
function tooltipStart(event,idTooltip)
{
    var obj=document.getElementById(idTooltip);
    
    if (browser.isIE)
	{
	    var de = document.documentElement;
	    var db = document.body;
	    
	    x = ( ( de && de.scrollTop ) ? de.scrollTop : db.scrollTop ) + window.event.clientX+decalageX;
	    y = ( 0 - ( ( de && de.scrollLeft ) ? de.scrollLeft : db.scrollLeft ) ) + window.event.clientY+decalageY;
	}
    
    if (browser.isNS) 
	{
	    x = event.clientX+decalageX;
	    y = event.clientY+decalageY;
	}
    
    // déplacement et apparition
    obj.style.left=x+"px";
    obj.style.top=y+"px";
    obj.style.visibility="visible";
}

// fin du drag
function tooltipStop(event,idTooltip)
{
  var obj=document.getElementById(idTooltip);

  // effacement et déplacement
  obj.style.visibility="hidden";
  obj.style.left=0;
  obj.style.top=0;
}

//**********************************************