var common = (function () {
    return {
        init: function () {
            this.event();
        },
        event: function () {
            var _this = this;

            //手机端的菜单按钮动态效果
            var flagA = false;
            $('.header .navBtn').click(function (e) {
                //阻止事件=冒泡
                if (e && e.stopPropagation)
                    e.stopPropagation();
                else {
                    window.event.cancelBubble = true;
                }
                if (flagA == false) {
                    flagA = true;
                    $('.header .navBtn span').eq(0).addClass('active');
                    $('.header .navBtn span').eq(2).addClass('active');
                    $('.header .navBtn span').eq(1).hide();
                    $('.header .menu').addClass("active");

                } else {
                    flagA = false;
                    $('.header .navBtn span').eq(0).removeClass('active');
                    $('.header .navBtn span').eq(2).removeClass('active');
                    $('.header .navBtn span').eq(1).show();
                    $('.header .menu').removeClass("active");
                }
            });
            $("body").on('click', function () {
                flagA = false;
                $('.header .navBtn span').eq(0).removeClass('active');
                $('.header .navBtn span').eq(2).removeClass('active');
                $('.header .navBtn span').eq(1).show();
                $('.header .menu').removeClass("active");
            })


            // 多语言切换
            var flaglang = false;
            $(".language .icon-Language-").on("click", function (e) {
                //阻止事件=冒泡
                if (e && e.stopPropagation)
                    e.stopPropagation();
                else {
                    window.event.cancelBubble = true;
                }

                //语言切换
                if (flaglang == false) {
                    $(".changeBut").slideDown();
                    flaglang = true;
                } else if (flaglang == true) {
                    $(".changeBut").slideUp();
                    flaglang = false;
                }

            });
            $("body").on('click', function () {
                $(".changeBut").slideUp();
                flaglang = false;
            })



            // 高亮显示头部链接
            var iLi = $('ul.menu');
            var winUlr = window.location.href;

            if (winUlr.indexOf("about") != -1) {
                iLi.find("li[name='about']").addClass('active').siblings("li").removeClass("active");
            }
            else if (winUlr.indexOf("honor") != -1) {
                iLi.find("li[name='honor']").addClass('active').siblings("li").removeClass("active");
            }
            else if (winUlr.indexOf("culture") != -1) {
                iLi.find("li[name='culture']").addClass('active').siblings("li").removeClass("active");
            }
            else if (winUlr.indexOf("video") != -1) {
                iLi.find("li[name='video']").addClass('active').siblings("li").removeClass("active");
            }
            else if (winUlr.indexOf("contact") != -1) {
                iLi.find("li[name='contact']").addClass('active').siblings("li").removeClass("active");
            }
            else if (winUlr.indexOf("product") != -1) {
                iLi.find("li[name='product']").addClass('active').siblings("li").removeClass("active");

            } else if (winUlr.indexOf("case") != -1) {
                iLi.find("li[name='case']").addClass('active').siblings("li").removeClass("active");

            } else if (winUlr.indexOf("news") != -1) {
                iLi.find("li[name='news']").addClass('active').siblings("li").removeClass("active");

            } else if (winUlr.indexOf("support") != -1) {
                iLi.find("li[name='support']").addClass('active').siblings("li").removeClass("active");

            } else {
                iLi.find("li[name='index']").addClass('active').siblings("li").removeClass("active");

            }

            

            // 首页banner轮播图
            var Bannerswiper = new Swiper('.banner .swiper-container', {
                loop: true, //循环

                // 自动轮播
                autoplay: {
                    delay: 4000, //轮播延迟
                    stopOnLastSlide: false,
                    disableOnInteraction: false,  //用户操作swiper之后自动切换不会停止
                },

                // 位移切换（默认）
                effect: 'slide',

                //淡入
                // effect: 'fade',

                //方块
                // effect : 'cube',

                //3D流
                // effect : 'coverflow',

                //3D翻转
                // effect : 'flip',

                //分页器
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                },

                //切换箭头按钮
                // navigation: {
                //     nextEl: '.swiper-button-next',
                //     prevEl: '.swiper-button-prev',
                // }
            });


            var swiper_show = new Swiper('.swiper_show .swiper-container',{
                autoplay: {
                  delay: 5000,  
                  disableOnInteraction: false,
                },
                speed: 700,
                allowTouchMove: false,
                lazy: {
                  loadPrevNext: true,
                  loadPrevNextAmount: 3,
                },
                centeredSlides: true,
                spaceBetween : 50,
                slidesOffsetBefore: 40,
                loop: true,
                slidesPerView : 'auto',
                on: {
                  slideChangeTransitionEnd: function(){
                    this.slides.transition(this.params.autoplay.delay+this.params.speed).transform('translate3d(-60px, 0, 0)');
                  },
                  slideChangeTransitionStart: function(){
                    this.slides.transition(this.params.speed).transform('translate3d(0, 0, 0)');
                  },
                },
                pagination: {
                  el: '.swiper-pagination',
                  clickable :true,
                  renderBullet: function (index, className) {
                    return '<div class="' + className + '"><span></span><i></i></div>';
                  },
                },
                navigation: {
                  nextEl: '.swiper-button-next',
                  prevEl: '.swiper-button-prev',
                },
              });
              window.onresize=function(){
                swiper_show.update();
              }


            //新闻资讯
            var newsHome = new Swiper('.newsHome .swiper-container', {
                slidesPerView: 3,
                spaceBetween: 30,
                slidesPerGroup: 1,
                autoplay: {
                    delay: 2500,
                    stopOnLastSlide: false,
                    disableOnInteraction: false,
                },
                breakpoints: {
                    768: {
                        slidesPerView: 1,
                        spaceBetween: 10,
                        slidesPerGroup: 1
                    }

                },
                pagination: {
                    el: '.newsHome .swiper-pagination',
                    clickable: true,
                },
                loop: false,
            });

            // 其他页banner图
            var Bannerswiper2 = new Swiper('#banner .swiper-container', {
                effect: 'fade',
            });

            // 多行溢出隐藏兼容ie和ff
            $(function () {
                var web = _this.getweb();
                if ((web == 'IE') || (web == 'Firefox')) {
                    var multi2 = $('.clamp2');
                    var multi5 = $('.clamp5');
                    var multi3 = $('.clamp3');
                    multi3.css('max-height', '40px');
                    clamps(multi2, 2);
                    clamps(multi5, 6);
                    clamps(multi3, 2);
                }
            })
            function clamps(m, num) {
                for (var i = 0; i < m.length; i++) {
                    $clamp(m[i], { clamp: num })
                }
            }
        },
        getweb: function () {
            if ((!!window.ActiveXObject) || "ActiveXObject" in window) {
                return "IE";
            }
            if (navigator.userAgent.indexOf("Firefox") != -1) {
                return "Firefox";
            }
            if (navigator.userAgent.indexOf("Chrome") != -1) {
                return "Chrome";
            }
            if (navigator.userAgent.indexOf("Safari") != -1) {
                return "Safari";
            }
        }

    }
}())