centrering vid scrollande sida

hej, jag har en popup som behöver centreras även fast min sida
är nerscrollad en bit, nu så dyker den upp vid toppen av sidan
och det är ju inte bra, mitt script ser ut så här

jag kan tillägga att det är skrivet i jQuery, hoppas det inte strulat
till, men DOM borde ju frågas på samma sätt?

många många tack ifall nån har svaret, det borde ju vara en standard
grejj att fastna på...

function centerPopup(){

        var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupContact").height();
	var popupWidth = $("#popupContact").width();

	$("#popupContact").css({
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	
	$("#backgroundPopup").css({
		"height": windowHeight
	});
	
}