HELP! Its not moving (jqFancyTransitions that is)

HELP! Its not moving (jqFancyTransitions that is)

Hi all!

First time posting in the forums... go easy on me please! Ok, so I'm BRAND NEW to jQuery, completly new, and as of right now, feel like a duck drenched in water.. I'm trying to implement this (jq fancy transitions)into one of my sites. I've also tried to integrate this (cj fancy slide show), but am left with the same thing... the pictures don't move! This is where I realized that I am doing something wrong, and I'm missing something fundamental. So here I am:

Here's the live demo of what I'm working on... and here's the code.

  1. <html>
    <head>
    <title>Denise Dawes - Strive Hire - Testing Ground</title>
    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="js/jqFancyTransitions.1.7.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
            $(document).ready(function(){
                    $("#header").jqFancyTransitions({
                            effect: 'curtain',
                            width: 900,
                            height: 300,
                            strips: 20,
                            delay: 4000,
                            stripDelay: 100
                    });
            });
    //]]>
    </script>
    <link href="css/styles.css" rel="stylesheet" type="text/css">
    </head>
    <body>
    <!-- Begin Wrapper -->
    <div id="wrapper">
     
      <!-- Begin Mast -->
      <div id="mast"> This is the Mast </div>
      <!-- End Mast -->
     
      <!-- Begin Header -->
      <div id="header">
          <img src="images/header/header (3).jpg" width="900" height="300"><br />
        <img src="images/header/header (5).jpg" width="900" height="300"><br />
        <img src="images/header/header (2).jpg" width="900" height="300"><br />
        <img src="images/header/header (4).jpg" width="900" height="300"><br />
      </div>
      <!-- End Header -->
     
      <!-- Begin Naviagtion -->
      <div id="menu">
        Home | About Me | For Buyers | For Sellers | Listings | Contact Me
      </div>
      <!-- End Naviagtion -->
     
      <!-- Begin Content -->
      <div id="content">This is the content </div>
      <!-- End Content -->
     
      <!-- Begin Footer -->
      <div id="footer">
          Home | About Me | For Buyers | For Sellers | Listings | Contact Me
      </div>
      <!-- End Footer -->

    </div>
    <!-- End Wrapper -->
    </body>

    </body>
    </html>



























































If you could explain to me what I'm doing wrong, then I'll know where I stand... You can give a girl a fish, or teach her how to fish...

Thanks, and awaiting your reply!

Krystyna Gordon a.k.a ecomqueen a.k.a Eldantel