$(document).ready(function(){
    var step = 1;
    var div = $(".page__w div").length; //Выбирает все внутренние div в обертке с классом page__w   
    var st = $(".js-step");
    $(".step-length").text(div)
    var marker = function(){
        if(step == div){
            $(".ri").css({
               display: "none" 
            });
        }
        else if(step == 1){
            $(".le").css({
               display: "none" 
            });
        }
        else{
            $(".le, .ri").css({
               display: "inline" 
            });        
        }
    };
    marker();
    $(".ri").click(function(){
        if(step < div){
            $(".page__w").animate({
                left: "-=960px"
            }, 1000);
        }
        step++;
        marker();
        st.text(step);
    });
    $(".le").click(function(){
        if (step > 1){
            $(".page__w").animate({
                left: "+=960px"
            }, 1000);
        }
        step--;
        marker();
        st.text(step);
    });
});