.showcase

.showcase

hi! how can i make a showcase jquery slideshow like the second example on this website here?
http://www.recoding.it/wp-content/uploads/demos/showcase-demo.htm

remember the 2º example
i just don't know whats wrong with my code
well this is my code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery.showcase.1.0.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/shCore.js"></script>
    <script type="text/javascript" src="js/shBrushJScript.js"></script>
    <script src="js/shBrushCss.js" type="text/javascript"></script>

<script type="text/javascript">

$(function() {
            $("#btnPaypal").hover(
                function() { $("#thirsty").toggle(); },
                function() { $("#thirsty").toggle(); }
            );
        });
   
        $(function() {
            dp.SyntaxHighlighter.ClipboardSwf = '/js/clipboard.swf';
            dp.SyntaxHighlighter.HighlightAll('code');

$("#showCase1_2").showcase({
   images: [{ url: "img/foto1.jpg",
            description: "Winter sea", link: "#" },
          { url: "img/foto2.jpg",
            description: "Twilight", link: "#" },
          { url: "img/foto3.jpg",
            description: "Wonderland?", link: "#" }],
   width: "600px",
   height: "375px",
   animation: { type: "fade", interval: 3500, speed: 1000 },
   navigator: { item: { width: "64px", height: "48px" },
             showMiniature: true,
             autoHide: true }
});
                   
                   
</script>

and this is inside the body
<div id="content">
   <div style="text-align:left;">
    <div id="showCase1_2" style="margin:auto;">
    </div>
    </div>
   </div>
   </div>


thanks a lot!