jQuery(document).ready(function(){
	jQuery('#slot-previews').jcarousel({'vertical': true});
	jQuery('#slot-previews .navigation-elements li:first').addClass('active');
	
	var maxAnzahlSlides = jQuery('.slot').size();
	var i = 2;
	var slideInterval = setInterval(function() {
		if(i > maxAnzahlSlides) {
			showsliderstep(1);
			i = 2;
		} else {
			showsliderstep(i);
			i++;
		}
	}, 10000);
	
	jQuery('#slot-previews .navigation-elements a').click(function(){
		clearInterval(slideInterval);
		jQuery('#slot-previews .navigation-elements li').each(function(){
			jQuery(this).removeClass('active');														
		});
		jQuery(this).parent().addClass('active');
	});
});

function showsliderstep(slideNR){
	var slotWidth = jQuery('#slot-nr-1').outerWidth();
	var finalslideNR = slideNR - 1;
	var finalMargin = finalslideNR * slotWidth;
	
	jQuery('#slot-nr-1').animate({
		'margin-left': '-'+finalMargin+'px'
	}, 0);	
	jQuery('#slot-previews .navigation-elements li').removeClass('active');
	jQuery('#slot-previews .navigation-elements li.jcarousel-item-' + slideNR).addClass('active');
}