Как сделать бесконечную прокрутку слайдера? Не получается подогнать под готовые решения... help plz

var slideNow = 1;
var slideCount = $('.slidewrapper').children().length;
var interval = 2000;
var navBtnId = 0;
var translateWidth = 0;
var maxSymbolsTextarea = 150;

$(document).ready(function() {
var switchInterval = setInterval(nextSlide, interval);

$('.viewport').hover(function() {
clearInterval(switchInterval);
}, function() {
switchInterval = setInterval(nextSlide, interval);
});

}
function nextSlide() {
if (slideNow == slideCount || slideNow <= 0 || slideNow > slideCount) {
translateWidth = -$('.viewport').width() * (slideNow);
// $('.slidewrapper').css('transform', 'translate(0, 0)');
// $('.slidewrapper').append($('.slidewrapper').children().first().clone());
// $('.slidewrapper').children().first().remove();

$('#butImg' + slideNow).attr("src","");
slideNow--;
$('#butImg' + slideNow).attr("src","images/Rectangle 2.png");

} else {
translateWidth = -$('.viewport').width() * (slideNow);
// $('.slidewrapper').css({
// 'transform': 'translate(' + translateWidth + 'px, 0)'
// });
// $('.slidewrapper').prepend($('.slidewrapper').children().last().clone());
// $('.slidewrapper').children().last().remove();

$('#butImg' + slideNow).attr("src","");
slideNow++;
$('#butImg' + slideNow).attr("src","images/Rectangle 2.png");
}
}