$(document).ready(function(){
	displayPopup();
});



function displayPopup()
{
	$('#displayPopup').click(function(){
		
		
		// Calcul de la hauteur
		var hauteur = $('#popup').height();
		var fMarginTop = '-'+(hauteur+20)+'px';
		var vMarginTop = '-'+hauteur+'px';
		
		$('#popup').css({opacity:0,display:'block',marginTop:fMarginTop});
		
		
		$('#popup').animate({
			opacity:1,
			marginTop: vMarginTop
		},200);
		
		return false;
	});
	
	$('#closePopup').live('click',function(){
		
		
		// Calcul de la hauteur
		var hauteur = $('#popup').height();
		var fMarginTop = '-'+(hauteur+20)+'px';
		var vMarginTop = '-'+hauteur+'px';
		
		
		
		$('#popup').animate({
			opacity:0,
			marginTop: fMarginTop
		},200,function(){
			$('#popup').css({opacity:0,display:'none'});
		});
		
		
		return false;
	});
}