Я хотел бы создать простое слайд-шоу javascript, которое позволяет пользователю нажимать «Предыдущий» или «Далее» и перемещать элемент вправо или влево в зависимости от. Контент будет поступать из CMS, поэтому он не является жестко заданным. Моя разметка в идеале должна выглядеть так (где самая последняя запись получает класс 'show'):
<span class="back"><a href="#">Previous slide</a></span>
<span class="next"><a href="#">Next Slide</a></span>
<div id="slideshow">
<div class="client show">
<p>Yada</p>
</div>
<div class="client hide">
<p>Yada</p>
</div>
<div class="client hide">
<p>Yada</p>
</div>
<div class="client hide">
<p>Yada</p>
</div>
</div><!--end slideshow-->
Мне нужно что-то, что автоматически определит порядок и позволит количеству классов .client быть любым. Это кажется очень близким: http://jsbin.com/ekecu, но я не хочу, чтобы он основывался на видимых ссылках для переключения, просто на той же абсолютно предыдущей и следующей кнопках.
Был бы очень признателен за помощь, или если бы вы чувствовали себя особенно щедрым из исходного кода, который я мог бы использовать.