[jQuery] Corresponding indexes with images

Hi there,

I want to construct an imageslider myself but i can't find the right
method to iterate over my array of images.
The array is grabbed from div#images which only contains images.

Roughly the content of my function looks like this:

$(".next").livequery( 'click', function() {

    $( "#images img:first" ).stop().animate({opacity: 0}, 250,
'linear', function() {
        $( "#images img:first" ).hide();
        $( "#images img:last" ).show().css('opacity', 0);
        $( "#images img:last" ).animate({opacity: 1}, 1000, 'linear');
    });
    return false;

})

Of course, this only works if there are only two images in the
containing div, but it's a dynamic amount.
So i'll need to pass their indexes to the function, but how?

Any help would be greatly appreciated!

Thanks,
knal.