﻿function setFooter() {               
	if (document.getElementById("Content") != null) { 
	
		// displayFooterHeight = height of footer text (25) + desired top padding (25)
		var displayFooterHeight = 25 + 30;
		var footerHeight = document.getElementById("Footer").offsetHeight;		
		
		var bannerHeight = document.getElementById("Banner").offsetTop + 
						   document.getElementById("Banner").offsetHeight;
						   
		var contentHeight = document.getElementById("Content").offsetHeight;
							
		var pageHeight;								
		if (typeof window.innerWidth != 'undefined'){
			pageHeight = window.innerHeight;
		} else if (typeof document.documentElement != 'undefined'
				&& typeof document.documentElement.clientWidth !=
				'undefined' && document.documentElement.clientWidth != 0) {
			pageHeight = document.documentElement.clientHeight;
		} else {
			pageHeight = document.getElementsByTagName('body')[0].clientHeight;
		}
			
		var footerOffset = 0;
		if ((bannerHeight + contentHeight + displayFooterHeight) > pageHeight) { 
			//If the banner goes offscreen			
			footerOffset = (contentHeight + bannerHeight) - (footerHeight - displayFooterHeight);
			if ((contentHeight + displayFooterHeight) < (footerHeight+5)) {
				//Check it doesn't overlap the banner
				footerOffset += footerHeight - (contentHeight + displayFooterHeight) + 5;
			}
		} else { 
			//If the banner needs to sit at the bottom of the page
			footerOffset = pageHeight - footerHeight;
			if ((pageHeight - bannerHeight) < (footerHeight+5)) {
				//Check it doesn't overlap the banner
				footerOffset += footerHeight - (pageHeight - bannerHeight) + 5;
			}
		}
		
		document.getElementById("Footer").style.position = "absolute";
		document.getElementById("Footer").style.top = footerOffset + "px";
	}
}