/**
 * 
 */
$(function(){
	
	$("a").mouseover(function(){
		
		if($(this).attr("title") == "") return false; //tester si le title est vide
		
		$("body").append('<span class="infobulle"></span>');//ont ajoute notre span a notre body
		
		var bulle= $(".infobulle:last"); //le stock dans une var pour que ca soit simple a appeler
		
		bulle.append($(this).attr("title"));
		$(this).attr("title","");
		//positionnement
		var posTop = $(this).offset().top-$(this).height()-10; // fonction Jquery
		var posLeft= $(this).offset().left+$(this).width()/2-bulle.width()/2+50;
		
		bulle.css({
			
			left:posLeft,
			top:posTop-10,
			opacity:0.5
		});
		
        bulle.animate({
		
			 top:posTop,
			 opacity:0.99
		});//par defaut demi seconde "}1000);" pour que ca devient une seconde
    });
	
	
    $("a").mouseout(function(){
    	var bulle = $(".infobulle:last");
    	//recupere une nouvelle fois le titre
    	$(this).attr("title",bulle.text());
    	 bulle.animate(
    		{
    			
			 top:bulle.offset().top+10,
			 opacity:0
		
	    	 },
	    	 500,
	    	 "linear",
	    	 function(){
			    
				bulle.remove();	
			
			  }
	    );
			
    });
    
    /*concernant les image*/
$(".logo").mouseover(function(){
		
		if($(this).attr("title") == "") return false; //tester si le title est vide
		
		$("body").append('<span class="infobulleImg"></span>');//ont ajoute notre span a notre body
		
		var bulle= $(".infobulleImg:last"); //le stock dans une var pour que ca soit simple a appeler
		
		bulle.append($(this).attr("title"));
		$(this).attr("title","");
		//positionnement
		var posTop = $(this).offset().top-$(this).height()+60; // fonction Jquery
		var posLeft= $(this).offset().left+$(this).width()/2-bulle.width()/2;
		
		bulle.css({
			
			left:posLeft-13,
			top:posTop,
			opacity:0.5
		});
		
        bulle.animate({
		
			 top:posTop,
			 opacity:0.99
		});//par defaut demi seconde "}1000);" pour que ca devient une seconde
    });
	
	
    $(".logo").mouseout(function(){
    	var bulle = $(".infobulleImg:last");
    	//recupere une nouvelle fois le titre
    	$(this).attr("title",bulle.text());
    	 bulle.animate(
    		{
    			
			 top:bulle.offset().top+10,
			 opacity:0
		
	    	 },
	    	 500,
	    	 "linear",
	    	 function(){
			    
				bulle.remove();	
			
			  }
	    );
			
    });
    
});