How do I set up Superfish for Wordpress?

How do I set up Superfish for Wordpress?

I'm trying to create my first theme and I'm new to both PHP and jQuery. I have been trying to get Superfish working on Wordpress for too long now. Can someone help?

I have placed a directory called "js" in my theme's folder. jQuery 1.4 is in there with the Superfish, HoverIntent, and CSS files. This is the code...
     
    
      
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. 
      
  2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. 
      
  3. <head profile="http://gmpg.org/xfn/11">
    4. 
      
  4. <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
    5. 
      
  5. <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />    
    6. 
      
  6. <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->
    7. 
      
  7. <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    8. 
      
  8. <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    9. 
      
  9. <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    10. 
      
  10. <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
    11. 
      
  11. <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    12. 
      
  12. <?php wp_get_archives('type=monthly&format=link'); ?>
    13. 
      
  13. <?php //comments_popup_script(); // off by default ?>
    14. 
      
  14. <?php wp_enqueue_script("jquery"); ?>
    15. 
      
  15. <?php wp_head(); ?>
    16. 
      

    17. 
      
  17. <link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo("stylesheet_url"); ?>/js/superfish.css" />
    18. 
      
  18. <script type="text/javascript" src="<?php bloginfo("stylesheet_url"); ?>/js/jquery-1.4.min.js"></script> 
    19. 
      
  19. <script type="text/javascript" src="<?php bloginfo("stylesheet_url"); ?>/js/hoverIntent.js"></script> 
    20. 
      
  20. <script type="text/javascript" src="<?php bloginfo("stylesheet_url"); ?>/js/superfish.js"></script> 
    21. 
      
  21.  
    22. 
      
  22. <script type="text/javascript"> 
    23. 
      
  23.  
    24. 
      
  24.     $(document).ready(function(){ 
    25. 
      
  25.         $("ul.sf-menu").superfish(); 
    26. 
      
  26.     }); 
    27. 
      
  27.  
    28. 
      
  28. </script>
    29. 
      

    30. 
      
  30. </head>
    31. 
      

    32. 
      
  32. <body>
    33. 
      

    34. 
      
  34. <div id="wrapper">
    35. 
      

    36. 
      
  36.     <div id="header">
    37. 
      
  37.     
    38. 
      
  38.         <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
    39. 
      
  39.         
    40. 
      
  40.         <div id="menu">
    41. 
      
  41.         
    42. 
      
  42.             <ul class="sf-menu">
    43. 
      
  43.                 <?php wp_list_pages('title_li=&'); ?>
    44. 
      
  44.             </ul>
    45. 
      
  45.         
    46. 
      
  46.         </div>
    47. 
      
  47.     
    48. 
      
  48.     </div> 
    49.
The only thing that shows up is a list of the Pages without any CSS or fancy menu happening. If anyone can help me I would really appreciate it. I'm pulling my hair out at this point.