//position de l'infobulle par rapport a la souris
var decal_x = 20;
var decal_y = 10;

//position de la souris
document.onmousemove = suivre_souris;

//rempli l'infobulle
function infobulle(contenu)
{
	if(contenu)
		$("#bulle")[0].innerHTML = '<table id="tab_bulle" cellspacing="0" style="border: solid 1px #000000; background-color:#E9EAFF;"><tr><td><b>'+contenu+'</b></td></tr></table>';
	else	
		$("#bulle")[0].innerHTML = '';
}

//enleve le contenu de l'infobulle (donc disparait)
function disparaitre()
{
	$("#bulle")[0].innerHTML = '';
}

//positionnement de l'infobulle
function suivre_souris(e)
{
	if (navigator.appName=="Microsoft Internet Explorer")
	{	var x = event.x + document.body.scrollLeft;
		var y = event.y + document.body.scrollTop;
	}
	else
	{
		var x =  e.pageX;
		var y =  e.pageY;
	}
	
	$("#bulle")[0].style.left = x + decal_x + 'px';
	$("#bulle")[0].style.top  = y + decal_y + 'px';
}