// Javascript Document

// Crée un calque qui se déplace avec la souris
// Que l'on peut remplir de ce que l'on veut (le contenu d'un élément html)
// 1 Ajouter dans la page un div: <div id="bulle" style="position:absolute;"></div>

var decal_x = 10;
var decal_y = 10;
var bulle = '';

document.onmousemove = suivre_souris;

function pop_mouse_move(contenu)
{
	if (document.getElementById)
		content = document.getElementById(contenu).innerHTML;
	else
		content = document.all[contenu].innerHTML;
		
	bulle.innerHTML = content;
	bulle.style.border="1px solid black";
}

function suivre_souris(e)
{
	if (document.getElementById)
		bulle = document.getElementById("bulle");
	else
		bulle = document.all["bulle"];
		
	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.style.left = x + decal_x+"px"; 
	bulle.style.top  = y + decal_y+"px";
}

function disparaitre_mouse_move()
{
	bulle.style.border="0";
	bulle.innerHTML = '';
}