// PARAMETRI
var scroll_duration = 750;

// CODICE
$(document).ready(function() {
    // ANIMAZIONE BOX
    // attivo link
    $('.slider-scroll-left').click(function() {
        doScroll();
    });
    $('.slider-scroll-right').click(function() {
        doScroll(true);
    });
    // leggo e imposto dimensioni html
    var windowWidth = parseInt($('.slider-window').css('width'));
    var boxWidth = parseInt($('.box-slider').width()) + 1;
    var boxCount = $('.box-slider').length;
    $('.slider-boxes').width(boxWidth * boxCount);
    // funzione di animazione
    function doScroll(right) {
        // fermo eventuali animazioni in corso
        $('.slider-boxes').stop();
        // calcolo il primo box corrente
        var curBox = Math.abs(parseInt($('.slider-boxes').css('margin-left'))) / boxWidth;
        // calcolo il nuovo primo box
        var newBox = right ? curBox + 3 : curBox - 3;
        if (newBox + 3 > boxCount || newBox == -3)
            newBox = boxCount - 3;
        if (newBox < 0 || newBox == curBox)
            newBox = 0;
        // calcolo la nuova posizione
        var destPosition = -newBox * boxWidth;
        $('.slider-boxes').animate(
			{
			    marginLeft: destPosition
			},
			{
			    queue: true,
			    duration: scroll_duration,
			    complete: function() {
			        //
			    }
			}
		);
    }
});