Hello. I'll start off by saying, I know I am doing this quite wrong.

I have my mootools tooltips working on my page however I am trying to add it this slideshow: http://code.google.com/p/slideshow/ on the same page.

I think the problem lies with either attaching a second mootools.js file in a seperate folder (one for the tooltips and one for the slideshow) And I am not sure how to add the two together properly

or the fact that I am calling on the domready function in 2 seperate instances as follows:

Code:
<script type="text/javascript" src="/js/mootools.svn.js"></script>
<script type="text/javascript" src="/js/demo.js"></script>

	<script type="text/javascript" src="banner/mootools.js"></script>
	<script type="text/javascript" src="js/slideshow.js"></script>
    <script type="text/javascript">		
	//<![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: false, height: 300, hu: 'banner/', thumbnails: false, width: 767});
	  });
	//]]>
	</script>

<script type="text/javascript">
		window.addEvent('domready', function(){
			/* Tips 1 */
			var Tips1 = new Tips($$('.Tips1'));
			
		}); 
	</script>
If the answer doesnt lie in this code you can visit my page here: http://www.anzie.com/test6.php

WARNING! it will freeze firefox up for a minute before loading the page

and neither of the two scripts will be working either.


thanks for any help.