Conflitto tra librerie Ajax

[stiffa]

Ciao a tutti. Non essendo esperto di ajax.
Sto usando due script. Uno per far ruotare un banner :
http://spaceforaname.com/galleryview

mentre un altro per fare una pop up ingrandita dell'immagine.

http://phatfusion.net/multibox/

Questi due script sono favolosi. . . ma non riesco a farli funzionare entrambi sulla stessa pagina.

Analizziamo il codice del primo :

nell'head :

<link rel="stylesheet" type="text/css" href="banner_rotator/style.css" >
    
<script type="text/javascript" src="banner_rotator/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="banner_rotator/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="banner_rotator/js/jquery-galleryview-1.1/jquery.galleryview-1.1.js"></script>
<script type="text/javascript" src="banner_rotator/js/jquery-galleryview-1.1/jquery.timers-1.1.2.js"></script>


<script type="text/javascript">
    $(document).ready(function(){
        $('#photos').galleryView({
            panel_width: 998,
            panel_height:257,
            frame_width: 100,
            frame_height: 100
            
        });
    });
</script> 

e nel body :

  <div id="photos" class="galleryview" >
       
   <div class="panel">
      [img]banner_rotator/foto/6.jpg[/img] 
      <div class="panel-overlay">
        <h2>Biciclette elettriche</h2>
        

</p>
      </div>
    </div>
    <div class="panel">
      [img]banner_rotator/foto/2.jpg[/img] 
      <div class="panel-overlay">
        <h2>Monopattino elettrico</h2>
        

</p>
      </div>
    </div>
    <div class="panel">
      [img]banner_rotator/foto/3.jpg[/img] 
      <div class="panel-overlay">
        <h2>Scooter elettrici</h2>
        

</p>
      </div>
    </div>
  
    <div class="panel">
      [img]banner_rotator/foto/4.jpg[/img] 
      <div class="panel-overlay">
        <h2>Esposizione logiss</h2>
        

</p>
      </div>
    </div>
     <div class="panel">
      [img]banner_rotator/foto/5.jpg[/img] 
      <div class="panel-overlay">
        <h2>Trasportatore a catena, nastratrici, rulliera per pallet</h2>
        

</p>
      </div>
    </div>
       
    
        <div class="panel">
      [img]banner_rotator/foto/1.jpg[/img] 
      <div class="panel-overlay">
        <h2>Sollevatori manuali, transpallet, carrelli, piattaforme elevatrice</h2>
        

</p>
      </div>
    </div>
    
    
 
    
   
  </div> 

Analizziamo il codice del secondo:

nell'head

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js"></script>
    <script type="text/javascript" src="multiBox/lighter/Lighter.js"></script>
    
    <script type="text/javascript">
        window.addEvent('domready', function(){
            $$('code').light({
                altLines: 'hover',
                path: 'lighter/',
                mode: 'ol',
                fuel: 'js',
                indent: 4
            });
        });
    </script>
    
    
    <link rel="stylesheet" href="multiBox/css/multibox.css" type="text/css" media="screen" />
    <!--[if IE 6]>
    <link rel="stylesheet" href="css/multibox-ie6.css" type="text/css" media="screen" />
    <![endif]-->
    <script type="text/javascript" src="multiBox/js/overlay.js"></script>
    <script type="text/javascript" src="multiBox/js/Assets.js"></script>
    <script type="text/javascript" src="multiBox/js/multibox.js"></script>
    <script type="text/javascript">
    
        window.addEvent('domready', function(){
            var box = new multiBox('mb', {
                overlay: new overlay()
            });

            var advanced = new multiBox('advanced', {
                overlay: new overlay(),
                descClassName: 'advancedDesc'
            });
        });
    
    </script> 

e nel body :

<div id="basic">
                [url="multiBox/img/img_5999.jpg"][img]multiBox/img/timg_5999.jpg[/img][/url]
                [url="multiBox/img/img_6608.jpg"][img]multiBox/img/timg_6608.jpg[/img][/url]
                [url="multiBox/img/img_8054.jpg"][img]multiBox/img/timg_8054.jpg[/img][/url]
            </div> 

Se metto entrambi i codici sulla stessa pagina , la popup ajax non funziona piu. Il banner funziona mentre la popup si presenta come apertura classica target="_blank" di un link.

Procedendo in maniera empirica.... ho provato a togliere questa riga :

<script type="text/javascript" src="banner_rotator/js/jquery-1.3.2.min.js"></script> 

e ho notato che la popup(multibox) ha ripreso a funzionare....e chiaramente il banner ha smesso.

Non sapendo piu dove metter le mani ...invoco il vostro aiuto. come posso ovviare a cio' e usare entrambi gli script?

ciao e grazie