Question

I am trying to access the element index during each iteration of this loop.

$('.slide').hide().repeat().each($).fadeIn($).wait(1000, function(){
    //do stuff
}).wait(noHover).fadeOut($);

I tried doing something like:

$('.slide').hide().repeat().each(i, $).fadeIn($).wait(1000, function(){
    alert(i);
}).wait(noHover).fadeOut($);

Clearly I do not understand the right way to do this.

The plugin extension im using:
http://creativecouple.github.com/jquery-timing/examples/pause-cycle-on-hover.html

Heres a fiddle that breaks this down better:
http://jsfiddle.net/zGd8a/

A solution:
http://jsfiddle.net/zGd8a/8/

Answer 1

jsFiddle demo

$('.slide').hide().repeat().each($).fadeIn($).wait(1000, function(){
    var idx = $(this).index();  // here you go!
    $('body').append(idx); //here i need access to index number of element
}).wait(noHover).fadeOut($);