/*-----------------------------------------*/
/*Gère les info-bulle pour les définitions*/
/*----------------------------------------*/

function create_tooltip (id,contenu,lien)
{

	title=$("#"+id).attr("title");/*récupère le contenu de l'attribut title*/
		
	if(lien==undefined)/*si l'attribut lien n'est pas spécifié on va chercher le lien dnas l'attrbitu href de la balise <a></a>*/
		lien='<br/><a href="'+$("#"+id).attr("href")+'" title="'+title+'">Voir la d&eacute;finition compl&egrave;te</a>';
	else
		lien='<br/><a href="'+lien+'" title="'+title+'">Voir la d&eacute;finition compl&egrave;te</a>';
		

	
	$.fn.qtip.styles.info_bulle = /*style de la tooltip (cf style_qtip.css aussi)*/
	{
	   width: 250,
	   background: '#D2E8F3',
	   textAlign: 'justify',
	   color : '#4D4D4D',
	   border: {
		  width: 1,
		  radius: 2,
		  color: '#D2E8F3'
	   },
	   title : {
		   height : 'auto',
		   'text-align' : 'right',
		   background : '#D2E8F3',
		  'border-bottom' : '1px solid black'
	   }
	}
	
	/*Paramètre de l'info bulle (cf la doc du qtip)*/
	$('#'+id).qtip({
				   	content : 	{
									//prerender : true,
									text : contenu+lien,
				   					title : $('#'+id).text()
								},
				   	position : 	{
					   				corner : {target : 'topRight', tooltip : 'bottomLeft'}
				   				},
					show : {delay : 100, effect : {type : 'fade', length : 200}},
					hide : {delay : 100, fixed : true, effect : {type :'fade', length : 200}},
					style : 'info_bulle'
				   });
}