[jQuery] Cycle Help, please - can't get working

[Wendy]

I've gone through everything I can find with no success in getting
this to run (and tried many functions, and copied/pasted code from
working examples) so I'm sure it's something dumb on my part, but I
sure could use someone pointing it out to me!

Example page: http://www.horseink.com/chdrsg/jQuery-test.html
CSS: http://www.horseink.com/chdrsg/css/content.css
using:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript">
                        $(document).load(function() {
            $('#slides').cycle()({
                fx: 'zoom',
                random: 1,
                pause: 1,
                delay: -1000,
                timeout: 6000,
                next: '#slides'
            });
        });
                </script>
What I (the client, really) want to use in the end is the fade zoom
effect, but as long as I can get something working I can hopefully go
from there.

Sorry for my ignorance, and thanks very much for any help!