window.addEvent('domready',function(){
	var Secondi=8;// Tempo per fotogramma 
	var item_width = 658; // Larghezza del fotogramma  (inclusi bordi, padding, etc ... se ci sono)
	
	var wrapper = $('wrap'); // Il div esterno
	var carousel = $('carousel'); // il div interno
	var clone = carousel.getFirst().clone().inject(carousel);//Clona il primo li del corousel alla fine dell'ul per l'effetto continuo
	var items = $$('#carousel li');
	var max_margin = items.length * item_width - item_width;
	var periodical;
	// Crea la variabile anomazione
	var animation = new Fx.Tween(carousel, {duration: 1000});

	// Funzione per il tasto avanti
	function next_item(pos){
		if(pos == -max_margin){
			carousel.setStyle('left', 0);
			var newposition = 0 - item_width;
			animation.start('left', newposition);
		} else { 
			var newposition = pos - item_width;
			animation.start('left', newposition);
		}
	}
	
	// Funzone per il tasto indietro
	function previous_item(pos){
		if(pos == 0){
			carousel.setStyle('left', -max_margin);
			var newposition =  -max_margin + item_width;
			animation.start('left', newposition);
		} else { 
			var newposition = pos + item_width;
			animation.start('left', newposition);
		}
	}
	
	// Setta le azioni dei tasti avanti e indietro
	/*$('next').addEvent('click', function(){
		var position = parseInt(carousel.getStyle('left'));
		next_item(position);
	});
	
	$('previous').addEvent('click', function(){
		var position = parseInt(carousel.getStyle('left'));
		previous_item(position);
	});*/
	$$('.pagine').addEvent('click', function(){
		//var position = parseInt(carousel.getStyle('left'));
		var newposition = this.get('id')*item_width;
		animation.start('left', -newposition);
		//this.setStyle('color','#513408');
	});
	
	// Funzione per lo scroll automatico
	var avanti= function(){
		var pos = parseInt(carousel.getStyle('left'));
		if(pos == -max_margin){
			carousel.setStyle('left', 0);
			var newposition = 0 - item_width;
			animation.start('left', newposition);
		} else { 
			var newposition = pos - item_width;
			animation.start('left', newposition);
		}
	}
	
	// Setta le azioni per bloccare il carosello e fallo ripartire al passaggio del mouse
	$('carousel').addEvent('mouseover', function() {
	$clear(periodical);
	});
	$('carousel').addEvent('mouseout', function() {
	periodical=avanti.periodical(Secondi*1000);
	});
	
	// Lancio la funzione di scroll automatico
	periodical=avanti.periodical(Secondi*1000);
});