function setFooter(offset) 
{
	if(offset == null) offset = 0;
	if (document.getElementById)
	{
		var windowHeight=getWindowHeight();
		if (windowHeight>0) 
		{
			var contentElement=document.getElementById('content');
			var contentHeight=contentElement.offsetHeight;
			var footerElement=document.getElementById('footer');
			var footerHeight=footerElement.offsetHeight;
			var whiteSpace = windowHeight-(contentHeight+footerHeight);
			if ( whiteSpace > 0 ) 
			{
				contentElement.style.position='relative';
				footerElement.style.position='relative';
				var topUnit =whiteSpace / 4;
				var footerTop = Math.floor(topUnit * 3);
				var contentTop = whiteSpace - footerTop;
				contentElement.style.top=(contentTop)+'px';
				//alert(whiteSpace + " " + footerTop + " " + contentTop);
				var x = 10 + offset;
				if(( footerTop - x ) >  0)  { footerTop -=  x; }
				else { footerTop = 0; }
				footerTop += contentTop;
				footerElement.style.top=(footerTop)+'px';
			}
			else 
			{
				contentElement.style.position='static';
				footerElement.style.position='static';
			}
			contentElement.style.visibility="visible";
			footerElement.style.visibility="visible";
		}
	}
}

function getWindowHeight() 
{	
	var windowHeight=0;
	if (typeof(window.innerHeight)=='number') 
	{
		windowHeight=window.innerHeight;
	}	
	else 
	{
		if (document.documentElement && document.documentElement.clientHeight) 
		{
			windowHeight=document.documentElement.clientHeight;
		}
		else 
		{
			if (document.body&&document.body.clientHeight) 
			{
				windowHeight=document.body.clientHeight;
			}
		}
	}
	return windowHeight;
}

window.onload = function() 
{
  setFooter();
}
window.onresize = function() 
{
  setFooter();
}