// La variable nous dit si le bloc est visible ou non
var affiche = false; 
var w3c=document.getElementById && !document.all;
var ie=document.all;

if (ie||w3c) 
	{
	var laBulle
	}

// retourne le bon corps...
function ietruebody()
	{ 
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
	}

function deplacer(e) 
	{
	NavName = navigator.appName;
	//alert(NavName);
	if (NavName == "Microsoft Internet Explorer")
		{
		var xOffset = -600;
		var yOffset = -550;
		}
	else
		{
		var xOffset = -200;
		var yOffset = -300;	
		}
	
	var obj = document.getElementById("test");
	var test = "";
	
	if (affiche)
		{
		var curX = (w3c) ? e.pageX : event.x + ietruebody().scrollLeft;
		var curY = (w3c) ? e.pageY : event.y + ietruebody().scrollTop;
		
		var winwidth = ie && !window.opera ? ietruebody().clientWidth : window.innerWidth - 20;
		var winheight = ie && !window.opera ? ietruebody().clientHeight : window.innerHeight - 20;
		
		var rightedge = ie && !window.opera ? winwidth - event.clientX - xOffset : winwidth - e.clientX - xOffset;
		var bottomedge = ie && !window.opera ? winheight - event.clientY - yOffset : winheight - e.clientY - yOffset;
		
		var leftedge = (xOffset < 0) ? xOffset*(-1) : -1000;
		
		if (NavName == "Microsoft Internet Explorer")
			{//alert(NavName);
			//test += "winwidth = "+winwidth+"\n";
			//test += "winheight = "+winheight+"\n";
			
			laBulle.style.left = (winwidth/2)+curX+xOffset + "px";
			laBulle.style.top = (winheight/2)+curY+yOffset + "px";
			
			}
		else
			{
			/*test += "curX = "+curX+"\n";
			test += "curY = "+curY+"\n";
			
			test += "winwidth = "+winwidth+"\n";
			test += "winheight = "+winheight+"\n";*/
	
			// modifier la largeur de l'objet s'il est trop grand...
			if (laBulle.offsetWidth > winwidth / 3)
				{
				laBulle.style.width = winwidth / 3;
				//test += "condition winwidth"+winwidth / 3+"\n";
				}

			// si la largeur horizontale n'est pas assez grande pour l'info bulle
			if (rightedge < laBulle.offsetWidth)
				{
				// bouge la position horizontale de sa largeur à gauche
				laBulle.style.left = curX - laBulle.offsetWidth + "px"
				//test += "curX = "+curX+ " laBulle.offsetWidth = "+laBulle.offsetWidth+"px"+"\n";
				} 
			else 
				{
				if (curX < leftedge)
					{
					laBulle.style.left = "5px"
					//test += "laBulle.style.left = 5px\n";
					} 
				else
					{
					// la position horizontale de la souris
					laBulle.style.left = curX + xOffset + "px"
					//test += "curX "+curX+" xOffset "+xOffset+"\n";
					}
				}
	
			// même chose avec la verticale
			if (bottomedge < laBulle.offsetHeight)
				{
				laBulle.style.top = curY - laBulle.offsetHeight - yOffset + "px"
				//test += "bottomedge < laBulle.offsetHeight "+curY - laBulle.offsetHeight - yOffset + "bbpx\n";
				} 
			else 
				{
				laBulle.style.top = curY + yOffset + "px"
				//test += "bottomedge > laBulle.offsetHeight "+curY + yOffset + "px\n";
				}
			}
		}
	
	//obj.value = test;
	}

function showTooltip(text) 
	{
	if (w3c||ie)
		{
		laBulle = document.all ? document.all["bulle"] : document.getElementById ? document.getElementById("bulle") : ""
		
		// fixe le texte dans l'infobulle
		laBulle.innerHTML = text; 
		
		// Si il est cachée (la verif n'est qu'une securité) on le rend visible.
		laBulle.style.visibility = "visible"; 
		
		affiche = true;
		}
	}

function hideTooltip() 
	{
	if (w3c||ie)
		{
		affiche = false
		laBulle.style.visibility="hidden" // avoid the IE6 cache optimisation with hidden blocks
		laBulle.style.top = '-100000px'
		laBulle.style.backgroundColor = ''
		laBulle.style.width = ''
		}
	}

document.onmousemove = deplacer; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.