cont = 1;

function scrollSx(dimBoxScroll, scrollx, num) {

    var position = $("#BoxScroll").position();
    var xleft = document.getElementById('BoxScroll').style.left;
    xleft = eval(xleft.substr(0, xleft.length - 2));

    if (xleft == undefined) xleft = 0;

    if ((xleft % scrollx == 0) && (xleft != 0)) {
        $("#BoxScroll").animate({ left: (xleft + scrollx) }, 600);
        cont--;
        $('#Numerazione').replaceWith('<span id="Numerazione">'+cont+'</span>');
    }

    if (xleft == 0) {
        $("#BoxScroll").animate({ left: - (scrollx * (num - 1)) }, 1200 );
        cont = num;
        $('#Numerazione').replaceWith('<span id="Numerazione">'+cont+'</span>');
    }

    return false;
}

function scrollDx(dimBoxScroll, scrollx, num) {
    var xleft = document.getElementById('BoxScroll').style.left;
    xleft = xleft.substr(0, xleft.length - 2);

    if ((xleft % scrollx == 0) && xleft > -(dimBoxScroll - scrollx)) {
        $("#BoxScroll").animate({ left: (xleft - scrollx) }, 600);
        cont++;
        $('#Numerazione').replaceWith('<span id="Numerazione">'+cont+'</span>');
    }

    if (xleft == -(dimBoxScroll - scrollx)) {
        $("#BoxScroll").animate({ left: 0 }, 1200 );
        cont = 1;
        $('#Numerazione').replaceWith('<span id="Numerazione">'+cont+'</span>');
    }
    return false;
}