jQuery.noConflict();

var timerInfoBulles=false;
jQuery(function() {
	iniInfoBulles();
});


function iniInfoBulles(){
	if( jQuery("a.infobulles").length == 0 )
		return;
	//create div tool tip if not extists
	var oToolTip=jQuery("#tooltip");
	if( oToolTip.length == 0 ){
		oToolTip = jQuery('<div id="tooltip"></div>');
		jQuery(document.body).append(oToolTip);
		oToolTip.css({top:0,left:0,position:"absolute"});
	}

	stopInfoBulles(oToolTip);

	jQuery("a.infobulles:last").css("margin-right",0);
	jQuery("a.infobulles").hover(function(){
		//on panel hover
		if(!oToolTip.is(":visible") && timerInfoBulles){
			clearTimeout(timerInfoBulles);timerInfoBulles=false;
		}
		if(!oToolTip.is(":visible") && !timerInfoBulles){
			var self = jQuery(this);
			//pOffset=jQuery("span",self).offset();
			//ON REMPLACE "SPAN" PAR ' this ' POUR APPLIQUER L'EFFET N'IMPORTE OU
			pOffset=jQuery(this,self).offset();
			iWD=(oToolTip.width()-self.width())/2+5;
			iTargetTop=pOffset["top"]-oToolTip.height()-2;//-10;
			oToolTip.css({top:(iTargetTop-8),left:(pOffset["left"]-iWD)}).html(/*jQuery("this",self).html()*/); //ON DESACTIVE LA RECUPERATION DU CONTENU DE SPAN !!!
			if(oToolTip.is(":animated")==false && !timerInfoBulles)
				timerInfoBulles=setTimeout(function(){timerInfoBulles=false;oToolTip.show().css({opacity:0}).animate({top:iTargetTop,opacity:.8},300)},100);
		}//end tool tip not visible
	},function(){
		//on panel out
		oToolTip.is(":visible") && stopInfoBulles(oToolTip);
	});
}

function stopInfoBulles(oToolTip){
	if(!oToolTip){var oToolTip = jQuery("#tooltip");}
	oToolTip.html("").hide();
	if(timerInfoBulles) {clearTimeout(timerInfoBulles);timerInfoBulles=false;};
}

