$(document).ready(function() {
	//creation de la boite
	
	var tooltip_box = $('<div id="tooltip_box"><a class="close_tool_tip" style="cursor:pointer; background-color:#323232">&nbsp;Fermer&nbsp;</a><p></p><div class="tooltip_shadow"></div></div>');
	$(tooltip_box).appendTo('body');
	$(tooltip_box).hide();
	
	if($.browser.msie) {
		$(tooltip_box).find('.tooltip_shadow').hide();
	}
	
	//positionnement de la boite
	
	$(tooltip_box).css({
		'position': 'absolute',
		'left': $('#content_left').position().left,
		'width': $('#content_left').width() - parseInt($('#tooltip_box').css('padding-right').replace('px','')) - parseInt($('#tooltip_box').css('padding-left').replace('px','')),
		'margin-left': $('#content_left').width(),
		'z-index': '998'
	});
	
	
	$(tooltip_box).fadeTo(0,0.92);
	
	//gestion des infobulles
	
	var prev_title = null;
	var tooltip_ready = true;
	
	$('span.word').mouseenter(function(e) {
		var el = this;
		$(tooltip_box).find('p').html($(this).attr('title'));
		
		prev_title = $(this).attr('title');
		$(this).attr('title', '');
		
		$(tooltip_box).css({
			'top': $(el).position().top + 20
		});
		
		//alert(tooltip_ready);
		if(tooltip_ready) 
			$(tooltip_box).show().animate({
			marginLeft: '0px'
		},'fast');
	});	
	
	$('span.word').mouseleave(function() {
		tooltip_ready = false;
		/*$(tooltip_box).animate({
			marginLeft: $('#content_left').width()
		},'medium', function() { tooltip_ready = true; $(tooltip_box).hide(); });*/
		$(this).attr('title', prev_title);
	});
	
	$('a.close_tool_tip').mousedown(function() {
		$(tooltip_box).animate({
			marginLeft: $('#content_left').width()
		},'medium', function() { tooltip_ready = true; $(tooltip_box).hide(); });
	});
});