// Example : 
//<script type="text/javascript" src="infobulle.js"></script>
//<script type="text/javascript">InitBulle('#FFFFFF','#000000', 2);</script>
//<a href="#" onmouseOver="AffBulle('map/sstjan.gif', 'St. Jan', '0', '0')" onmouseOut="HideBulle()">DHTML</a>

var ie = (document.all)? true:false;
var ns4 = (document.layers)? true:false;
var ns6 = (document.getElementById)? true:false;
var IB=new Object;
var posX=0;
var posY=0;
var xOffset=-20;
var basisyOffset=-40;

function Aff_clean_Bulle(img, texte, xoff, yoff) {

  contenu="<div align='center'><img src='images/"+img+"'><br><span style='padding: 3px; position: relative; top: 5px; font: 16px arial; border: 2px dotted #F5821F; background: #E5C78D; color: #761C35; '><b>"+texte+"</b></span></div>";
  var finalPosX=posX-xOffset-xoff;
  var yOffset=basisyOffset-yoff;
  if (finalPosX<0) finalPosX=0;

  if (ns4) {
    document.layers["infobulle"].document.write(contenu);
    document.layers["infobulle"].document.close();
    document.layers["infobulle"].top=posY+yOffset+"px";
    document.layers["infobulle"].left=finalPosX+"px";
    document.layers["infobulle"].visibility="show";}

  if (ie) {
    infobulle.innerHTML=contenu;
    document.all["infobulle"].style.top=posY+yOffset+"px";
    document.all["infobulle"].style.left=finalPosX+"px";
    document.all["infobulle"].style.visibility="visible";

  }else if (ns6) {
    document.getElementById("infobulle").innerHTML=contenu;
    document.getElementById("infobulle").style.top=posY+yOffset+"px";
    document.getElementById("infobulle").style.left=finalPosX+"px";
    document.getElementById("infobulle").style.visibility="visible";
  }

}

function getMousePos(e) {
  if (ie) {
  posX=event.x+document.documentElement.scrollLeft;
  posY=event.y+document.documentElement.scrollTop;
  } else {
  posX=e.pageX;
  posY=e.pageY; 
  }
}

function HideBulle() {
	if (ns4) {document.layers["infobulle"].visibility="hide";}
	if (ie) {document.all["infobulle"].style.visibility="hidden";}
	else if (ns6){document.getElementById("infobulle").style.visibility="hidden";}
}

function InitBulle(ColFond, ColContour, NbPixel) {
	IB.ColFond=ColFond;IB.ColContour=ColContour;IB.NbPixel=NbPixel;
	if (ns4) {
		document.write("<layer name='infobulle' top='0' left='0' visibility='hide' style='z-index: 3;'></layer>");
		window.captureEvents(Event.MOUSEMOVE);window.onMouseMove=getMousePos;
	}
	if (ie) {
		document.write("<div id='infobulle' style='position:absolute;top:0;left:0;visibility:hidden; z-index: 3;'></div>");
		document.onmousemove=getMousePos;
	}
	//modif CL 09/2001 - NS6  
	else if (ns6) {
	        document.write("<div id='infobulle' style='position:absolute;top:0;left:0;visibility:hidden; z-index: 3; '></div>");
	        document.onmousemove=getMousePos;
	}

}