function initPage()
{
	var mainHeight = document.documentElement.clientHeight;
	if (window.opera)
	{
		mainHeight = document.body.clientHeight;
	}
	if (navigator.appVersion.indexOf("Safari") != -1)
	{
		mainHeight = self.innerHeight;
	}
	
	var middleHolder = document.getElementById("middle");
	var shadeHolder = document.getElementById("shade");
	
	var shadeHeight = shadeHolder.offsetHeight;
	
	// declaring shadeHeight before styling middleHolder
	middleHolder.style.height = "0";
	
	if (shadeHeight < mainHeight - 160) {
		middleHolder.style.height = mainHeight - 160 + "px";
	}
	else
	{
		middleHolder.style.height = shadeHeight + 8 + "px";
	}
}

if (window.addEventListener){
	window.addEventListener("load", initPage, false);
	window.addEventListener("resize", initPage, false);
}
else if (window.attachEvent){
	window.attachEvent("onload", initPage);
	window.attachEvent("onresize", initPage);
}