(function($) {
  
  var DOM = {};
  
  $(function() {
    
    DOM.window = $(window);
    DOM.header = $('#header');
    DOM.nav = DOM.header.children('#nav');
    DOM.main = $('#main');
    DOM.footer = $('#footer');
    DOM.copyright = DOM.footer.children('#copyright');
    
    var
      headerHeight = DOM.header.outerHeight(true),
      mainHeight = DOM.main.outerHeight(true),
      footerHeight = DOM.footer.outerHeight(true);
    
    DOM.window
      .resize(function() {
        if (DOM.window.height() < mainHeight) {
          DOM.footer.css('position', 'relative');
          DOM.main.css('padding', '106px 32px 30px');
        }
        else {
          DOM.footer.css('position', 'fixed');
          DOM.main.css('padding', '106px 32px');
        }
      })
      .trigger('resize');
    
    $('#projects .project, #shop .image').hover(function() {
      $(this).find('img').animate({
        opacity: .7
      }, 150);
    }, function() {
      $(this).find('img').animate({
        opacity: 1
      }, 150);
    });
    
  });
})(window.jQuery);
