/*
	Je veux qu'une bulle d'aide suive la souris quand je mouse over un certain élément et qu'un texte y apparaisse
	Je déplace en fait le div nommé tooltip à l'emplacement de la souris et en y mettant le texte
*/

//Dès que je bouge la souris, je fais appel à ma fonction my_mouseMove() qui va chercher la position de la souris sur la page
document.onmousemove = my_mouseMove
if (document.captureEvents) document.captureEvents(Event.MOUSEMOVE);
allowed_move_tooltip = true;


//Dès que je bouge la souris, je choppe ses coords
function my_mouseMove(e) {
	mouseX = 0;	mouseY = 0;
	if (!e) var e = window.event;
	//On choppe les positions de la souris à partir de différentes informations selon les navigateurs
	if (e.pageX || e.pageY)
	{
		mouseX = e.pageX;
		mouseY = e.pageY;
	}
	else if (e.clientX || e.clientY)
	{
		mouseX = e.clientX + document.body.scrollLeft;
		mouseY = e.clientY + document.body.scrollTop;
	}
	//On déplace le tooltip à l'endroit du curseur
	if (allowed_move_tooltip) place_tooltip(mouseX, mouseY);
	
}

//Affichage du texte dans la bulle à l'emplacement de la souris
function show_tooltip(text, is_fixed, posX, posY) {
	var tooltip = document.getElementById('tooltip');
	//On mets le texte dedans
	tooltip.innerHTML = '';
	tooltip.innerHTML = text;
	//Si on a précisé des positions, on les prends
	if (posX) mouseX = posX;
	if (posY) mouseY = posY;
	
	//On le place
	place_tooltip(mouseX,mouseY);
	//On l'affiche
	tooltip.style.display = 'block';
	//Si on a précisé qu'il ne devait pas se déplacer, on sauvegarde un booléen pour qu'il reste fixé
	if (is_fixed) allowed_move_tooltip = false;
	//Sinon on accepte qu'il se déplace
	else allowed_move_tooltip = true;
}

function place_tooltip(x,y) {
	var tooltip = document.getElementById('tooltip');
	//On le place à l'endroit de la souris
	tooltip.style.top = y + 10;
	tooltip.style.left = x + 10;
}

//On cache le tooltip
function hide_tooltip() {
	var tooltip = document.getElementById('tooltip');
	tooltip.style.display = 'none';
}