localscroll does not scroll

localscroll does not scroll

At the bottom of

http://www.assaultinc.com

I have setup a simple 3 image list that I want to slide when links are clicked. The problem is that when I click on the list items that are internal links localscroll doesn't scroll them, instead they just flash to the new image. As far as I can tell it is setup correctly, and all my other jquery scripts are pulled in just fine and are functioning but I cannot seem to get this working.. (Couldn't get coda slider to cooperate either.

Here's my code

$.localScroll();


That is in the header along with the javascript call

Here is the code for that particular section

<div id="apparelC">

   <div id="apparelNav">
      <ul>

         <li><a href="#deranged">Assault</a></li>
         <li><a href="#lnt2">Lex & Terry</a></li>
         <li><a href="#wjrr">JRR 101one</a></li>      
      </ul>
   </div>

   <div id="apparelContent">
   
      <div class="apparelScroll">   
         
         <ul>

            <li class="sub" id="deranged">
               <img src="/images/assault_deranged.jpg" alt="Deranged T-Shirt" /><br />
               <a href="http://www.assaultshirts.com">Assault t-shirts</a><br />
               <span class="blackbg"><em>Assault's Official line of clothing</em>
               </span>
            </li>
            <li class="sub" id="chainsaw">
               <img src="/images/chainsaw_bunny.jpg" alt="Deranged T-Shirt" /><br />

               <a href="http://www.assaultshirts.com">Assault t-shirts</a><br />
               <span class="blackbg"><em>Assault's Official line of clothing</em>
               </span>
            </li>
            <li class="sub" id="lnt2">
               <img src="/images/lex-and-terry.jpg" alt="Lex &amp; Terry" /><br />
               <a href="http://www.assaultshirts.com">Lex &amp; Terry</a><br />

               <span class="blackbg"><em>Men's and women's t-shirt designs</em>
               </span>
            </li>
            <li class="sub" id="wjrr">
               <img src="/images/wjrr.jpg" alt="Deranged T-Shirt" /><br />
               <a href="http://www.assaultshirts.com">Assault t-shirts</a><br />
               <span class="blackbg"><em>Assault's Official line of clothing</em>

               </span>
            </li>
         </ul>
         
      </div><!--end of apparelScroll-->
   
   </div><!--end of apparelContent-->


</div><!--end of apparelC-->


Am I doing something horribly wrong here with this?

http://assaultinc.com/css/assault.css the css is here[/url]