Modal abrir no lugar certo

E ia galera tudo bem??

Eu estou criando um site onepage e preciso que quando o usuário role a página até o blog e clique em uma postagem a mesma se abra na janela modal, porém, estou tendo problema com isso, pois o modal abre, porém ele abre la em cima no topo, então o usuário não consegue ver o modal, o código é este:

Javascript:

$(document).ready(function() {

	$('a[name=modal]').click(function(e) {
 e.preventDefault();

 var id = $(this).attr('href');

 var maskHeight = $(document).height();
 var maskWidth = $(window).width();

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

 $('#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) {
 e.preventDefault();

 $('#mask').hide();
 $('.window').hide();
	});

	$('#mask').click(function () {
 $(this).hide();
 $('.window').hide();
	});

});

Eu ja percebi que é esta linha aqui:

$(id).css('top', winH/2-$(id).height()/2);

Alguém sabe como posso fazer para o site pegar o height do lugar onde esta aparecendo na tela??

Valew ;)