// JavaScript Document

minval  = 1;
maxval= 4;
stepval = 1;
playing = false;
i=1;

 $(document).ready(function(){


            
            $('#slider').slider({
				animate: true,
                min: 1,
                max: 4,
                step: 1 ,
				stop: function (event, ui) { 
					//alert('Slider value '+$('#slider').slider('value')); 
					clearInterval(interval); 
					handleSliderSlide(); 
				}
            });




	$("#slider2").slider({ animate:true, min: 1 ,  max: 4 ,  step: 1 , stop: function(e, ui) { 
				//alert('Ciao');
				clearInterval(interval);
				handleSliderSlide(); 
            } 
        });
	
//	$("#slider1").easySlider();
//	$("#slider2").easySlider();

	$("#prev").click( function(){
		clearInterval(interval);
		//alert('Prev'+$('#slider').slider('value'));
		i = $('#slider').slider("value");
		if(i==1) return false;
		else i=i-1;
		$('#slider').slider("value", i);
		handleSliderSlide();
		return false;
	});

	$("#succ").click( function(){
		clearInterval(interval);
		i = $('#slider').slider("value");
		if(i==maxval) return false;
		else i=i+1;
		$('#slider').slider("value", i);
		handleSliderSlide();
		return false;
					   
	});

	i = $('#slider').slider('value');
	interval = setInterval(step, 3500);

  });


	function step() {
		if(i==maxval) i=1;
		else i = i + 1;
		$('#slider').slider("value", i);
		handleSliderSlide();
	}


function handleSliderSlide()
{
  $("#content-scroll2").animate({scrollLeft: ($('#slider').slider('value')-1) * 135 });
  $("#content-scroll1").animate({scrollLeft: ($('#slider').slider('value')-1) * 135 });

}