var neWslideNow = 1;
var neWslideCount = 7;
var neWslideInterval = 10000;
var neWnavBtnId = 0;
var neWtranslateWidth = 0;

$(document).ready(function() {
    var neWswitchInterval = setInterval(neWnextSlide, neWslideInterval);

    $('.new-slide-nav-btn').eq(0).css('background-color', '#aaa');


    $('#newviewport').hover(function() {
        clearInterval(neWswitchInterval);
    }, function() {
        neWswitchInterval = setInterval(neWnextSlide, neWslideInterval);
    });

    $('#new-next-btn').click(function() {
        neWnextSlide();
    });

    $('#new-prev-btn').click(function() {
        neWprevSlide();
    });

    $('.new-slide-nav-btn').click(function() {
        neWnavBtnId = $(this).index();

       $('.new-slide-nav-btn').css('background-color', '#fff');
       $('.new-slide-nav-btn').eq(neWnavBtnId).css('background-color', '#aaa');
        
        if (neWnavBtnId + 1 != neWslideNow) {
            neWtranslateWidth = -$('#newviewport').width() * (neWnavBtnId);
            $('#newslidewrapper').css({
                'transform': 'translate(' + neWtranslateWidth + 'px, 0)',
                '-webkit-transform': 'translate(' + neWtranslateWidth + 'px, 0)',
                '-ms-transform': 'translate(' + neWtranslateWidth + 'px, 0)',
            });
            neWslideNow = neWnavBtnId + 1;
        }
    });
});


function neWnextSlide() {

   if (neWslideNow == neWslideCount || neWslideNow <= 0 || neWslideNow > neWslideCount) {
        $('#newslidewrapper').css('transform', 'translate(0, 0)');
        neWslideNow = 1;
    } else {
        neWtranslateWidth = -$('#newviewport').width() * (neWslideNow);
        $('#newslidewrapper').css({
            'transform': 'translate(' + neWtranslateWidth + 'px, 0)',
            '-webkit-transform': 'translate(' + neWtranslateWidth + 'px, 0)',
            '-ms-transform': 'translate(' + neWtranslateWidth + 'px, 0)',
        });
        neWslideNow++;
    }

   $('.new-slide-nav-btn').css('background-color', '#fff');
   $('.new-slide-nav-btn').eq(neWslideNow-1).css('background-color', '#aaa');

}

function neWprevSlide() {
  
    if (neWslideNow == 1 || neWslideNow <= 0 || neWslideNow > neWslideCount) {
        neWtranslateWidth = -$('#newviewport').width() * (neWslideCount - 1);
        $('#newslidewrapper').css({
            'transform': 'translate(' + neWtranslateWidth + 'px, 0)',
            '-webkit-transform': 'translate(' + neWtranslateWidth + 'px, 0)',
            '-ms-transform': 'translate(' + neWtranslateWidth + 'px, 0)',
        });
        neWslideNow = neWslideCount;
    } else {
        neWtranslateWidth = -$('#newviewport').width() * (neWslideNow - 2);
        $('#newslidewrapper').css({
            'transform': 'translate(' + neWtranslateWidth + 'px, 0)',
            '-webkit-transform': 'translate(' + neWtranslateWidth + 'px, 0)',
            '-ms-transform': 'translate(' + neWtranslateWidth + 'px, 0)',
        });
        neWslideNow--;
    }

   $('.new-slide-nav-btn').css('background-color', '#fff');
   $('.new-slide-nav-btn').eq(neWslideNow-1).css('background-color', '#aaa');

}