$(document).ready(function(){
	var posizioneCorrente = 0;
	var larghezzaSlide = 770;
	var slidesProd = $('.boxSliderProdotti');
	var numerodiSlides = slidesProd.length;
	var BloccaSlider = false; 

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

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

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

	// Insert left and right arrow controls in the DOM
	 $('#sliderProdotti')
		.prepend('<span class="control" id="leftControl">Indietro</span>')
	    .append('<span class="control" id="rightControl">Avanti</span>')
	 
	// Create event listeners for .controls clicks
	$('.control')
	   .bind('click', function(){
	   // Determine new position
	   	    posizioneCorrente = ($(this).attr('id')=='rightControl') ? posizioneCorrente+1 : posizioneCorrente-1;
	   
	    // Blocca quando si arriva alla fine, o quando si arriva all'inizio dello slide
	    if(posizioneCorrente<0){ 
	    	posizioneCorrente=0; 
		}
	    if(posizioneCorrente>=numerodiSlides){ 
	    	posizioneCorrente=numerodiSlides-1; 
		}	
		moveSliderInner(posizioneCorrente);		
		
		   // Hide / show controls
		   // manageControls(currentPosition);
	     
	   	});
	
	  	//moveSliderInner: Muove il SliderInner usando il margin-left
		function moveSliderInner(currentPosition){
			$('#slideInnerProdotti').animate({
				'marginLeft' : larghezzaSlide*(-posizioneCorrente)				
			});
			
	    }
		// 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() }
	    } */		
});