window.addEvent('domready', function(){
	var infobulles = getInfobulles('.infobulle');
	if(infobulles[0].length){
		$$('body').adopt(new Element('div',{'id':'infobulle', 'styles':{'display':'none', 'position':'absolute'}}));
		setInfobulles(infobulles[0], infobulles[1]);
		$('Wrap').addEvent('mousemove', positionnerInfobulle);
	}
});

function getInfobulles(classe){
	var idsInfobulles = Array();
	var divsInfobulles = Array();
	$$(classe).each(function(el){
		el.setStyle('display','none'); 
		idsInfobulles.push( el.getPrevious().getProperty('id')); 
		divsInfobulles.push(el);
	});
	return Array(idsInfobulles, divsInfobulles);
}

function setInfobulles(ids, divs){
	$$('a').each(function(elA){
		var lhref = elA.getProperty('href');
		if(lhref){
			lhref = lhref.split('#');
			lhref = lhref.getLast();
			var div = false;
			ids.each(function(elId, elNo){
				if(lhref == elId){
					div = divs[elNo];
				}
			})
			
			if(div){
				elA.addClass('lienInfobulle');
				elA.addEvent('click', annulerClick);
				elA.addEvent('mouseover', afficherInfobulle.bindWithEvent(div));
				elA.addEvent('mouseout', cacherInfobulle);
			}
		}
	})
}

function annulerClick(e){
	var e = new Event(e);
	e.stop();
}

function afficherInfobulle(e){
	
	$('infobulle').setHTML(this.getText());
	$('infobulle').setStyle('display','block');
	positionnerInfobulle(e);
}

function cacherInfobulle(){
	$('infobulle').setStyle('display','none');
	$('infobulle').setHTML('');
	
}

function positionnerInfobulle(e){
	if($('infobulle').getStyle('display') != 'none'){
		
		var e = new Event(e);
		
		var oDivContent = $('Wrap');
	
		var mouseX = e.page.x;
		var mouseY = e.page.y;

		
		removeEvent(e);
		
		var tailleInfobulle = $('infobulle').getSize().size;
		
		$('infobulle').setStyles({
			'top': mouseY - tailleInfobulle.y - 8,
			'left': mouseX - (tailleInfobulle.x/2)
		})
		
	}
}