function showOverlay(){
   	if ($('#overlay').css("display")=="none")
	{
		$('#overlay').css("display","block");
		$('#lost_password').css("display","block");
		$('#overlay').css("width",document.documentElement.scrollWidth);
		$('#overlay').css("height",document.documentElement.scrollHeight);
		$('#lost_password').css("marginTop",document.body.clientHeight / 2 - 150);
	}
	else
	{
		$('#overlay').css("display","none");
		$('#lost_password').css("display","none");
		$('#overlay').css("width",0);
		$('#overlay').css("height",0);
		$('div.popup').css("display","none");
		$('div.extrait').html("");
	}    
}

function show(obj){
    center(obj);
    $(obj).css("display","block");    
}

function center(obj)
{
    var popup = $(obj);
    var height = $(window).height();
    var width = $(document).width();

    popup.css({
        'left' : width/2 - (popup.width() / 2),  // half width - half element width
        'top' : height/2 - (popup.height() / 2)+$(window).scrollTop() // similar
    });

}

function playMovie(){
    showOverlay();
    show('.extrait');
    $("div.extrait").load("http://untroudansletemps.com/views/scripts/extrait.phtml");   
}