两个小图像滑块问题

Question

我想要完成的是从所选幻灯片右侧为所选幻灯片设置动画并隐藏其间的幻灯片，第二个问题是当索引为零时，它会从左侧为幻灯片设置动画有人知道如何从右边开始制作动画 - 当索引为零时，它是列表中的第一个索引，向左为330px jsFiddle

也有人知道如何在选择幻灯片或点击下一张幻灯片后重置我的计时器并在点击一段时间后跳过它跳过如果你看看我的小提琴你会看到我的意思如果你一直点击

$('.stages li a').on('click', function(e) {
    var slide = $('#' + $(this).data('slide'));
    $('.stages li').removeClass('selected');
    $(this).parent().addClass('selected');
    goto_slide(slide);          
});

function goto_slide(slide) {
    var index = $(slide).index();

    var count = index;

    $('.slides ul').animate({'left': '-=' + (item_width * (count - 1))}, 500, function() {
        $('.slides ul li').slice(0, count - 1).each(function() {
            $('.slides ul li:last').after($('.slides ul li:first'));
            $('.slides ul').css('left', '-330px');                      
        })  

    });

    $('#index').text(index);
}