[jQuery] Cycle plugin and paging

[jQuery] Cycle plugin and paging


Hello all
I am trying to work with the cycle plugin and I'm having a bit of a
problem (what's new?) here is the scenario . I have multiple groups of
images that I want to cycle but I don't want to target them by id I
would rather target them by class however I also would like to use
paging. so I tried this
[code]
    $(document).ready(function(){
        $('.pics')
        .after('<div id="nav>')
        .cycle({
         fx: 'turnDown',
         speed: 'fast',
         timeout: 0,
            pager: ".next()" //this does not work
            //pager: '#nav'
        });
    });
[/code]
[html]
    <div class="pics">
     <img src="images/penguin.jpg" width="200" height="200" />
     <img src="images/lock.gif" width="200" height="200" />
     <img src="images/ecoimpact.jpg" width="200" height="200" />
    </div>
    <div id="test"></div>
    <div class="pics">
     <img src="images/penguin.jpg" width="200" height="200" />
     <img src="images/lock.gif" width="200" height="200" />
     <img src="images/ecoimpact.jpg" width="200" height="200" />
    </div>
[/html]
Does anyone know what I'm doing wrong ?
any help would be greatly appreciated
thanks
Mike