JS ile ileri geri butonu ekleme

Merhaba arkadaşlar. İstediğim şeyle ilgili biraz araştırma yaptım fakat js ile biraz uzak olduğum için çözüm bulamadım.
Küçük bir thumbnail fotoğraf galerim var. İstediğim şey belkide işi bilen için çok basit.
Gösterim kodu alttaki gibi. Küçük resme tıklayınca büyüyor herşey güzel. Yapmak istediğim alttaki resimdeki gibi. Örneğin 6 adet küçük resim kalsın. 7.yi eklediğim an gizli bir şekilde eklensin ve arrowlarla diğer 6 resmi görebileyim. Template html5dir. Wp vs değildir. Yardım için şimdiden teşekkür eder, iyi forumlar dilerim.
Not: Js dışında istediğimi yapacak bir çözüme de açığım.

Html Kodu aşağıdaki gibidir ;
http://hizliresim.com/b5lOZm

Galeri Görseli aşağıdaki gibidir ;
http://hizliresim.com/ZDLrp3

Biraz daha açıklayıcı olabilir misiniz ?

http://hizliresim.com/ZDLrp3
Linkteki resimde galeri gorseli var hocam. Bu resimde birbirine yapışık 6 küçük resim var. Hemen altında ileri ve geri butonlari var. Galeride 7 ve uzeri resim olunca ileri - geri butonlari ile diğer resimleri gormek istiyorum.
Resim slide lardaki ileri geri arrowlar gibi. Tek farki ben ileri geri tuşuna basınca sonraki 6 resmin kayarak gelmesini istiyorum. ozetle galeri fotograflari 6 adetten sonra ileri geri yapmadikca gorunmesin.Umarım anlatabilmisimdir ilgine teşekkürler.