//----- Version mai 2002
//----- Bulle d'aide
//----- Variables

var chaine;
var largeur;
var type;
var bouge;
var visible;
var obj;

//----- Déclaration de la bulle

chaine = '<div id="bulle" style="position:absolute; z-index:1; background-color:#FFFFFF; visibility:hidden"></div>';
document.write(chaine);

//----- Navigateurs et évènements

var ie	= (navigator.appName == "Microsoft Internet Explorer") ? true : false;
var ns	= (navigator.appName == "Netscape") ? true : false;
var ns6	= (document.getElementById) ? true : false;

document.onmousemove = position;
if	(ns) document.captureEvents(Event.MOUSEMOVE);

//----- Bulle visible

function showBulle(titre,message,lg,tp,clr)
{
type = tp;
bouge = 1;
visible = 1;

if	(ie)
	{
	obj = eval(bulle);

	if	(lg > (document.body.clientWidth - 40))
		largeur = document.body.clientWidth - 40;
	else
		largeur = lg;

	obj.innerHTML = contenu(titre,message,clr);
	}
else
	{
	if	(lg > (window.innerWidth - 40))
		largeur = window.innerWidth - 40;
	else
		largeur = lg;

	if	(ns6)
		{
		obj = document.getElementById("bulle");
		obj.innerHTML = contenu(titre,message,clr);
		}
	else
		{
		obj = eval(document.bulle);

		obj.document.open();
		obj.document.write(contenu(titre,message,clr));
		obj.document.close();
		}
	}
}

//---- Bulle cachée

function hideBulle()
{
if	(type != "fixe")
	{
	visible = 0;
	if  (ie || ns6)
		obj.style.visibility = "hidden";
	else
		obj.visibility = "hide";
	}
else
	bouge = 0;
}

//----- Contenu de la bulle

function contenu(titre,message,clr)
{
chaine =  "<table width=" + largeur + " border=0 cellspacing=0 cellpadding=1 bgcolor=" + clr + ">";
chaine += "<tr><td><table width=100% border=0 cellspacing=0 cellpadding=0 bgcolor=" + clr + "><tr>";
chaine += "<td><b><font face='Verdana' size=1 color=#FFFFFF>" + titre + "</font><b></td>";
if (type == "fixe") chaine += "<td align='right'><a href =\"#\" onMouseOver=\"changeType(); hideBulle();\"><font face='Verdana' size=1 color=#FFFFFF>Fermer</font></a></td>";
chaine += "</tr></table></td></tr>";

chaine += "<tr><td><table width=100% border=0 cellspacing=0 cellpadding=2 bgcolor=#DDDDDD><tr>";
chaine += "<td><font face='Verdana' size=1 color=#000000>" + message + "</font></td>";
chaine += "</tr></table></td></tr>";
chaine += "</table>\n";

return chaine;
}

//----- Modification du type

function changeType() { type = ""; }

//----- Position de la bulle

function position(e)
{
if	(visible == 1 && bouge == 1)
	{
	if	(ie)
		{
		if	(event.x + document.body.scrollLeft + largeur > document.body.clientWidth - 20)
			obj.style.left = document.body.clientWidth + document.body.scrollLeft - largeur - 20;
		else
			obj.style.left = event.x + document.body.scrollLeft;

		obj.style.top  = event.y + document.body.scrollTop + 20;
		obj.style.visibility = "visible";
		}
	else
		if	(ns6)
			{
			if	(e.pageX + largeur > window.innerWidth - 20)
				obj.style.left = window.innerWidth - largeur - 20;
			else
				obj.style.left = e.pageX;

			obj.style.top = e.pageY + 20;
			obj.style.visibility = "visible";
			}
		else
			{
			if	(e.pageX + largeur > window.innerWidth - 20)
				obj.left = window.innerWidth - largeur - 20;
			else
				obj.left = e.pageX;

			obj.top  = e.pageY + 20;
			obj.visibility = "show";
			}
	}
}