[ViRuSreloaded]

Привет уважаемые форумчане.

Есть лендинг из 3-х страниц.

при скролле создается эффект one-page-scroll

ну и я создал скрипт, который в зависимости от текущей страницы присваивает классы элементам для анимации. Вот код:

<script type="text/javascript">
	function init() {
		window.addEventListener('scroll', function(e){

		if ($('body').hasClass('viewing-page-1')) {
			$('.phone').addClass('y0');
			$('.button').addClass('y1');
			$('.logo').addClass('y2');
		} else {
			$('.phone').removeClass('y0');
			$('.button').removeClass('y1');
			$('.logo').removeClass('y2');
		}
		if ($('body').hasClass('viewing-page-2')) {
			$('.left').addClass('gogo');
			$('.right').addClass('gogo');
		} else {
			$('.left').removeClass('gogo');
			$('.right').removeClass('gogo');
		}
		if ($('body').hasClass('viewing-page-3')) {
			$('.iphone').addClass('wtf');
		} else {
			$('.iphone').removeClass('wtf');
		}
		}
		);
	}
    window.onload = init();
</script>

Консоль ошибок не выдает.
При скролле класс body "viewing-page-X" присваивается. Где X это номер страницы от 1 до 3.

Но почему-то ничего не срабатывает.

Если что вот линк на сам проект:

http://test2.stdmed.ru