﻿/**
 *	DEBUT : Position une boite-info au dessus des cases de la grille.
 **/

//<!--
	var sourisX ;
	var sourisY ;
	var ie	 = navigator.appName.substring(0,9) == "Microsoft";
	var net	 = navigator.appName.substring(0,3) == "Net";
	var initInfoBulle = false;
	
	// Récupération du x et y de la souris dans la page.

	if (net) document.captureEvents(Event.MOUSEMOVE);
	document.onmousemove = position;
		
	function position (e)
	{
		if (ie)				{sourisX = window.event.x + document.documentElement.scrollLeft; sourisY = window.event.y + document.documentElement.scrollTop;}
		else if (net)	{sourisX = e.pageX; sourisY = e.pageY;}
		else {sourisX = e.pageX; sourisY = e.pageY;}

		//Adaptation de la position un peu en dessous du curseur
		sourisX += 9;
		sourisY += 9;
	}
		
	function AfficherInfos(id)
	{
		if (!initInfoBulle) return false;
		
		var bloc_txt = document.getElementById(id);
		if (bloc_txt) texte = bloc_txt.innerHTML;
		else          texte = id;
	
		var ombre = document.getElementById("ombre");
			ombre.style.left = sourisX +1 + "px";		
			ombre.style.top  = sourisY +1 + "px";		
			ombre.innerHTML = decodeURIComponent(texte);

		var cadre = document.getElementById("cadre");
			cadre.style.left = sourisX +0 + "px";		
			cadre.style.top  = sourisY +0 + "px";		
			cadre.innerHTML = decodeURIComponent(texte);
		
		if (texte)
		{
			ombre.style.display = 'block';
			cadre.style.display = 'block';
		}
	}
	
	function CacherInfos()
	{
		if (!initInfoBulle) return false;

		document.getElementById("ombre").style.display = 'none';
		document.getElementById("cadre").style.display = 'none';
	}
	
	function init_infos_bulle()
	{
		var cadre = document.createElement("div");
		var ombre = document.createElement("div");

		// Gestion des zindex avec IE : à faire en premier
		cadre.style.cssText  = "z-index:10000;"; 
		ombre.style.cssText  = "z-index:9999;"; 

		
		cadre.id = "cadre";
		cadre.className = "infos_bulles-cadre";
		ombre.id = "ombre";
		ombre.className = "infos_bulles-ombre";


		cadre.style.position = "absolute";
		ombre.style.position = "absolute";
		
		document.body.appendChild(cadre);
		document.body.appendChild(ombre);
		
		CacherInfos();
		
		initInfoBulle = true;
	}

	if (window.attachEvent)
		window.attachEvent            ("onload", function () {init_infos_bulle();});
	else if (window.addEventListener)
		window.addEventListener       (  "load", function () {init_infos_bulle();}, false);
//-->

/**
 *	FIN : Position une boite-info au dessus des cases de la grille.
 **/
