Slider conflicting with Mootools

Slider conflicting with Mootools

Hi,
I have never used jquery before but found the cool slider and want to use it on my site. However, the page I want to use it on has a mootools slideshow and there is a conflict with using both. I have found many articles on using "noconflict", but for the life of me I can't get it to work. At the risk of sounding like a complete fool, do I need to replace with some of the script with info from my file? This is what I have:
------------------------------------------------------------------------------------------------
<script type="text/javascript" src="http://www.kitchensource.com/scripts/mootools-1.2.3.js"></script><script type="text/javascript" src="http://www.kitchensource.com/scripts/clientcide-trunk-2.1.0.compressed.js"></script><script type="text/javascript" src="http://www.kitchensource.com/scripts/mootools-1.2.3.1-more.js"></script> 
  <script src="http://www.kitchensource.com/scripts/jquery-1.3.2.min.js" language="javascript" type="text/javascript"></script>
  <script src="http://www.kitchensource.com/scripts/jquery-ui-1.7.1.custom.min.js" language="javascript" type="text/javascript"></script>
  <script src="http://www.kitchensource.com/scripts/slider.js" language="javascript" type="text/javascript"></script>
<script>
     jQuery.noConflict();
     
     // Use jQuery via jQuery(...)
     jQuery(document).ready(function(){
       jQuery('#content-slider').hide();
     });
   </script>
----------------------------------------------------------------------------------------------------
And the slider is:
<div id="content-scroll">
  <div id="content-holder">
    <div class="content-item">
     <img height="140" src="rhoodsab.jpg" width="140" border="0"></div>
    <div class="content-item">
       <img height="140" src="kislandsab.jpg" width="140" border="0"></div>
    <div class="content-item">
       <img height="140" src="cacessoriesab.jpg" width="140" border="0"></div>
    <div class="content-item">
       <img height="140" src="tcansab.jpg" width="140" border="0"></div>
    <div class="content-item">
      <img height="140" src="bathroomab.jpg" width="140" border="0"></div>
<div class="content-item">
    <img height="140" src="main_potrackab.jpg" width="140" border="0"></div>
<div class="content-item">
      <img height="140" src="main_medcabab.jpg" width="140" border="0"></div><div class="content-item">
      <img height="140" src="main_bathsinkab.jpg" width="140" border="0"></div>
</div></div><div id="content-slider"></div>
-------------------------------------------------------------------------------------------------------
Any help would be greatly appreciated! Thanks!