$(document).ready(function(){
	var currentPosition = 0;
	var slideWidth = 900;
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	var NavSel;
	var t;
	var i=0;

	// Remove scrollbar in JS
	$('#slider-contenuto').css('overflow', 'hidden');

	// Wrap all .slides with #slideInner div
	slides
	.wrapAll('<div id="slideInner"></div>')
	// Float left to display horizontally, readjust .slides width
	.css({
		'float' : 'left',
	    'width' : slideWidth
	});

	// Set #slideInner width equal to total width of all slides
	$('#slideInner').css('width', slideWidth * numberOfSlides);

	// Insert left and right arrow controls in the DOM
	/* $('#slider')
		.prepend('<span class="control" id="leftControl">Indietro</span>')
	    .append('<span class="control" id="rightControl">Avanti</span>'); */
	
	// Hide left arrow control on first load
	// manageControls(currentPosition);
	
	// Esegue il ciclo automatico per far scorrere lo slider appena viene richimata la pagina
	ciclaSlider();
	
	// Create event listeners for .controls clicks
	$('.control')
	   .bind('click', function(){
	   // Determine new position
		   clearTimeout(t);
	   		NavSel = $(this).attr('id');
	   		eseguiSliderSel(NavSel);
		   // Hide / show controls
		   // manageControls(currentPosition);
	     
	   	});
	
	  	//moveSliderInner: Muove il SliderInner usando il margin-left
		function moveSliderInner(currentPosition){
			$('#slideInner').animate({
				'marginLeft' : slideWidth*(-currentPosition)
			});
	    }
		function eseguiSliderSel(NavSel){
			$('#slider-1').css({ 'background-image' : 'url(./images/slider-nav-off.png)'});
			$('#slider-2').css({ 'background-image' : 'url(./images/slider-nav-off.png)'});
			$('#slider-3').css({ 'background-image' : 'url(./images/slider-nav-off.png)'});
			switch (NavSel) {
				case 'slider-1':
					currentPosition = 0;
					$('#slider-1').css({ 'background-image' : 'url(./images/slider-nav-on.png)'});
					break;
				case 'slider-2':
					currentPosition = 1;
					$('#slider-2').css({ 'background-image' : 'url(./images/slider-nav-on.png)'});
					break;			  
				case 'slider-3':
					currentPosition = 2;
					$('#slider-3').css({ 'background-image' : 'url(./images/slider-nav-on.png)'});
					break;
			}
			// Move slideInner using margin-left
			moveSliderInner(currentPosition);
	    }
		function ciclaSlider()
		{	i=i+1;
			if (i==2) {
				NavSel = 'slider-2';
				eseguiSliderSel(NavSel);
			}
			if (i==3) {
				NavSel = 'slider-3';
				eseguiSliderSel(NavSel);
			}		
			if (i==4) {
				NavSel = 'slider-1';
				eseguiSliderSel(NavSel);
			}			
			if (i<=4) {
				t=setTimeout(function(){
					ciclaSlider();
				},5000);
			}	
			
		}
		
		// manageControls: Hides and shows controls depending on currentPosition
		/* function manageControls(position){
		// Hide left arrow if position is first slide
			if(position==0){ $('#leftControl').hide() }
			else{ $('#leftControl').show() }
	    	// Hide right arrow if position is last slide
	    	if(position==numberOfSlides-1){ $('#rightControl').hide() }
	    	else{ $('#rightControl').show() }
	    } */		
});