$(document).ready(function() {
		$('.slideshow .buttons li').eq(0).addClass('selected');
		$('.slideshow .buttons li').eq(0).append('<div class="nextTrigger"></div');
		
		var autoTime = 6000; //5s

	    $(".content .slideshow .slideHolder").jCarouselLite({
			btnNext: ".nextTrigger",
			speed: 1000,
			btnGo:
			[
				$('.slideshow .buttons li').eq(0),$('.slideshow .buttons li').eq(1),$('.slideshow .buttons li').eq(2),$('.slideshow .buttons li').eq(3)
			],
			visible: 1,
			beforeStart: function(a) {
			var targetIndex = $(a).index()-1;
			if(targetIndex>3){
					targetIndex = 0;
				}
			$('.slideshow .buttons li').eq(targetIndex).removeClass('selected');
			},
			afterEnd: function(a) {
			var targetIndex = $(a).index()-1;
			if(targetIndex>3){
					targetIndex = 0;
				}
			$('.slideshow .buttons li').eq(targetIndex).toggleClass('selected');
			}
    });
			//simulate autoscroll by simulating "click" on next link
			var x = setInterval("$('.nextTrigger').trigger('click');", autoTime);
			//if slide button items are clicked the autoscroll is stopped
			$('.slideshow .buttons li').click(function() {
				clearInterval(x);
			});
});