$(function () {
    //滚动元素id，左切换按钮，右切换按钮，切换元素个数id,滚动方式，切换方向，是否自动滚动，滚动距离，滚动时间，滚动间隔，显示个数
    if ($(document.body).width() < 768) {
        LbMove('BoxUl', 'btnl', 'btnr', 'BoxSwitch', true, 'left', true, 445, 1000, 3000, 4);
    } else {
        LbMove('BoxUl', 'btnl', 'btnr', 'BoxSwitch', true, 'left', true, 305, 1000, 3000, 4);
    }
    // 轮播
    function lb() {
        var carouselInner = $("#carouselInner>.item");
        var carouselAllBtn = $("#carouselAllBtn>li");
        var carouselBtnLeft = $("#carouselBtnLeft");
        var carouselBtnRight = $("#carouselBtnRight");
        var index = 0, maxIndex = 7;
        var timing = 3000;
        function lbQd() {
            carouselInner.eq(index).attr("class", "item");
            carouselAllBtn.eq(index).attr("class", "");
            index++;
            if (index == maxIndex + 1) {
                index = 0
            }
            carouselInner.eq(index).attr("class", "item active");
            carouselAllBtn.eq(index).attr("class", "active");
        }
        var timer = setInterval(function () {
            lbQd()
        }, timing)
        carouselBtnLeft.on("click", function () {
            clearInterval(timer);
            carouselInner.eq(index).attr("class", "item");
            carouselAllBtn.eq(index).attr("class", "");
            index--;
            if (index == -1) {
                index = maxIndex;
            }
            carouselInner.eq(index).attr("class", "item active");
            carouselAllBtn.eq(index).attr("class", "active");
            timer = setInterval(function () {
                lbQd()
            }, timing)
        })
        carouselBtnRight.on("click", function () {
            clearInterval(timer);
            lbQd();
            timer = setInterval(function () {
                lbQd()
            }, timing)
        })
        carouselAllBtn.hover(function () {
            clearInterval(timer);
            carouselInner.eq(index).attr("class", "item");
            carouselAllBtn.eq(index).attr("class", "");
            index = $(this).attr("lbto");
            carouselInner.eq(index).attr("class", "item active");
            carouselAllBtn.eq(index).attr("class", "active");
        }, function () {
            timer = setInterval(function () {
                lbQd()
            }, timing)
        });
    }
    lb();

})