//Variable contenant la duree apres laquelle on doit masquer l'infobulle.
//Cette durée peut etre customiser via la fonction d'initialisation
var oTimer = 5000;

var oTimerHandler=null;

/**
 * Initialisation du systeme d'info bulle. (Indispensable au bon fonctionnement)
 * @param pTimer (optionnel) durée apres laquelle on doit masquer l'infobulle. (5000ms par defaut)
 */
function initInfoBull(pTimer){
	if(pTimer){
		oTimer = pTimer;
	}
	$("body").append("<div class=InfoBullBox id='InfoBullBox' style='display: none; z-index: 500;'><div class='InfoBullCloseButton' ><a href='#' onclick='$(\"#InfoBullBox\").hide();'>[ x ]</a></div><div class='InfoBullTitle' id='InfoBullBoxTitle'>&nbsp;</div><div class='InfoBullMsg' id='InfoBullBoxMsg'>&nbsp;</div></div>");
}

/**
 * Fonction permettant l'affichage d'une info bulle sous l'input specifié en entré
 * 
 * @param pTitle Le titre a afficher
 * @param pMessage Le message à afficher
 * @param pInput l'identifiant de l'input sous lequel on va afficher la boite 
 */
function  showInformation( pTitle, pMessage, pInput ){
	if( oTimerHandler ){
		window.clearTimeout(oTimerHandler);
	}
	$('#InfoBullBox').show();
	$('#InfoBullBoxTitle').html(pTitle);		
	$('#InfoBullBoxMsg').html(pMessage);	
	if( pInput ){
		var pos = $('#'+pInput).offset();					
		var oPosX = (pos.left+ $('#'+pInput).width() + 20 ) + "px";
		var oPosY = pos.top + "px";
	}else{
		var oPosX = (($('body').width()-$('#InfoBullBox').width())/2) + "px";
		var oPosY = (($('body').height()-$('#InfoBullBox').height())/2) + "px";
	}
	$('#InfoBullBox').css('left', oPosX);
	$('#InfoBullBox').css('top', oPosY);
	oTimerHandler = setTimeout("$('#InfoBullBox').hide();", oTimer);
}