Sliding panels navigation

Question

Hello,
Got the sliding panels working fine however I am wondering if it is possible to change the navigation slightly.
Currently I am navigation between the pabels using previous and next buttons such as:
<a href="#" onclick="sp1.showNextPanel(); return false;">Next</a>
<a href="#" onclick="sp1.showPreviousPanel(); return false;">Previous</a>
However when you are at either the first panel and click previous or the last panel and next the buttons obviously don't do anything. Is there any code than can be added so that when you are at the first panel and click previous the last panel is navigated to and vise versa on the last.
Here is an example of what I mean:
http://www.panic.com/coda/
Any ideas?

Answer 1

Sure,
You can modify the SlidingPanels showNext and prev methods like this:
Spry.Widget.SlidingPanels.prototype.showPreviousPanel = function()
     var index = this.getContentPanelIndex(this.currentPanel) - 1;
     return this.showPanel(index < 0 ? this.getContentPanels().length -1 : index);
Spry.Widget.SlidingPanels.prototype.showNextPanel = function()
     var index = this.getContentPanelIndex(this.currentPanel) + 1
     return this.showPanel(index >= this.getContentPanels().length ? 0 : index);
And it should work
(either change them in SprySlidingPanels.js file, or just add them in a script block under the SprySlidngPanels script)