[jQuery] Cycle plugin and paging

[Mean Mike]

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