// 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";
                
            
       
               if ( ($(document.body).height()+footerHeight) < $(window).height()) {
				    $footer.css("background-color","#072D43");

                   $footer.css({					   
                        position: "absolute"
                   }).stop().animate({
                        top: footerTop
                   })
               } else {
				   $footer.css("background-color","#072D43");
                   $footer.css({
                        position: "static"
                   }).stop().animate({
                        top: footerTop
                   })
               }
               
       }

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