$(document).ready(function() {   
    $('a[name=modal]').click(function(e) {
    e.preventDefault();
    var id = $(this).attr('href');
  
    var maskHeight = $(document).height();
    var maskWidth = $(window).width();
//    $('.window'). height($(document).height() - 200+'px') ;
  
    $('#mask').css({'width':maskWidth,'height':maskHeight});
  
    $('#mask').fadeIn(300); 
    $('#mask').fadeTo("slow",0.5); 
  
    var winH = $(window).height();
    var winW = $(window).width();
  
    //if ($(document).scrollTop() >= 1) sTop =  
    $(id).css('top',  winH/2-$(id).height()/2 + $(document).scrollTop() );
    $(id).css('left', winW/2-$(id).width()/2);
	
  
    $(id).fadeIn(500); 
  
   });
  
    $('.window .close').click(function (e) {
e.preventDefault();
    $('#mask, .window').hide();
    }); 
 
    $('#mask').click(function () {
    $(this).hide();
    $('.window').hide();
    }); 
  
    });