problema jquery+prototype

[-AA-]

Ho un problema in una pagina che utilizza jquery e prototype per due diferenti cose.

prototype viene usato per un carosello di immagini
quello che uso è:
documentazione http://docs.prototype-ui.com/rc0/Carousel
esempio http://www.prototype-ui.com/

---------------------------------------
il carosello è piazzato in cima alla pagina
---------------------------------------


ho poi aggiunto uno slideshow di X foto (sotto al carosello)
quello che uso è:
http://tutorialzine.com/2009/11/beau...ery-slideshow/

---------------------------------------
il carosello è piazzato in cima alla pagina
---------------------------------------

Succede che se utilizzo lo slideshow il carosello non funziona +

Utilizzando la console di Firefox per il debug vengono segnalati questi errori

Errore: element.dispatchEvent is not a function
File sorgente: http://www.miosito.ee/js/prototype.js
Riga: 3972

Errore: this.element.down is not a function
File sorgente: http://www.miosito.ee/js/carousel.js
Riga: 538

In realtà il carosello, se non "mischiato" con lo slideshow in iquery, funziona bene e senza nessun errore...è quel "mix" che non piace ...
cosa può essere?

[Nerlaleph]

prova a leggere qua:http://docs.jquery.com/Using_jQuery_...ther_Libraries
E' probabile che qualche funzione si incasini usando le due librerie

[-AA-]

Grazie Nerlaleph
Per la risposta

Non riesco però ad applicarla

io ho il seguente ordine nella pagina

<script src="./js/prototype.js" type="text/javascript"></script>
<script src="./js/effects.js" type="text/javascript"></script>
<script src="./js/carousel.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
function runTest() {
	hCarousel = new UI.Carousel("horizontal_carousel");
}
Event.observe(window, "load", runTest);
// ]]>
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="./js/script.js"></script>
<!--[if lte IE 7]>
<style type="text/css">
#gallery ul li{
	display:inline;
	/*float:left;*/
}
</style>
<![endif]-->

e...provando...ho modificato come segue

<script src="./js/prototype.js" type="text/javascript"></script>
<script src="./js/effects.js" type="text/javascript"></script>
<script src="./js/carousel.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
function runTest() {
	hCarousel = new UI.Carousel("horizontal_carousel");
}
Event.observe(window, "load", runTest);
// ]]>
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="./js/script.js"></script>
<!--[if lte IE 7]>


<style type="text/css">
#gallery ul li{
	display:inline;
	/*float:left;*/
}
</style>
<![endif]-->
   <script>
     jQuery.noConflict();
     
     // Put all your code in your document ready area
     jQuery(document).ready(function($){
       // Do jQuery stuff using $
       $("div").hide();
     });
     
     // Use Prototype with $(...), etc.
     $('someid').hide();
   </script>

così facendo funziona il carosello ma non lo slide...