$(function(){

/* scroll */
var $animation_elements = $('.ani');
var $window = $(window);

function check_if_in_view(animotionStart) {
  var window_height = $window.height();
  var window_top_position = $window.scrollTop();
  var window_bottom_position = (window_top_position + window_height);

  $.each($animation_elements, function() {
	var $element = $(this);
	var element_height = $element.outerHeight();
	var element_top_position = $element.offset().top+animotionStart;
	var element_bottom_position = (element_top_position + element_height);
	//console.log(element_top_position);

	//check to see if this current container is within viewport
	if ((element_bottom_position >= window_top_position) &&
	  (element_top_position <= window_bottom_position)) {
	  $element.addClass('in-view');
	} else {
	 //$element.removeClass('in-view');
	}
  });
}

$window.on('scroll resize', function(){
	check_if_in_view(450);
});
$window.trigger('scroll');
});