jquery carousel hatası

Aşağıdaki linkte yapmaya çalıştığım kendime göre bir carousel slider yapmak istiyorum ancak sıkıntılarım var. İnternette de kendime yarayacak bir carousel slider bulamadım. Bu yüzden kendim yapmak zorundayım.

Aşağıdaki örnekte ilk açılışta 8 tane sarı dörtgen var. Carousel mantığına uygun olarak siyah çerçeveli dörtgenimin içine 4 adet sarı bir adet kırmızı(Daha anlaşılır olması için) dörtgen koydum. Sayfa açıldığında 120px sola doğru kayıyor. Benim amacım kaydıktan sonra 6. elemanın dörgenin içine gelmesi yani carousel mantığı.

Ben karıştırdıkça işin içinden çıkamaz hale geldim. Yardımlarınızı bekliyorum......

http://jsfiddle.net/rn5vv/6/

Hazır Jquery Carouseller gayet iyidir, neden sıfırdan yapmaya çalışıyorsun.

http://sorgalla.com/jcarousel/ buradaki carousel in gayet basit bir yapısı var.

kullanımı şöyle:

$(document).ready(function() {
	$('#mycarousel').jcarousel();
});

<ul id="mycarousel">
	<li> İçerik </li>
	<li> İçerik </li>
	<li> İçerik </li>
	<li> İçerik </li>
</ul>

Burada kullanmıştım >> www.rntguvenlik.com.tr

Burada altta olan haber ve etkinliklerde aynı carousel

Teşekkür ederim. Bir deneyeceğim