innerfade plugin for multiple slideshows

innerfade plugin for multiple slideshows

Hello
I am using the innerfade plugin to make a simple slideshow, but on one page i want to have three seperate slideshows,each in their own div.
 
But I cant make it work  with more than one slideshow on a page this is the code for one slideshow which works fine
  1. <script type="text/javascript" src="js/jquery.js"></script>
      <script type="text/javascript" src="js/jquery.innerfade.js"></script>
      <script type="text/javascript">
        $(document).ready(
        function(){
         
         
         $('ul#portfolio').innerfade({
          speed: 1000,
          timeout: 5000,
          type: 'sequence',
          containerheight: '350px'
         });
        
         













  2.    });
       </script>
     


and calling the list
  1.   <ul id="portfolio">     
       <li>
        <a href="url here"><img src="images/one.gif" alt="" /></a>
         </li>
       <li>
        <a href="url here"><img src="images/two.gif" alt="" /></a>
         </li>     
       <li>
        <a href="url here"><img src="images/three.gif" alt="" /></a>
         </li>     
       <li>
        <a href="url here"><img src="images/four.gif" alt="" /></a>
         </li>  
          
      </ul>














    2. I tried renaming the id in both places script and html but doesnt work
      can any one help with this please?
      A