// makes sure the transparent bg is as long as it needs to be.
function heightResize() {

	// THIS IS NOT USED
	// function to put the footer in the right place if the page is too short
	function positionFooter() {
		if ($('html').height() < $(window).height()) {
			$('#footer-bg').offset({
				top: ($(window).height() - $('#footer-bg').height())
			});
		}	
	}

	// function to set the menu background and page to the right heights
	function bgHeights() {
		// take the x-position of the footer, minus the x-position of the page-cont...
		var calcHeight = ($("#footer-bg").offset().top) - ($("#page-cont").offset().top);
	
		// give the calcHeight result to both page-cont and page
		$("#page-cont").height(calcHeight);
		$("#page").height(calcHeight - 50);// minus 50 because of the element's padding
	}


	// call both functions on page load
	//positionFooter();
	bgHeights();

	// THIS IS NOT USED
	// call both functions when window is resized
	$(window).resize(function() {
		//positionFooter();
		//bgHeights();
	});

}