var status=0;
$(document).ready(function(){

	$('#final').click(function(){
	if (status==0){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $(".pop").height();
	var popupWidth = $(".pop").width();
	$(".back").css({"opacity": "0.8","height": windowHeight});
	$(".back").fadeIn("slow");
		$('.pop').fadeIn('slow');
		$('.pop').css({
			'top': windowHeight/2-popupHeight/2,
			'left': windowWidth/2-popupWidth/2
			});
			status=1;
		}
			
	});
	$('.back').click(function(){
		if (status==1) {
			$(".back").fadeOut("slow");
			$(".pop").fadeOut("slow");
			status=0;
			}
		});
	$('.close_button').click(function(){
		if (status==1){
			$(".back").fadeOut("slow");
			$(".pop").fadeOut("slow");
			status=0;
		}
		});
});
	$(document).keypress(function(e){
		if(e.keyCode==27 && status == 1){
			$('.pop').fadeOut('slow');
			$('.back').fadeOut('slow');
			status=0;
		}
	});