Анимация изображения на JS или как добавить класс при прокрутке
 

Здравствуйте.
Хочу сделать прокрутку изображения при скроллинге страницы. то есть, когда данный блок появляется на экране, изображение как будто бы прокручивается.
Скрипт такой вот есть, но почему-то не работает. Я так понимаю при прокрутке должен присваиваться класс с нужным стилем.

$('.scroll-animate').each(function () {
		var block = $(this);
		$(window).scroll(function() {
			var top = block.offset().top;
			var bottom = block.height()+top;
			top = top - $(window).height();
			var scroll_top = $(this).scrollTop();
			if ((scroll_top > top) && (scroll_top < bottom)) {
				if (!block.hasClass('animate')) {
					block.addClass('animate');
					block.trigger('animateIn');
				}
			} else {
				block.removeClass('animate');
				block.trigger('animateOut');
			}
		});				
	
	});

Подскажите, как добавить класс элементу при его появлении в видимой области экрана?