/* banner1效果 */
(function($) {
    //默认参数
    var defaluts = {
        box: "box",
        list: "list", //banner-img-list
        buttom: "buttom",
        left_btn: "left_btn", //左按钮
        right_btn: "right_btn", //右按钮
        speed: "speed", // 时间
    };
    $.fn.extend({
        /* 带缩略图的轮播效果 */
        "thumbnailImg": function(options) {
            var opts = $.extend({}, defaluts, options); //使用jQuery.extend 覆盖插件默认参数
            // console.log(opts);
            //遍历匹配元素的集合
            return this.each(function() {
                // console.log(this);
                var nav_num = '';
                var count = $(opts.list).find("li").length;
                $(opts.list).find("li").eq(0).css("display", "block");
                $(opts.list).find("li").each(function() {
                    var index = $(this).index() + 1;
                    nav_num += '<li><a href="javascript:void(0)">' + index + '</a></li>';
                });
                $(opts.buttom).append(nav_num);
                $(opts.buttom).find("li").first().addClass("num_hover");
                $(opts.buttom).find("li").hover(function() {
                    sw = $(opts.buttom).find("li").index(this);
                    myShow(sw);
                });
                $(opts.left_btn).click(function() {
                    clearInterval(myTime);
                    sw -= 1;
                    if (sw == -1) {
                        sw = count - 1;
                    }
                    myShow(sw);
                });
                $(opts.right_btn).click(function() {
                    clearInterval(myTime);
                    sw++;
                    if (sw == count) {
                        sw = 0;
                    }
                    myShow(sw);
                    myTime;
                });

                function myShow(i) {
                    $(opts.buttom).find("li").eq(i).addClass("num_hover").siblings().removeClass("num_hover");
                    $(opts.list).find("li").eq(i).stop(true, true).fadeIn(opts.speed).siblings("li").fadeOut(opts.speed);
                }
                var myTime = 0;
                //滑入停止动画，滑出开始动画
                $(opts.list).hover(function() {
                    if (myTime) {
                        clearInterval(myTime);
                    }
                }, function() {
                    myTime = setInterval(function() {
                        myShow(sw);
                        sw++;
                        if (sw == count) {
                            sw = 0;
                        }
                    }, 3000);
                });
                //自动开始
                var sw = 0;
                myTime = setInterval(function() {
                    myShow(sw);
                    sw++;
                    if (sw == count) {
                        sw = 0;
                    }
                }, 2000);
            });
        }
    });
})(jQuery);


//banner2 - 多图
function bb2() {
    var sWidth = $("#focus").width(); //获取焦点图的宽度（显示面积）
    var len = $("#focus ul li").length; //获取焦点图个数
    var index = 0;
    var picTimer = 0;
    //以下代码添加数字按钮和按钮后的半透明条，还有上一页、下一页两个按钮
    var btn = "<div class='btnBg'></div><div class='btn'>";
    for (var i = 0; i < len; i++) {
        btn += "<span></span>";
    }
    btn += "</div>";
    $("#focus").append(btn);
    $("#focus .btnBg").css("opacity", 0.5);
    $("#focus .btnBg").css("filter", "alpha(opacity=60)");
    //为小按钮添加鼠标滑入事件，以显示相应的内容
    $("#focus .btn span").css("opacity", 0.4).mouseenter(function() {
        index = $("#focus .btn span").index(this);
        showPics(index);
    }).eq(0).trigger("mouseenter");
    //上一页按钮
    $("#focus .pre").click(function() {
        index -= 1;
        if (index == -1) { index = len - 1; }
        showPics(index);
    });
    //下一页按钮
    $("#focus .next").click(function() {
        index += 1;
        if (index == len) { index = 0; }
        showPics(index);
    });
    //本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度
    $("#focus ul").css("width", sWidth * (len));
    //鼠标滑上焦点图时停止自动播放，滑出时开始自动播放
    $("#focus").hover(function() {
        clearInterval(picTimer);
    }, function() {
        picTimer = setInterval(function() {
            showPics(index);
            index++;
            if (index == len) { index = 0; }
        }, 4000); //此4000代表自动播放的间隔，单位：毫秒
    }).trigger("mouseleave");

    //显示图片函数，根据接收的index值显示相应的内容
    function showPics(index) { //普通切换
        var nowLeft = -index * sWidth; //根据index值计算ul元素的left值
        $("#focus ul").stop(true, false).animate({ "left": nowLeft }, 300); //通过animate()调整ul元素滚动到计算出的position
        $("#focus .btn span").stop(true, false).animate({ "opacity": "0.4" }, 300).eq(index).stop(true, false).animate({ "opacity": "1" }, 300); //为当前的按钮切换到选中的效果
    }
}

//多页签
function tabs(tabs, tab_box, _event) {
    $(tab_box).hide();
    $(tab_box).eq(0).show();
    $(tabs).find('li:eq(0)').addClass('cur');
    $(tabs).find("li").bind(_event, function() {
        $(this).addClass("cur").siblings("li").removeClass("cur");
        var _index = $(this).index();
        $(tab_box).eq(_index).show().siblings(tab_box).hide();
    });
};


// tab多页签
(function($) {

    $.fn.tabso = function(options) {

        var opts = $.extend({}, $.fn.tabso.defaults, options);

        return this.each(function(i) {
            var _this = $(this);
            var $menus = _this.children(opts.menuChildSel);
            var $container = $(opts.cntSelect).eq(i);

            if (!$container) return;

            if (opts.tabStyle == "move" || opts.tabStyle == "move-fade" || opts.tabStyle == "move-animate") {
                var step = 0;
                if (opts.direction == "left") {
                    step = $container.children().children(opts.cntChildSel).outerWidth(true);
                } else {
                    step = $container.children().children(opts.cntChildSel).outerHeight(true);
                }
            }

            if (opts.tabStyle == "move-animate") {
                var animateArgu = new Object();
            }

            $menus[opts.tabEvent](function() {
                var index = $menus.index($(this));
                $(this).addClass(opts.onStyle)
                    .siblings().removeClass(opts.onStyle);
                switch (opts.tabStyle) {
                    case "fade":
                        if (!($container.children(opts.cntChildSel).eq(index).is(":animated"))) {
                            $container.children(opts.cntChildSel).eq(index).siblings().css("display", "none")
                                .end().stop(true, true).fadeIn(opts.aniSpeed);
                        }
                        break;
                    case "move":
                        $container.children(opts.cntChildSel).css(opts.direction, -step * index + "px");
                        break;
                    case "move-fade":
                        if ($container.children(opts.cntChildSel).css(opts.direction) == -step * index + "px") break;
                        $container.children(opts.cntChildSel).stop(true).css("opacity", 0).css(opts.direction, -step * index + "px").animate({
                            "opacity": 1
                        }, opts.aniSpeed);
                        break;
                    case "move-animate":
                        animateArgu[opts.direction] = -step * index + "px";
                        $container.children(opts.cntChildSel).stop(true).animate(animateArgu, opts.aniSpeed, opts.aniMethod);
                        break;
                    default:
                        $container.children(opts.cntChildSel).eq(index).css("display", "block")
                            .siblings().css("display", "none");
                }

            });

            $menus.eq(0)[opts.tabEvent]();

        });
    };

    $.fn.tabso.defaults = {
        cntSelect: ".content_wrap",
        tabEvent: "mouseover",
        tabStyle: "normal",
        direction: "top",
        aniMethod: "swing",
        aniSpeed: "fast",
        onStyle: "current",
        menuChildSel: "*",
        cntChildSel: "*"
    };

})(jQuery);






$(function() {
    var width = $(window).width();
    var olIndex;
    var olIndex1;
    var mySwiper = new Swiper('.videoBan', {
        direction: 'horizontal',
        loop: true,
        autoplay: 5000,
        speed: 800,
        paginationClickable: true,
        slidesPerView: 1,
        pagination: '.videoBan .swiper-pagination',
        autoplayDisableOnInteraction: false,
    });
    var newsHeight = $('.caseLeft li').outerHeight(true);
    var caseIndex;

    $('.caseBar li').click(function() {
        olIndex1 = $(this).index();
        $('.caseLeft ul').css('transform', 'translateY(' + -newsHeight * olIndex1 * 2 + 'px)');
        console.log(-newsHeight * olIndex1)
    });
    $('.caseLeft ul li').click(function() {
        caseIndex = $(this).index();
        $(this).addClass('active').siblings().removeClass('active')
        $('.caseRight li').eq(caseIndex).fadeIn('600').siblings().fadeOut('600');
    });
    var mySwiper = new Swiper('.banBar', {
        direction: 'horizontal',
        speed: 800,
        paginationClickable: true,
        slidesPerView: 5,
        spaceBetween: 0,
        autoplayDisableOnInteraction: false,
        breakpoints: {
            //当宽度小于等于320
            768: {
                slidesPerView: 2,
                spaceBetweenSlides: 0
            }
        }
    });
});