Слайдер с перемоткой в двух разных блоках
 

Здравствуйте!

Есть слайдер такого типа! (назовем его "первый слайдер")


<div id="slider-1">
<a class="buttons prev" href="#">Слайд назад</a>
<div class="viewport">
<ul class="overview">
<li><img src="images/picture1.jpg" /></li>
<li><img src="images/picture2.jpg" /></li>
<li><img src="images/picture3.jpg" /></li>
</ul>
</div>
<a class="buttons next" href="#">слайд вперед</a>
</div>


Использую для его реализации вот этот скрипт: http://www.xiper.net/collect/js-plug...ycarousel.html

Так вот, задача состоит в том, что б при перелистывании слайдов в "первом слайдере" , слайды так же листались в блоке <div id="slider-2"> (назовем его "второй слайдер")



<div id="slider-2">
<div class="viewport">
<ul class="overview">
<li><img src="images/picture1.jpg" /></li>
<li><img src="images/picture2.jpg" /></li>
<li><img src="images/picture3.jpg" /></li>
</ul>
</div>
</div>


Подскажите пожалуйста как это реализовать, в JavaScript знания еще не особо. Приведите полезные ссылки, буду благодарен любой полезной информации. СПАСИБО!