// get window height to facilitate positioning of the footer ;
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;
 }

// this will use the values from getWindowHeight() to properly position the footer ; 
function setFooter() {
 	if (document.getElementById) {
		 var windowHeight=getWindowHeight();
 		if (windowHeight>0) {
 			var contentHeight = document.getElementById('content').offsetHeight;
 			var mastheadHeight = document.getElementById('masthead').offsetHeight;
 			var footerElement = document.getElementById('footer');
 			var footerHeight=footerElement.offsetHeight;
 			if (windowHeight-(contentHeight+footerHeight)>=0) {
 				footerElement.style.position='relative';
 				footerElement.style.top=(windowHeight-(contentHeight+mastheadHeight+footerHeight))+'px';
 			}
 			else {
 				footerElement.style.position='static';
			}
 		}
	}
 }
 
// this will call on the fucntions to position the footer when the page first loads and when the window is resized ;
window.onload = function() {
  setFooter();
}
window.onresize = function() {
  setFooter();
}