/*
JS/jQUERY FOR PAGE SCROLL ANIMATIONS
Steve @ Build Your Firm
3/7/2018
*/

// I. ANIMATE PAGE ELEMENTS ON SCROLL
$(function() {
  var $elements = $(".animate-left, .animate-right, .animate-up, .animate-down, .animate-down-left, .animate-down-right, .animate-up-left, .animate-up-right");
  var $window = $(window);

  // 1. function to animate the elements
  function animate() {
    $elements.each(function(i, elem) {
      if ($(this).hasClass('animated'))
      return;
      animateMe($(this));
    });
  }

  // 2. add "animated" class
  function animateMe(elem) {
    var winTop = $(window).scrollTop();
    var winBottom = winTop + $(window).height();
    var elemTop = $(elem).offset().top - 35;
    if ((elemTop <= winBottom) && (elemTop >= winTop)) {
      $(elem).addClass('animated');
    }
  }

  // 3. animate elements visible on page load
  animate();

  // 4. animate elements visible on scroll
  $window.on('scroll', function(e) {
    animate();
  });

});