var IB=new Object;
var posX=0;posY=0;eventY=0;
//var xOffset=10;
var yOffset=10;
var pano_contenu="";

//function findPosX(obj) {
//	var curleft = 0;

//	if (obj.offsetParent) {
//		while (obj.offsetParent) {
//			curleft += obj.offsetLeft;
//			obj = obj.offsetParent;
//			}
//		}
//	else  curleft += obj.offsetLeft;
	
//	return curleft;
//	}

function AffBulle(titre,texte,refDiv) {
  pano_contenu = "<TABLE border=1 bordercolor='#000000' width=185 cellspacing=0 cellpadding='#"+IB.NbPixel+"' bgcolor='#"+IB.ColTitre+"'>";
	pano_contenu += "<tr><td align=center><img src=../images/spacer.gif width=5 border=0><br>";
  pano_contenu += "<FONT size=-2 color='#"+IB.ColTexteTitre+"'><b>&nbsp;&nbsp;"+titre+"&nbsp;&nbsp;</b></font><br>";
	pano_contenu += "<img src=../images/spacer.gif width=2 border=0></td></tr>";
  pano_contenu += "<TR>";
  pano_contenu += "<TD bgcolor='#"+IB.ColFond+"' class=pano_text>";
  pano_contenu += "<table width=96% align=center>";
  pano_contenu += "<tr>";
  pano_contenu += "<td bgcolor='#"+IB.ColFond+"' class=pano_text>";
  pano_contenu += "<FONT size=-2 color='#"+IB.ColTexte+"'><div align=justify>"+texte+"</div></FONT>";
  pano_contenu += "</td></tr>";
  pano_contenu += "</table>";
  pano_contenu += "</TD>";
  pano_contenu += "</TR>";
  pano_contenu += "</TABLE>";

  //var finalPosX=posX-xOffset;
  //if (finalPosX<0) finalPosX=0;
  if (document.layers) {
    document.layers["bulle"].document.write(pano_contenu);

    var taille_fen = window.innerHeight;
		var taille_tab = document.layers["bulle"].document.height;
		var space_sous_souris = taille_fen - eventY;

    if((taille_fen > taille_tab) && (space_sous_souris < taille_tab))
    	{
    	var decal = taille_tab - space_sous_souris;
    	posY = posY - decal + 100;
    	}

    //document.layers["bulle"].left=finalPosX;
    document.layers["bulle"].document.close();
    document.layers["bulle"].top=posY - yOffset + 20 - 100;
    document.layers["bulle"].left=document.anchors[refDiv].x+25;
    document.layers["bulle"].visibility="show";}

  if (document.all) {
    bulle.innerHTML=pano_contenu;

    var taille_fen = document.body.clientHeight;
    var taille_tab = document.all["bulle"].clientHeight;
    var space_sous_souris = taille_fen - event.clientY;

    if((taille_fen > taille_tab) && (space_sous_souris < taille_tab))
    	{
    	var decal = taille_tab - space_sous_souris;
    	posY = posY - decal;
    	}

		//document.all["bulle"].style.left=finalPosX;//f.x-xOffset;
    document.all["bulle"].style.top=posY - yOffset - 100;
		//document.all["bulle"].style.left = findPosX(document.all[refDiv])+25;
		document.all["bulle"].style.left = document.all[refDiv].offsetLeft + 30;
    document.all["bulle"].style.visibility="visible";
  }
  else if (document.getElementById) {
    document.getElementById("bulle").innerHTML=pano_contenu;

    var taille_fen = document.body.clientHeight;
    var taille_tab = document.getElementById("bulle").clientHeight;
    var space_sous_souris = taille_fen - eventY;

    if((taille_fen > taille_tab) && (space_sous_souris < taille_tab))
    	{
    	var decal = taille_tab - space_sous_souris;
    	posY = posY - decal;
    	}

    if((posY - yOffset) > document.getElementById(refDiv).offsetTop){
    	document.getElementById("bulle").style.top = document.getElementById(refDiv).offsetTop - 100 + "px";
    	}
    else{
    	document.getElementById("bulle").style.top = (posY - yOffset) - 100 + "px";
    	}

    //document.getElementById("bulle").style.left=finalPosX;
    //document.getElementById("bulle").style.left=findPosX(document.getElementById(refDiv))+25;
    document.getElementById("bulle").style.left = document.getElementById(refDiv).offsetLeft + 30 + "px";
    //document.getElementById("bulle").style.top = (posY - yOffset) + "px";
    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 if (document.getElementById) {
	  posX=e.pageX;
	  posY=e.pageY;
	  eventY=e.clientY;
  	}
   else if (document.layers) {
	  posX=e.pageX;
	  posY=e.pageY;
	  eventY=e.screenY;
		}
	}

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

function InitBulle(ColTexte,ColTitre,ColFond,ColTexteTitre,NbPixel) {
	IB.ColTexte=ColTexte;IB.ColTitre=ColTitre;IB.ColFond=ColFond;IB.ColTexteTitre=ColTexteTitre;IB.NbPixel=NbPixel;
	if (document.layers) {
		window.captureEvents(Event.MOUSEMOVE);window.onMouseMove=getMousePos;
		document.write("<LAYER name='bulle' top=0 left=0 visibility='hide'></LAYER>");
	}
	if (document.all) {
		document.write("<DIV id='bulle' style='position:absolute;top:0;left:0;visibility:hidden'></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'></DIV>");
	}
}