$(document).ready(function() {
	
	// Service Carousel
	//-------------------------------------------------------------

	var autoplayTimer = 9000; //In millisecondi
	var animationSpeed = 400; //In millisecondi
	var leftShift = 330; //Larghezza del visual
	
	//Posiziono i visual uno di fianco all'altro e creo il menu di navigazione
	var carouselNavButtons = '<ul>';
	var shift = 0;
	$('#sc-list li.listed').each(function(index) {
		$(this).css('left', shift);
		shift += leftShift;
		carouselNavButtons += '<li class="navigation"><a href="javascript:void(0)">'+(index+1)+'</a></li>\n';
	});
	carouselNavButtons += '</ul>'
	
	$('#sc-nav').prepend(carouselNavButtons);
	$('#sc-nav ul li.navigation:first').addClass('active');
	
	//Click sul menu di navigazione
	var clickVisual = 1;
	$('#sc-nav ul li.navigation').click(function() {
		$this = $(this);
		$('#sc-nav ul li.navigation').removeClass('active');
		$(this).addClass('active');
		$('#sc-list').animate({ left : (-$this.index()*leftShift)+'px' }, animationSpeed);
		
		// Valorizzo la variabile clickVisual per il timer
		clickVisual = $this.index();
		if (clickVisual == $('#sc-list li.listed').length - 1) {
			clickVisual = 0;
		} else {
			clickVisual++;
		}
	});
	
	var intervalID = setInterval(timer, autoplayTimer);

	function timer() {
		//console.log(clickVisual);
		$('#sc-nav ul li.navigation').eq(clickVisual).click();
	}
//	
//	// Fermo l'autoplay all'hover sul visual
//	$('#season-carousel').hover(function() {
//		//Stop the autoplay
//		clearInterval(intervalID);
//	}, function() {
//		//Start the autoplay
//		intervalID = setInterval(timer, autoplayTimer);
//	});
//	
//	// Fermo l'autoplay all'hover sul menu
//	$('#sc-nav').hover(function() {
//		//Stop the autoplay
//		clearInterval(intervalID);
//	}, function() {
//		//Start the autoplay
//		intervalID = setInterval(timer, autoplayTimer);
//	});

});