Is the Accordion Panel Capable of Holding a Gallery (with multiple pages)?

Question

I'm trying to create a website similar to this: http://www.christianschmidt.com/ using the Accordion Panel. Can the panel's content panel hold javascript? I've tried several types of javascript based galleries and nothing seems to work correctly..
the site I'm working on: www.anhstudio.com/sample
if you have any suggestions on what javascripts I should use/work, let me know - thanks.

Answer 1

I have spent a lot of time on this, mainly because the problems crops up every now and again. Unfortunately it goes above my ancient head and I have only managed to come up with a very partial solution. In the following, I have taken all of the links to JS files and moved them down to the bottom of the document.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="../SpryAssets/SpryAccordion.js"></script>
<script src="../js/jquery.ui.widget.js"></script>
<script src="../SpryAssets/SpryDOMUtils.js"></script>
<script src="../js/jquery.smoothDivScroll-1.1-min.js"></script>
<script>
var nav = new Spry.Widget.Accordion("nav", {defaultPanel: -1});
Spry.$$('.AccordionPanelTab').addEventListener('click',function(){
    Spry.$$(".AccordionPanelOpen").forEach(function() {
        $("div#makeMeScrollable").smoothDivScroll({
            autoScroll: "onstart",
            autoScrollDirection: "backandforth",
            autoScrollStep: 1,
            autoScrollInterval: 12,   
            startAtElementId: "startAtMe",
            visibleHotSpots: "always"
</script>
If you click the first tab first, you will see it working. Alas, if you happen to click any other tab first, it will not work.
HELP ARNOUT KAZEMIER!!!
Apology for the outburst. Getting closer though.
Gramps