Cycle Plugin - Animate slider to indicate current slide?

Cycle Plugin - Animate slider to indicate current slide?

Hi everybody,

I would like to create a slideshow with a vertical list of the slide
navigation using the Cycle plugin. I would like to smoothly animate a marker up and down to
indicate the current slide. Here's what I have so far:

$('#s1').cycle({
            pager:  '#nav',
            before:  onBefore
        });

        function onBefore() {
                        var pos = $(".activeSlide").next().offset().top; //get position of the element *after* .activeSlide
                        $("#marker").animate({top: pos}); //move marker to this position
        }


This works fine for auto-playing. But once I click to navigate to a
different slide it slides to the wrong slides (not a big surprise
since this function runs *before* the new .activeSlide class has been
assigned)

Any ideas?

Thanks![code]