/***********************************************************************************************************/
/***********************************************************************************************************/
/** gestion des infobulles									
/** on applique à tous les éléments de classe affiche-bulle
/** un fonction permettant d'afficher leur attribut name
/** exemple  :
/** <a href="#" class="affiche-bulle" name="Recentrer"><img src="/imagerie/fleche-centre.gif" /></a>
/***********************************************************************************************************/
/***********************************************************************************************************/

function suivreSouris(e){
	decal_x = 5;
	decal_y = -35;
	if (navigator.appName=="Microsoft Internet Explorer"){
		decal_y = -25;
		var x = event.x + document.body.scrollLeft;	
		var y = event.y + document.body.scrollTop;
	}else{
		var x =  e.pageX;
		var y =  e.pageY;
	}
		document.getElementById("bulle").style.left=(x+decal_x)+"px"; 
		document.getElementById("bulle").style.top=(y+decal_y)+"px"; 
	}


function initBulle(){
	// affiche-bulle
	var bulles = document.getElementById("nav").getElementsByTagName("a");
	for(var i=0; i<bulles.length; i++){
	
		if(bulles[i].className.indexOf("affiche-bulle") >= 0){
			bulles[i].onmouseover = function(event){		
				document.onmousemove = suivreSouris;
				var ele = this.name;
				if(ele)
				{
				 document.getElementById("bulle").innerHTML=ele;
				 document.getElementById("bulle").style.display="block";
				 ele = null;
				}
			}
			bulles[i].onmouseout = function(){
				document.getElementById("bulle").style.display="none";
			}
		}
	}
}

window.onload=function(){initBulle();}