$(document).ready(function() {
	$("body").append('<div id="mask-modal"></div>');
	
	$('a[name=modal]').click(function(e) {
		e.preventDefault();
		
		var id = $(this).attr('href');
		
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();

		$('#mask-modal').css({'width':maskWidth,'height':maskHeight});

		$('#mask-modal').fadeIn(500);
		$('#mask-modal').fadeTo("slow",0.7);

		var winH = $(window).height();
		var winW = $(window).width();
		var mainH = $("#main").height();
		
		if(id == "#next"){
			$(this).next().css('top',  mainH/2-$(this).next().height()/2);
			$(this).next().css('left', winW/2-$(this).next().width()/2);
			$(this).next().fadeIn(1000);
		}else{
			$(id).css('top',  mainH/2-$(id).height()/2);
			$(id).css('left', winW/2-$(id).width()/2);
			$(id).fadeIn(1000);
		}
	});

	$('.WindowModal .Close').click(function (e) {
		e.preventDefault();
		$('#mask-modal, .WindowModal').hide();
	});

	$('#mask-modal').click(function () {
		$(this).hide();
		$('.WindowModal').hide();
	});
});