SwipeJS thumbnail position indicator
===

I'm creating a mobile image gallery using SwipeJS(great plugin btw) and i've set up a position indicator using thumbnails from the gallery. So far everything works as I expected it to but I need to find a solution to handle galleries that include more than 5 thumbnails.

The solution i'm looking to put together will show up to 5 thumbnails at a time and when the position indicator slides to the 3rd thumbnail it remains at the 3rd position, then the 1st thumbnail becomes hidden(overflow:hidden;) and the 6th thumbnail slides into view. 

Sorry for the poor explanation but here is an example of what i'm looking to accomplish:
http://coffeescripter.com/code/ad-gallery/#ad-image-3  (Click start to begin the slideshow)

You can see what I have so far here: http://jsfiddle.net/cncpts/54Rx9/3/

What is the best way to approach this additional functionality?