// Window load event used just in case window height is dependant upon images
$(window).bind("load", function() { 
		 
		 var footerHeight = 0,
			  footerTop = 0,
			  $footer = $("#footer");
			  
		 positionFooter();
		 
		 function positionFooter() {
		 
					 footerHeight = $footer.height();
					 footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px";
					 
					 /* DEBUGGING STUFF
					 
					 console.log("Document height: ", $(document.body).height());
					 console.log("Window height: ", $(window).height());
					 console.log("Window scroll: ", $(window).scrollTop());
					 console.log("Footer height: ", footerHeight);
					 console.log("Footer top: ", footerTop);
					 console.log("-----------")
					 
					 */
		 
					if ( ($(document.body).height()+footerHeight) < $(window).height()) {
						 $footer.css({
								position: "absolute"
						 }).stop().animate({
								top: footerTop
						 },-1)
					} else {
						 $footer.css({
								position: "static"
						 })
					}
					
		 }

		 $(window)
					.scroll(positionFooter)
					.resize(positionFooter)
					
});