[SOLUCIONADO] problema con script que muestra imagenes

[pakillo]

Hola tengo un pequeño codigo que muestra 4 imagenes que estan ocualtas cuando se carga la pagina y cuando se mueve el scroll aparecen, el problema es que quiero que haga el efecto de aparecer desde el icio cuando se carga la pagina y no cuando se mueve el scroll, como tendria que hacerlo?

Código HTML:

 var scrollFunction = function () {

    $('.home #about, .inner #about').each(function(){
    var imagePos = $(this).offset().top;

    var topOfWindow = $(window).scrollTop();
      if (imagePos < topOfWindow+400) {
        $('.focus-area.first').addClass("slideUp");

        setTimeout(function(){
            $('.focus-area.second').addClass('slideUp');
        }, 500);

        setTimeout(function(){
            $('.focus-area.third').addClass('slideUp');
        }, 1000);

        setTimeout(function(){
            $('.focus-area.fourth').addClass('slideUp');
        }, 1500);

        setTimeout(function(){
            $('.focus-area.fifth').addClass('slideUp');
        }, 2000);
      }
    });

Saludos

[pakillo]

encontre la solucion, colocando esta linea al final

$(document).ready(scrollFunction);