Best way to organize multiple slideshows on a website?

I am making a website for an architect, where I need to have 1 slideshow per page, for each built project.

What is the most efficient way to set up my Javascript for this purpose? I'm using the same slideshow template for each project, just changing the images and descriptions in the slideshow.

I want to avoid having to duplicate code on the website.

Suggestions?

Well, if you want to do that you just need to change the source.xml for each gallery. You need to write the code for a function that allows you to load the same template/gallery but with a different source xml.

What about multiple Slideshows per page?

When I try it with PanandZoom.js it just stacks the slideshowboxes over the other content... time to start troubleshooting again.

unless you have ideas?

You can add multiple slideshow per page as well as long as you keep the embed code organized in your html file, so that you don't have the same id for each slideshow gallery. Also is up to you to arrange the content and objects in your html file.