var IB = new Object;
var retard = 0;
var posX = 0; posY=0;
var xOffset = 35; yOffset = 25;
var texte;
var duree;


function AffBulle(leTexte)
{                 
		texte = leTexte;
		duree = setTimeout("AffBulleNow()", retard);
}


function AffBulleNow() 
{
  contenu="<TABLE border=0 cellspacing=0 cellpadding="+IB.NbPixel+"><TR bgcolor='"+IB.ColContour+"'><TD><TABLE border=0 cellpadding=2 cellspacing=0 bgcolor='"+IB.ColFond+"'><TR><TD><FONT size='-2' face='verdana' color='"+IB.ColTexte+"'><b>"+texte+"</b></FONT></TD></TR></TABLE></TD></TR></TABLE>&nbsp;";

  var finalPosX = posX - xOffset;

  if (finalPosX < 0) finalPosX = 0;

  if (document.layers) {

    document.layers["bulle"].document.write(contenu);
    document.layers["bulle"].document.close();
    document.layers["bulle"].top = posY+yOffset;
    document.layers["bulle"].left = finalPosX;
    document.layers["bulle"].visibility = "show";
}

  if (document.all) {

   var f = window.event;

    doc = document.body.scrollTop;
    bulle.innerHTML = contenu;
    document.all["bulle"].style.top = posY+yOffset;
    document.all["bulle"].style.left = finalPosX;   
    document.all["bulle"].style.visibility = "visible";
  }
  
  else if (document.getElementById) {
    document.getElementById("bulle").innerHTML = contenu;
    document.getElementById("bulle").style.top = posY+yOffset;
    document.getElementById("bulle").style.left = finalPosX;
    document.getElementById("bulle").style.visibility = "visible";
   }

}


function getMousePos(e) {

  if (document.all) {
      posX = event.x+document.body.scrollLeft;
      posY = event.y+document.body.scrollTop;
  }

  else {
     posX = e.pageX; 
     posY = e.pageY; 
  }

}

function HideBulle()
{
		clearTimeout(duree);
		texte = "";
		document.getElementById("bulle").style.visibility = "hidden";

}


function InitBulle(ColTexte,ColFond,ColContour,NbPixel) {
	IB.ColTexte = ColTexte;
	IB.ColFond = ColFond;
	IB.ColContour = ColContour;
	IB.NbPixel = NbPixel;

	if (document.layers) {
		window.captureEvents(Event.MOUSEMOVE);window.onMouseMove = getMousePos;
		document.write("<LAYER name='bulle' top=0 left=0 visibility='hide' style='z-index:99'></LAYER>");
	}
	if (document.all) {
		document.write("<DIV id='bulle' style='position:absolute;top:0;left:0;visibility:hidden;z-index:99'></DIV>");
		document.onmousemove = getMousePos;
	}
	
	else if (document.getElementById) {
	        document.onmousemove = getMousePos;
	        document.write("<DIV id='bulle' style='position:absolute;top:0;left:0;visibility:hidden;z-index:99'></DIV>");
	}

}