﻿// JavaScript Document
function GetId(id)
{
	return document.getElementById(id);
}
var it=false; // La variable i nous dit si la bulle est visible ou non
 
function move(e) {
  if(it) {  // 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("curseur").style.left=e.pageX - 70+"px";
    	GetId("curseur").style.top=e.pageY + 20+"px";
    }
    else { // Modif proposé par TeDeum, merci à  lui
    if(document.documentElement.clientWidth>0) {
		GetId("curseur").style.left=-70+event.x+document.body.scrollLeft+"px";
		GetId("curseur").style.top=18+event.y+document.body.scrollTop+"px";
		} else {
		GetId("curseur").style.left=-70+event.x+document.body.scrollLeft+"px";
		GetId("curseur").style.top=18+event.y+document.body.scrollTop+"px";
         }
    }
  }
}
 
function montre(titre,message,bgcolor,largeur,alignement) {

	if(typeof(largeur)=='undefined'){
	var largeur = 140; 
	}
	if(typeof(alignement)=='undefined'){
	var alignement = 'center'; 
	}

  var text = '<TABLE WIDTH='+largeur+' BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=#42AE01><TR bgcolor=#FEE37A><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><CENTER><FONT class="v8"><B>'+titre+'</B></FONT></CENTER></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR='+bgcolor+'><TR><TD align="'+alignement+'" class="txtorange">'+message+'</TD></TR></TABLE></TD></TR></TABLE>';
  if(it==false) {
  	GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
  	GetId("curseur").innerHTML = text; // on copie notre texte dans l'élément html
  	it=true;
  }
}
function cache() {
	if(it==true) {GetId("curseur").style.visibility="hidden"; // Si la bulle est visible on la cache
	it=false;}
}
document.onmousemove=move; // dès que la souris bouge, on appelle la fonction move pour mettre à jour la position de la bulle.
