// Script permettant d'afficher une legende
//Utilisation

var defaultWidth="250px";
	
document.write(" <div id=\"bulle\" class=\"bulle\" style=\"visibility:hidden;\"> </div>");

document.write(" <div id=\"Leftbulle\" class=\"Leftbulle\" style=\"visibility:hidden;\"> </div>");



document.onmousemove=move;

function move(e){
if(document.getElementById('bulle').style.visibility=='visible')
	document.onmousemove=moveLegend; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.
if(document.getElementById('Leftbulle').style.visibility=='visible')
	document.onmousemove=moveLeftLegend; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.
}
					
				
function moveLegend(e) {
 	var bulle=document.getElementById('bulle');
	if(bulle.style.visibility=='visible') {  // Si la bulle est visible, on calcul en temps reel sa position ideale
		if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
			bulle.style.left=e.pageX + 5+"px";
	  		bulle.style.top=e.pageY + 10+"px";	  		
   		} else { 
			if(document.documentElement.clientWidth>0) {
				bulle.style.left=20+event.x+document.documentElement.scrollLeft+"px";
				bulle.style.top=10+event.y+document.documentElement.scrollTop+"px";
			}else {
				bulle.style.left=20+event.x+document.body.scrollLeft+"px";
				bulle.style.top=10+event.y+document.body.scrollTop+"px";
			}
		}
  	}
  	 	
}

function moveLeftLegend(e) {
 	var bulle=document.getElementById('Leftbulle');
	if(bulle.style.visibility=='visible') {  // Si la bulle est visible, on calcul en temps reel sa position ideale
		if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
			bulle.style.left=e.pageX + 5 - parseInt(bulle.style.width) +"px";
	  		bulle.style.top=e.pageY + 10+"px";
   		} else { 
			if(document.documentElement.clientWidth>0) {
				bulle.style.left=20+event.x+document.documentElement.scrollLeft- parseInt(bulle.style.width) + "px";
				alert(20+event.x+document.documentElement.scrollLeft- parseInt(bulle.style.width) + "px");
				bulle.style.top=10+event.y+document.documentElement.scrollTop+"px";
			}else {
				bulle.style.left=20+event.x+document.body.scrollLeft- parseInt(bulle.style.width) + "px";
				bulle.style.top=10+event.y+document.body.scrollTop+"px";
			}
		}
  	}
}

function showLegend(text) {
	showFeaturedLegend("Informations",text,defaultWidth);
}

function showLeftLegend(text) {
	showLeftFeaturedLegend("Informations",text,defaultWidth);
}

function showFeaturedLegend(titre,text,width) {
	var bulle=document.getElementById("bulle");
	//mise en forme
	var contenu="<div class=\"bulleHeader\" >";
	contenu+=titre+"</div>";
	contenu+="<div class=\"bulleContent\">"+text+"</div>";
	
	bulle.style.visibility="visible"; 
	bulle.style.width=width;
	bulle.innerHTML = contenu; 
	
}

function showLeftFeaturedLegend(titre,text,width) {
	var bulle=document.getElementById("Leftbulle");
	//mise en forme
	var contenu="<div style='background-color:#E8E8E8;color:black;height:12px;padding-left:4px;text-align:left'>";
	contenu+="<span style='vertical-align:5px;margin-left:3px;font-weight:bold'>"+titre+"</span></div>";
	contenu+="<div style='margin:2px;'>"+text+"</div>";
	
	bulle.style.visibility="visible"; 
	bulle.style.width=width;
	bulle.innerHTML = contenu; 
	
}
function hideLegend() {
	document.getElementById("bulle").style.visibility="hidden"; 
	
}

function hideLeftLegend() {
	document.getElementById("Leftbulle").style.visibility="hidden"; 
	
}

function showDetailsEtudiant(nom,identifiant, naissance){
	var bulle=document.getElementById("bulle");
	
	var text="<ul style=\"list-style: url('../portail/images/item.png') disc;\"><li>Nom, Pr&eacute;nom : "+nom + "<br />";
	text += "<li>Identifiant : " + identifiant +"<br />";
	text+= "<li>Date de naissance : " + naissance +"</ul>";
	//mise en forme
	var contenu="<div style='background-color:#e2e8ef;color:black;height:14px;padding-left:4px;text-align:left'>";
	contenu+="<img src='../portail/images/interrogation.gif'><span style='vertical-align:5px;margin-left:3px;font-weight:bold'>D&eacute;tails</span></div>";
	contenu+="<div style='margin:2px;'>"+text+"</div>";
	
	
	bulle.style.visibility="visible"; 
	bulle.innerHTML = contenu; 
}
function escapeQuotes(str){
	return replaceAll(str,'\'','\\\'');
}