var bBULLE = false; // Flag Affichage de la Bulle

/**
/	Retourne l'offset Gauche (IE et Moz)
*/
function getLeft(Object){
    if (Object.offsetParent)
        return (Object.offsetLeft + getLeft(Object.offsetParent));
    else
        return (Object.offsetLeft);
}
/**
/	Retourne l'offset Haut (IE et Moz)
*/
function getTop(Object){
    if (Object.offsetParent)
        return (Object.offsetTop + getTop(Object.offsetParent));
    else
        return (Object.offsetTop);
}

/**
/	Affiche la bulle au bon endroit
*/
function ObjShow( _bulle, _span_id, _x, _y, _z){
	var Obj_info_bulle = document.getElementById( _bulle );
	var Span_rf = document.getElementById( _span_id );
	var Haut, Larg;
	if( Obj_info_bulle){
		//-- Récup. dimension du DIV
		Larg = getLeft(Span_rf) + Span_rf.offsetWidth;
		Haut = getTop(Span_rf) + Span_rf.offsetHeight;
		
		with(Obj_info_bulle.style){
			left = Larg + _x + "px";
			top = Haut + _y + "px";
			zIndex = _z;
			visibility = "visible";
		}
	}
}
/**
/	Prepare l'affichage de la bulle et appel l'affichage
*/
function infobulle_open( _span_id, _message){
	var Obj_info_bulle = document.getElementById('info_bulle');
	var Html;
	if( Obj_info_bulle ){
		//-- Ecriture de la Bulle
		Html =  "<div class='Bulle'>";
		Html += _message;
		Html += "</div>";
		Obj_info_bulle.innerHTML = Html;
		ObjShow('info_bulle', _span_id, 5, -5, 1000);
		bBULLE= true;
		return(true);
	}
	return(false);
}
/**
/	Ferme la bulle
*/
function infobulle_close(){
	with(document.getElementById('info_bulle')){
		innerHTML = "&nbsp;"
//		style.left = -1000 +"px";
//		style.top = -1000 +"px";
//		style.zIndex = 0;
		style.visibility = "hidden";
	}
	bBULLE = false;
	return(true);
}

//-- Création DIV----------------------
var Html;
//-- Création du DIV Bulle
Html ='<div id="info_bulle"></div>';
document.write( Html);