$(document).ready(function() {	

		$('#meio').ready(function(e) {
			$('body').css({'overflow':'hidden'});
			var id = '#dialog';
			
			var maskWidth = $(window).width();
			var maskHeight = $(document).height();
			
			$('#mask').css({'width':'100%','height':'100%'});
			$('#mask').fadeIn(1000);	
			$('#mask').fadeTo("slow",0.8);
				
		
			//Get the window height and width
			var winH = $(window).height();
			var winW = $(window).width();
	              
			$(id).css('top',  winH/2-$(id).height()/2);
			$(id).css('left', winW/2-$(id).width()/2);
		
			$(id).fadeIn(2000); 
		
		});
		
		$('.window .close').click(function (e) {
			$('body').css({'overflow':'auto'});
			$('#mask').hide();
			$('.window').hide();
		});		
		
		$('#mask').click(function () {
			$('body').css({'overflow':'auto'});
			$(this).hide();
			$('.window').hide();
		});			
		
});