(function () {
    var carousel_list = document.getElementById('carousel_list');
    var left_arrow = document.getElementById('left_arrow');
    var right_arrow = document.getElementById('right_arrow');
    // 先复制假图
    var clone_img = carousel_list.firstElementChild.cloneNode(true);
    carousel_list.appendChild(clone_img);
    var idx = 0;
    right_arrow.onclick = function () {
        idx++;
        carousel_list.style.transition = 'transform 1s 0s ease';
        if (idx > 4) {
            setTimeout(function () {
                idx = 0;
                carousel_list.style.transform = 'translateX(' + 0 + '%)';
                carousel_list.style.transition = 'none';
            }, 1000);
        }
        carousel_list.style.transform = 'translateX(' + idx * -16.66 + '%)';
    };


    // 左按钮
    left_arrow.onclick = function () {
        idx--;
        if (idx == -1) {
            idx = 5
            carousel_list.style.transform = 'translateX(' + idx * -16.66 + '%)';
            carousel_list.style.transition = 'none';
            setTimeout(function () {
                idx = 4;
                carousel_list.style.transform = 'translateX(' + idx * -16.66 + '%)';
                carousel_list.style.transition = 'transform 1s 0s ease';
            }, 0);
        } else {
            carousel_list.style.transform = 'translateX(' + idx * -16.66 + '%)';
        }
    };
})();       //为了不产生额外的全局变量，而污染全局变量所以，这里使用IIFE