$(document).ready(function()
{
	$(window).resize(function(){
		$('#subnav').height('auto');
		$('#content').height('auto');
		
		var pageHeight = $('#page').height();
		var viewportwidth;
		var viewportheight;

		// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
		if (typeof window.innerWidth != 'undefined')
		{
			viewportwidth = window.innerWidth,
			viewportheight = window.innerHeight
		}
	
		// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
	
		else if (typeof document.documentElement != 'undefined' && 
				 typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0)
		{
			viewportwidth = document.documentElement.clientWidth,
			viewportheight = document.documentElement.clientHeight
		}
		// older versions of IE
		else
		{
			viewportwidth = document.getElementsByTagName('body')[0].clientWidth;
			viewportheight = document.getElementsByTagName('body')[0].clientHeight;
		}
		
		if ( pageHeight < viewportheight )
		{
			var h = viewportheight - (167 + 28 + 78) // header + nav + footer;
			
			$('#subnav').height(h - 20);
			$('#content').height(h - 23);
		}
		else
		{
			var h1 = $('#subnav').height();
			var h2 = $('#content').height();
			
			if ( h1 > h2 )
			{
				$('#subnav').height(h1);
				$('#content').height(h1);
			}
			else
			{
				$('#subnav').height(h2);
				$('#content').height(h2);
			}
		}
	});
	$(window).triggerHandler('resize');
});