$('.infobulle_haut, *[rel=infobulle_haut], .infobulle_droite, *[rel=infobulle_droite], .infobulle_bas, *[rel=infobulle_bas], .infobulle_gauche, *[rel=infobulle_gauche],').hover(
	function () {
		if ($(this).attr('class') == 'infobulle_haut' || $(this).attr('class') == 'infobulle_droite' || $(this).attr('class') == 'infobulle_bas' || $(this).attr('class') == 'infobulle_gauche') {
			direction = this.className;
		}
		if ($(this).attr('rel') == 'infobulle_haut' || $(this).attr('rel') == 'infobulle_droite' || $(this).attr('rel') == 'infobulle_bas' || $(this).attr('rel') == 'infobulle_gauche') {
			direction = $(this).attr('rel');
		}
		direction = direction.replace(/infobulle_/gi, '');
		$('#infobulle').attr('class', direction);
		
		$('#infobulle').show();
		$('#infobulle .contenu').html($(this).attr('title').replace(/\[img\](.*)\[\/img\]/gi, '<img class="smiley" alt="" src="$1" />'));
		$('#infobulle .contenu').html($('#infobulle .contenu').html().replace(/\[b\](.*)\[\/b\]/gi, '<b>$1</b>'));
		$('#infobulle .contenu').html($('#infobulle .contenu').html().replace(/\[i\](.*)\[\/i\]/gi, '<i>$1</i>'));
		
		if (direction == 'haut') {
			css_top = $(this).offset().top - $('#infobulle').height() - 10;
			css_left = $(this).offset().left + (this.offsetWidth / 2) - ($('#infobulle').width() / 2) - 8;
		}
		if (direction == 'droite') {
			css_top = $(this).offset().top + (this.offsetHeight / 2) - ($('#infobulle').height() / 2) - 8;
			css_left = $(this).offset().left + this.offsetWidth - 6;
		}
		if (direction == 'bas') {
			css_top = $(this).offset().top + this.offsetHeight - 6;
			css_left = $(this).offset().left + (this.offsetWidth / 2) - ($('#infobulle').width() / 2) - 8;
		}
		if (direction == 'gauche') {
			css_top = $(this).offset().top + (this.offsetHeight / 2) - ($('#infobulle').height() / 2) - 8;
			css_left = $(this).offset().left - $('#infobulle').width() - 10;
		}
		
		$('#infobulle').css({'top' : css_top + 'px', 'left' : css_left + 'px'});
		$(this).attr('title', '');
	},
	function () {
		$(this).attr('title', $('#infobulle .contenu').html());
		$('#infobulle .contenu').html('');
		$('#infobulle').hide();
		$('#infobulle').css({'top' : '0px', 'left' : '0px'});
	}
);