/*
Browser detect, need's a little work
*/
var ie;
if (navigator.appVersion.indexOf("MSIE")!=-1) {
	ie = true; 
} else {
	ie = false;
}

/*//On génère l'effet d'infobulle         
if (ie) {
	window.attachEvent("onload", generateInfoBulle, false);
} else {
	window.addEventListener("load", generateInfoBulle, false);
}*/

function generateInfoBulle(){
	var items = new Array();
	items = $ES('div[class=has_info]');   

	items.each(function(el){
		el.addEvent('mouseover', function(e){
		  affBulle(el);
	  });
	});     
}

function affBulle(el){
	//On cache toute les infobulles avant d'en afficher une
	$ES('div[class=infobulle]').each(function(el){
		el.setStyle('display', 'none') ;
	});
  
	//On récupère l'infobulle en question
	var div = el.getElement('div[class=infobulle]')
	var p = div.getElement('p');
	div.setOpacity(0);
	div.setStyle('display', 'block') ;
	
	var el_sizes = el.getSize();
	var p_sizes = p.getSize();

	//var myAppear = new Fx.Style(div, 'opacity');
		__addCloseBulle(div);  
	
	div.setStyles({  
	   top: (el.getTop()-p_sizes['size']['y']-7),
	   //left: (el.getLeft()+(el_sizes['size']['x']/2)-3),
		 left: (el.getLeft()), 
		 'padding-bottom': (p_sizes['size']['y']+7),
		 'background-position': (((el_sizes['size']['x']/2)-7) + 'px 100%')
	});             
	//myAppear.start(0,0.9);//display a transition from transparent to opaque.   
	div.setOpacity(1);
}                  

function __addCloseBulle(el){                
	
	//var myAppear = new Fx.Style(el, 'opacity');
	     
	window.addEvent('click', function(event){
		var event = new Event(event);
		//myAppear.start(0.9,0);    
		el.setStyle('display', 'none');     
		event.stopPropagation();
	});       	
}