$(document).ready(function(){
	
	$(window).scroll(function(){ 			   
			var h=$('.inner_container').height();
			var w=$('.inner_container').width();
			var navWidth = $(window).width();
			var navHeight = $(window).height();
			var newTop=(navHeight-h)/2+$(window).scrollTop();
	
			$('.inner_container').stop(true,true).animate({top:newTop});
			
	});
	
	blockBody();
	setSizesAndPositions();
	showBox();
	
	$('.popup_container').click(hideBox);
	$('.panel').click(hideBox);
	
});

function blockBody(){ //$('body').css({overflow:'hidden'});
}
function unblockBody(){ //$('body').css({overflow:'auto'});
}
function setSizesAndPositions(){  

	var bWidth=$('body').width();
	var bHeight=$('body').height();
	var navWidth = $(window).width();
	var navHeight = $(window).height();
	
	
	$('.popup_container').css({height: bHeight, width: bWidth});
	$('.popup_container').css({opacity:0.85})
	
	var h=$('.inner_container').height();
	var w=$('.inner_container').width();
	var newTop=(navHeight-h)/2+$(window).scrollTop();
	var newLeft=(navWidth-w)/2;
	$('.inner_container').css({top: newTop, left: newLeft});
		
}

function showBox(){
	$('.popup_container').fadeIn(1000);
	$('.inner_container').fadeIn(1500);	
}
function hideBox(){
	$('.popup_container').fadeOut(1000,unblockBody);
	$('.inner_container').fadeOut(500);	
}