I'm trying to build a website which features a couple of building plans of the school I go to with on them the locations of all the available printers.
These plans are all CSS image maps and when you click on a printer a prototip balloon (http://www.nickstakenburg.com/projects/prototip2/) appears containing some info about the printer.
This all goes very well, as you can see on http://www.bkprintplan.nl/site/example.php
Now I want the user to be able to scroll between the different plans using a jquery content slider called Tiny Carousel (http://www.baijs.nl/tinycarousel/).
You can see this working as well on
The problem is, when I combine the 2 pages, the prototip doesnt work anymore. As you can see from the source code of the index.php file, the tiny carousel is loaded in the <head> tags and then activated in a <div> called #slider. This contains an unordered list with the different slides.
How can I get the two scripts to work together? Help would be much appreciated!