[jQuery] cycle problems

[jQuery] cycle problems


Hi, I can't get jQuery cycle to work and I have no idea why, so I
would really appreciate some help.
my code:
HTML
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//SV"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" dir="ltr"
lang="sv">
<html>
<head>
    <title>CYCLE</title>
    <style type="text/css" media="all">
    @import url(css/cycle.css);</style>
    <script type="text/javascript" src="jquery-1.2.6.js"></script>
    <script type="text/javascript" src="jquery.cycle.all.pack"></script>
    <script type="text/javascript">
            $(document).ready(function(){
                $('#s1').cycle({
                    fx: 'scrollDown'
                });
            });
    </script>
</head>
<body>
<div id="wrapper">
    <div id="s1" class="cycle">
        <img src="images/1.jpg"/>
        <img src="images/2.jpg"/>
        <img src="images/3.jpg"/>
        <img src="images/4.jpg"/>
    </div>
</div>
</body>
</html>
CSS
#cycle {
    height: 253px;
    width: 503px;
    padding: 0;
    margin: 0;
}
#cycle img {
padding: 15px;
border: 1px solid #ccc;
background-color: #eee;
width: 500px;
height: 250px;
top: 0;
left: 0
}
As you can see, it's extremely basic, since I'm just testing the
plugin. But why why can't I get it to work..
Also I get this error message in firebug:
$("#s1").cycle is not a function
(no name)()cycle.html (line 16)
to the wait list jQuery.readyList.push()jquery-1.2.6.js (line 2294)
(no name)()jquery-1.2.6.js (line 2314)
each([function()], function(), undefined)jquery-1.2.6.js (line 745)
ready()jquery-1.2.6.js (line 2313)
[Break on this error] fx: 'scrollDown'
Thanks in advance for any help.