Help! Multiple accordions/javascripts on page. Script stops working

Question

Hi, all
I have an accordion in the leftnav. I would like to add functionality to this accordion, but will put that in a separate discussion.
The ugly problem right now: I added a second accordion to the right sidebar and it is not performing well at all:
http://mayakaimal.com/mayakaimal2/prod-rs-tk.html
I KNOW there must be a plethora of problems with how the js is handled, but don't know enough to fix it. I have added at bottom of the page: useFixedPanelHeights: false.
The panels are simply overlapping.
Any advice greatly appreciated!!
mookie

Answer 1

Bob IS my uncle!
Question:
Can I slim it down even further?
Before:
<!-- InstanceBeginEditable name="leftnav defaultPanel" -->
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: 0 });
</script>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="Accordion2b" -->
<script type="text/javascript">
var Accordion2 = new Spry.Widget.Accordion("Accordion2", { useFixedPanelHeights: false, defaultPanel: -1 });
</script>
<!-- InstanceEndEditable -->
After:
<!-- InstanceBeginEditable-->
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: 0 });
var Accordion2 = new Spry.Widget.Accordion("Accordion2", { useFixedPanelHeights: false, defaultPanel: -1 });
</script>
<!-- InstanceEndEditable -->