onScroll JavaScript não funciona

Gente instalei um efeito para quando o usuário rolar a página a imagem deslizar para a direita nessa página aqui (http://sophiseducacional.com.br/cursos/) só que o efeito acontece mesmo sem rolar a página.

O Java é esse:

<script>
	$(window).scroll(function() {
 $('#animatedElement').each(function(){
 var imagePos = $(this).offset().top;

 var topOfWindow = $(window).scrollTop();
 if (imagePos < topOfWindow+500) {
 $(this).addClass("slideRight");
 }
 });
	});
</script>

Já alterei o topOfWindow pra 80 pra testar o efeito nessa página mencionada só que nada funciona... E creio que o problema é realmente aí, porque o resto funciona perfeitamente...

Tem o css pra manter escondido até o usuário rolar a página também:

<style>
#img {
	visibility: hidden;
}
</style>

O que fazer?