$(document).ready( function() {

	$('a.clickToShowMail').click(function() {
		$("body").append("<div id='popup_overlay'></div>");
		$("body").append('<div id="popup">\
<span style="float:right; margin-right:10px; margin-top:3px;"><a href="#" id="popup_close">Fermer</a></span>\
<div id="popup_content" style="clear:right; padding:10px;"></div>\
</div>');
		$('#popup_overlay').addClass('popup_overlayBG');
		$('#popup').hide();
		$('#popup_content').load('mail.php?id='+($(this).attr('id')),function() { 
		  $('#popup').css({
            top: Math.round($(window).height()/2-$('#popup').height()/2),
		    width: 400,
		    left:Math.round($(window).width()/2-200),
            //display: 'block' // brings the popup back in to view
          });
		  $('#popup').show();
		});
		$('#popup_close').click(function() {
			$('#popup_overlay,#popup').remove();
		});
		return false;
	});
});