function jQModal(id, showMask){
	//Get the screen height and width
	var maskHeight = $(document).height();
	var maskWidth = $(window).width();

	//Set heigth and width to mask to fill up the whole screen
	$('#mask').css({'width':maskWidth,'height':maskHeight});
	
	if(showMask){
		//transition effect		
		$('#mask').fadeIn(800);	
		$('#mask').fadeTo("slow",0.7);
	}		

	//Get the window height and width
	var winH = $(window).height();
	var winW = $(window).width();
          
	//Set the popup window to center
	$(id).css('top',  winH/2-$(id).height()/2);
	$(id).css('left', winW/2-$(id).width()/2);

	//transition effect
	$(id).fadeIn(2000);
}

function closeModal(){
	$('#mask').fadeOut(1000);
	$('.window').fadeOut(500);
}

$(document).ready(function() {
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		
		$('#mask').fadeOut(1000);
		$('.window').fadeOut(500);
	});		
	
	//if mask is clicked
	$('#mask').click(function () {
		$(this).fadeOut(1000);
		$('.window').fadeOut(500);
	});			
	
});