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

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


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!