jQuery.fn.modal = function(){
	
	return this.each(function() {  
	
		var modalContent = $($(this).attr('href'))
		var mask = $('<div id="mask"></div>')
		var closeButton = $('<a href="#" class="close"></a>')
		
		modalContent.append(closeButton)
		
		function maskResize(){

	        var winH = $(window).height();  
	        var winW = $(window).width();  

	        $(modalContent).css('top',  winH/2-$(modalContent).height()/2);  
	        $(modalContent).css('left', winW/2-$(modalContent).width()/2);  

	        $(mask).css({'width':winW,'height':winH});  

		}
			
		$(this).click(function(){
			
			$('body').append(mask).append(modalContent)

			maskResize()

			$(mask).css({opacity: 0.3}).slideDown('fast')//.fadeTo("fast",0.5);    
			$(modalContent).fadeIn(1000);   
			return false;

		})
		
		$(closeButton).click(function () {  
	        $(modalContent).hide(200, function(){
				$(mask).slideUp(500)
			}); 

	    });           
		
		$(mask).click(function () {  
	        $(modalContent).hide(200, function(){
				$(mask).slideUp(500)
			}); 

	    });           
		
		$(window).bind('resize', function() {
			maskResize()
		})
	 
    });
}