function sizeFooter() {
	var viewport = getViewportSize();
	var footer = document.getElementById("tile");
	var container = document.getElementById("container");
	//flush container height
	container.style.height = "";
	//if the container height + footer height is less than the viewport,
	//increase size of container to be (viewport - footer)
	if ((container.offsetHeight + footer.offsetHeight) < viewport.Height) {
		//footer.style.marginTop = (viewport.Height - footerBottom) + "px";
		container.style.height = (viewport.Height - footer.offsetHeight) + "px";
	}
}

//objects for easy storage of multiple pieces of positional data
var ViewportSize = function(height, width) {
	this.Height = height;
	this.Width = width;
};
var ScrollPosition = function(up, side) {
	this.Up = up;
	this.Side = side;
};

//gotta love the different implementations
function getViewportSize() {
	var viewport = new ViewportSize(0,0);
	
	if (typeof window.innerWidth != 'undefined') {
		viewport.Height = window.innerHeight;
		viewport.Width = window.innerWidth;
	} else if (
		typeof document.documentElement != 'undefined' && 
		typeof document.documentElement.clientWidth != 'undefined' && 
		document.documentElement.clientWidth != 0
	) {
		viewport.Height = document.documentElement.clientHeight;
		viewport.Width = document.documentElement.clientWidth;
	} else {
		viewport.Height = document.getElementsByTagName('body')[0].clientHeight;
		viewport.Width = document.getElementsByTagName('body')[0].clientWidth;
	}
	return viewport;
}
