Próbuję stworzyć funkcję jQuery, która po kliknięciu ma trwać zawsze... byle zmieniała src obrazka.

[HTML] pobierz, plaintext 
jQuery('#rozpocznij_pokaz').click(function(){
        var ile = jQuery('#ile').val();
 
        jQuery('.pelen_div').fadeIn(300);
 
function zmien_fote(ktory){
 
            if(ktory > ile){
                ktory = 1;
            }
            var hidden = jQuery("#hidden"+ktory).val();
            jQuery('.pelen_img').attr('src',hidden).fadeIn(1000).delay(2000).fadeOut(1000);
 
            zmien_fote(ktory+1);
        }
 
        zmien_fote(1);
});
[HTML] pobierz, plaintext 

Wszystko fajnie, tylko problem z tym, że kod nie "czeka" na wykonanie się poprzedzających go zadań i od razu odpala kolejną edycję funkcji. Próbowałem też takiej wersji:

[HTML] pobierz, plaintext 
jQuery('.pelen_img').attr('src',hidden).fadeIn(1000).delay(2000).fadeOut(1000).zmien_fote(ktory+1);
[HTML] pobierz, plaintext 

Czy ktoś jest w stanie stwierdzić w czym moja logika nie daje rady?
PS. czy to się nazywa funkcją rekurencyjną?

http://api.jquery.com/fadeOut/
jako drugi parametr podajesz callback ktory ma sie wykonac po zakonczeniu animacji. Na przyszlsoc staraj sam sie zagladac do manuala