Java scripts conflict on my home page
<pre><code>&lt;script type="text/javascript" src="jquery-1.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="mootools.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="slideshow.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;  
 //&lt;![CDATA[
   window.addEvent('domready', function(){
     var data = {
       '1.jpg': { caption: 'Volcano Asención in Ometepe, Nicaragua.' }, 
       '2.jpg': { caption: 'A Ceibu tree.' }, 
       '3.jpg': { caption: 'The view from Volcano Maderas.' }, 
       '4.jpg': { caption: 'Beer and ice cream.' }
     };
     var myShow = new Slideshow('show', data, {controller: true, height: 400, hu: 'images/', thumbnails: true, width: 500});
   });
 //]]&gt;
&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function()
{
 //slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
 $("#firstpane p.menu_head").click(function()
    {
  $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
        $(this).siblings().css({backgroundImage:"url(left.png)"});
 });
 //slides the element with class "menu_body" when mouse is over the paragraph
 $("#secondpane p.menu_head").mouseover(function()
    {
      $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
         $(this).siblings().css({backgroundImage:"url(left.png)"});
 });
});
&lt;/script&gt;

&lt;!--[if lt IE 7]&gt;
        &lt;script type="text/javascript" src="unitpngfix.js"&gt;&lt;/script&gt;
&lt;![endif]--&gt;
</code></pre>
