<!--
/*
	Auteur : Yohann MARILLET
	Date de création : 19/07/2007
	Version : 1.0
	Contact : ymarillet@gmail.com
	
	Placer ce module juste apres la balise <body>
	Ce module est codé en UTF-8
	
	Texte à ajouter dans le css (le modifier si necessaire) : 
	.infobulle
	{
		position: absolute;	
		display : none;
		border: 1px solid Black;
		padding: 5px;
		font-size: 0.8em;
		background-color: #FFFFCC;
		z-index: 10000;
		clear: both;
	}

	Se servir des infobulles, sur n'importe quelle balise HTML, ajouter en attribut : 
	onMouseOver="show_Infobulle(param)" onMouseOut="hide_Infobulle()"
	
	où param est une chaine de caractere formattée en HTML (attention aux double et simple quotes, risque de bugs, utiliser les entités HTML)
	
	Testé avec les navigateurs : 
	- Internet Explorer 6
	- Mozilla Firefox 2.0.0.5
	- Opéra 9.21
*/


	//Gestion de l'infobulle (récupéré sur http://blog.damienalexandre.fr/index.php?post/2005/09/24/40-info-bulle-javascript puis modifié)
	
	var infobulle_visible=false;
	 
	function move(e) 
	{	
		if(infobulle_visible) // Si la bulle est visible, on calcule en temps reel sa position ideale
		{
			var correction_curseur=5;
			if (navigator.appName!="Microsoft Internet Explorer") // Si on est pas sous IE
			{ 
				var posMouseX = e.pageX;
				var posMouseY = e.pageY;
				var tailleInfobulleX = parseInt(document.getElementById("curseur").offsetWidth);
				var tailleInfobulleY = parseInt(document.getElementById("curseur").offsetHeight);
				var ecartX = 10;
				var ecartY = 15;
				var scrollbarSize = 15;
				
				if(tailleInfobulleX+posMouseX+ecartX+scrollbarSize < window.innerWidth + window.pageXOffset)
				{
					document.getElementById("curseur").style.left=e.pageX+ecartX+"px";
				}
				else
				{
					document.getElementById("curseur").style.left=correction_curseur+e.pageX-tailleInfobulleX-ecartX+"px";
				}
				
				if(tailleInfobulleY+posMouseY+ecartY+scrollbarSize < window.innerHeight + window.pageYOffset)
				{
					document.getElementById("curseur").style.top=e.pageY+ecartY+"px";
				}
				else
				{
					document.getElementById("curseur").style.top=correction_curseur+e.pageY-tailleInfobulleY-ecartY+"px";
				}
			}
			else //on est sous IE
			{
			    var posMouseX = event.clientX;
				var posMouseY = event.clientY;
				var tailleInfobulleX = parseInt(document.getElementById("curseur").offsetWidth);
				var tailleInfobulleY = parseInt(document.getElementById("curseur").offsetHeight);
				var ecartX = 10;
				var ecartY = 15;
				var scrollbarSize = 16;
				
				if(tailleInfobulleX+posMouseX+ecartX+scrollbarSize < document.documentElement.offsetWidth)
					document.getElementById("curseur").style.left=ecartX+event.clientX+document.documentElement.scrollLeft+"px";
				else
					document.getElementById("curseur").style.left=correction_curseur+event.clientX-ecartX-tailleInfobulleX+document.documentElement.scrollLeft+"px";
				
				if(tailleInfobulleY+posMouseY+ecartY+scrollbarSize < document.documentElement.offsetHeight)
					document.getElementById("curseur").style.top=ecartY+event.clientY+document.documentElement.scrollTop+"px";
				else
					document.getElementById("curseur").style.top=correction_curseur+event.clientY-ecartY-tailleInfobulleY+document.documentElement.scrollTop+"px";
			}
		}
	}
	 
	function show_Infobulle(text) 
	{
		document.getElementById("curseur").style.display="block";
		if(text)
		{
			document.getElementById("curseur").innerHTML = text;
		}
		infobulle_visible=true;
	}
	
	function hide_Infobulle() 
	{
		document.getElementById("curseur").style.display="none"; // Si la bulle etait visible on la cache
		infobulle_visible=false;
	}
	
	document.onmousemove=move; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.
	
	document.write('<div id="curseur" class="infobulle">Infobulle</div>');
-->
