$(function() {


    var winW = $(window).width(),
        hg = document.documentElement.clientHeight;
    // if (winW > 834) {
    //     $('.kv').css('height', hg);
    // }


    // 20230207
    // $('.con2 .ag-tab .ag-tab-top li').click(function() {
    //     var i = $(this).index();
    //     $(this).addClass('active').siblings().removeClass('active');
    //     $('.con2 .ag-tab .ag-tab-con').eq(i).show().siblings().hide();
    // })

    for (var i = 0; i < $('.all-tab').length; i++) {
        let $tab = $('.all-tab' + i),
            $item = $('.item' + i),
            $tabcon = $('.tab-con' + i);
        $tab.find($item).click(function() {
            var a = $(this).index();
            $(this).addClass('active').siblings().removeClass('active');
            $tabcon.eq(a).show().siblings().hide();
        })
    }

    // $('.all-tab0 .item0').each(function(i) {
    //     $(this).click(function() {
    //         $('.all-tab1 .item1').eq(i).trigger('click');
    //     })
    // })

    // $('.all-tab1 .item1').each(function(i) {
    //     $(this).click(function() {
    //         $('.all-tab0 .item0').eq(i).trigger('click');
    //     })
    // })

    for (var i = 0; i < $('.ag-tab-con').length; i++) {
        let _this = $('.ag-tab-con').eq(i).find('.list').length
        if (_this > 5) {
            $('.ag-tab-con').eq(i).addClass('on');
            $('.ag-tab-con').eq(i).find('.more').show();
        } else {
            $('.ag-tab-con').eq(i).removeClass('on')
            $('.ag-tab-con').eq(i).find('.more').hide();
        }

    }

    for (var i = 0; i < $('.ag-tab-con.on .more').length; i++) {
        let _this = $('.ag-tab-con.on .more').eq(i)
        _this.click(function() {
            $(this).parents('.ag-tab-con').toggleClass('on');
        })
    }

    // setInterval
    var starttime = new Date("2023/03/24");
    setInterval(function() {
        var nowtime = new Date();
        var time = starttime - nowtime;
        var day = parseInt(time / 1000 / 60 / 60 / 24);
        $('.Countdown-con .box p span').html(day)
    }, 0);
    // var nowtime = new Date(),
    //     day = nowtime.getDate(),
    //     day01 = day + 1;
    // alert(day01)


    // var sw = $('.kv-banner .swiper');
    // for (var i = 0; i < sw.find('.swiper-slide').length; i++) {
    //     if (i = 0) {
    //         $('#main .kv-banner .swiper-button-next.swiper-button-disabled,#main .kv-banner .swiper-button-prev.swiper-button-disabled').hide();
    //     }
    // }

    // kvbanner
    var swiper = new Swiper(".mySwiper-kv", {
        slidesPerView: 1,
        lopp: true,
        initialSlide: 0,
        autoplay: {
            delay: 10000,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        },
        pagination: {
            el: ".swiper-paginationv0",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-nextv0",
            prevEl: ".swiper-button-prevv0",
        },
        keyboard: true,
        observer: true,
        observeParents: true,
        // breakpoints: {
        //     850: {
        //         slidesPerView: 3,
        //         slidesPerGroup: 3,
        //         grid: {
        //             rows: 2,
        //         },
        //     },
        // }
    });

    // introduction banner
    var swiper = new Swiper(".mySwiper-intr", {
        slidesPerView: 1,
        pagination: {
            el: ".swiper-paginationv3",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-nextv3",
            prevEl: ".swiper-button-prevv3",
        },
        keyboard: true,
        observer: true,
        observeParents: true,
        // breakpoints: {
        //     850: {
        //         slidesPerView: 3,
        //         slidesPerGroup: 3,
        //         grid: {
        //             rows: 2,
        //         },
        //     },
        // }
        on: {
            slideChange: function() {
                var i = this.activeIndex;
                $('.vdcon video').eq(i).addClass('vd-show').siblings().removeClass('vd-show');
            }
        }
    });
    $('.con1 .section .play').click(function() {
        $('.v-pop').show();
        $('.vdcon video.vd-show').get(0).play();
    })
    $('.v-pop,.v-pop .v-con .cl').click(function(e) {
        e.stopPropagation();
        $('.v-pop').hide();
        $('.vdcon video').trigger('pause');
    })
    $('.pop').click(function(e) {
        e.stopPropagation();
        $('v-pop').show();
    })




    //  Industry Scenarios
    var swiper = new Swiper(".mySwiper", {
        slidesPerView: 1,
        spaceBetween: 40,
        pagination: {
            el: ".swiper-paginationv1",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-nextv1",
            prevEl: ".swiper-button-prevv1",
        },
        keyboard: true,
        observer: true,
        observeParents: true,
        breakpoints: {
            850: {
                slidesPerView: 4,
                spaceBetween: 24,

            },
        }
    });

    var swiper = new Swiper(".mySwiper-01", {
        slidesPerView: 1,
        spaceBetween: 40,
        pagination: {
            el: ".swiper-paginationv1-01",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-nextv1-01",
            prevEl: ".swiper-button-prevv1-01",
        },
        keyboard: true,
        observer: true,
        observeParents: true,
        breakpoints: {
            850: {
                slidesPerView: 4,
                spaceBetween: 24,

            },
        }
    });

    // star products
    var swiper = new Swiper(".mySwiper2", {
        spaceBetween: 20,
        loop: true,
        pagination: {
            el: ".swiper-paginationv2",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-nextv2",
            prevEl: ".swiper-button-prevv2",
        },
        keyboard: true,
        observer: true,
        observeParents: true,
        breakpoints: {
            850: {
                slidesPerView: 3,
                spaceBetween: 24,
                loop: false,

            },
        }
    });

    var swiper = new Swiper(".mySwiper2-01", {

        spaceBetween: 20,
        loop: true,
        pagination: {
            el: ".swiper-paginationv2-01",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-nextv2-01",
            prevEl: ".swiper-button-prevv2-01",
        },
        keyboard: true,
        observer: true,
        observeParents: true,
        breakpoints: {
            850: {
                slidesPerView: 3,
                spaceBetween: 24,
                loop: false,

            },
        }
    });

    // speaker banner
    var swiper = new Swiper(".mySwiper-sp01", {
        slidesPerView: 2,
        // grid: {
        //     rows: 1,
        // },
        spaceBetween: 20,
        pagination: {
            el: ".swiper-paginationv-sp01",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-nextv-sp01",
            prevEl: ".swiper-button-prevv-sp01",
        },
        keyboard: true,
        observer: true,
        observeParents: true,
        breakpoints: {
            850: {
                slidesPerView: 6,
                slidesPerGroup: 6,
                grid: {
                    rows: 2,
                    fill: 'row'
                },
                spaceBetween: 24,
            },
        }
    });

    var swiper = new Swiper(".mySwiper-sp02", {
        slidesPerView: 2,
        // grid: {
        //     rows: 1,
        // },
        spaceBetween: 20,
        pagination: {
            el: ".swiper-paginationv-sp02",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-nextv-sp02",
            prevEl: ".swiper-button-prevv-sp02",
        },
        keyboard: true,
        observer: true,
        observeParents: true,
        breakpoints: {
            850: {
                slidesPerView: 6,
                slidesPerGroup: 6,
                grid: {
                    rows: 2,
                    fill: 'row'
                },
                spaceBetween: 24,
            },
        }
    });

    var swiper = new Swiper(".mySwiper-sp03", {
        slidesPerView: 2,
        // grid: {
        //     rows: 1,
        // },
        spaceBetween: 20,
        pagination: {
            el: ".swiper-paginationv-sp03",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-nextv-sp03",
            prevEl: ".swiper-button-prevv-sp03",
        },
        keyboard: true,
        observer: true,
        observeParents: true,
        breakpoints: {
            850: {
                slidesPerView: 6,
                slidesPerGroup: 6,
                grid: {
                    rows: 2,
                    fill: 'row'
                },
                spaceBetween: 24,
            },
        }
    });

    // see banner
    var swiper = new Swiper(".mySwiper-see01", {
        slidesPerView: 2,
        // grid: {
        //     rows: 3,
        // },
        spaceBetween: 20,
        pagination: {
            el: ".swiper-paginationv-see01",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-nextv-see01",
            prevEl: ".swiper-button-prevv-see01",
        },
        keyboard: true,
        observer: true,
        observeParents: true,
        breakpoints: {
            850: {
                slidesPerView: 4,
                spaceBetween: 30,
            },
        }
    });

    var swiper = new Swiper(".mySwiper-see02", {
        slidesPerView: 2,
        // grid: {
        //     rows: 3,
        // },
        spaceBetween: 20,
        pagination: {
            el: ".swiper-paginationv-see02",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-nextv-see02",
            prevEl: ".swiper-button-prevv-see02 ",
        },
        keyboard: true,
        observer: true,
        observeParents: true,
        breakpoints: {
            850: {
                slidesPerView: 4,
                spaceBetween: 30,
            },
        }
    });

    var swiper = new Swiper(".mySwiper-see03", {
        slidesPerView: 2,
        // grid: {
        //     rows: 3,
        // },
        spaceBetween: 20,
        pagination: {
            el: ".swiper-paginationv-see03",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-nextv-see03",
            prevEl: ".swiper-button-prevv-see03 ",
        },
        keyboard: true,
        observer: true,
        observeParents: true,
        breakpoints: {
            850: {
                slidesPerView: 4,
                spaceBetween: 30,
            },
        }
    });

    var swiper = new Swiper(".mySwiper-see04", {
        slidesPerView: 2,
        // grid: {
        //     rows: 3,
        // },
        spaceBetween: 20,
        pagination: {
            el: ".swiper-paginationv-see04",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-nextv-see04",
            prevEl: ".swiper-button-prevv-see04",
        },
        keyboard: true,
        observer: true,
        observeParents: true,
        breakpoints: {
            850: {
                slidesPerView: 4,
                spaceBetween: 30,
            },
        }
    });
    // if (winW < 1200) {
    //     var maxH = 0;
    //     $(".swiper-con").each(function() {
    //         var itemH = $(this).height();
    //         if (itemH > maxH) {
    //             maxH = itemH;
    //         }
    //     });

    //     $(".swiper-con").height(maxH);
    // }



    // 导航
    $("#mob-menubtn").on("click", function() {
        $('.main-header').addClass('open');
        $('#close-menubtn').show();
        $('#mob-menubtn').hide();
        // $('.nav-new').addClass('active')
        $('body').css('overflow', 'hidden')
        $('.logo img').attr('src', 'https://e.huawei.com/-/mediae/images/events/za/mini-mwc-2024-ug/img/logo_huawei.png');
    })
    $("#close-menubtn").on("click", function() {
        closeMenu()
    })


    //mob端关闭导航
    function closeMenu() {
        // $('.nav-new').removeClass('active')
        $('.main-header').removeClass('open');
        $('#close-menubtn').hide();
        $('#mob-menubtn').show();

        $('body').css('overflow', 'auto')
        $('.logo img').attr('src', 'https://e.huawei.com/-/mediae/images/events/za/mini-mwc-2024-ug/img/logo_huawei.png');
        if ($(".bz-header").hasClass('fix')) {
            $('.logo img').attr('src', 'https://e.huawei.com/-/mediae/images/events/za/mini-mwc-2024-ug/img/logo_huawei.png');
        }

    }

    // 定位导航
    function fixedNav() {

        // 基础对象
        var winW = $(window).width();
        // 对象
        var navObj = $('.bz-header');
        var liObj = navObj.find('.li');
        var boxObj = $('.anchorpoint');

        // 锚点定位，如果链接有带参数，自动触发点击事件
        anchorFun();

        // 点击导航栏按钮事件
        liObj.on('click', function(e) {
            // 阻止时间冒泡
            e.stopPropagation();
            var _this = $(this);

            clickEvent(_this);
        });

        // 滚动页面，导航栏跟着变化事件
        $(window).on("scroll.bz-header", function() {

            // 获取滚动条当前位置
            var scrollTop = $(window).scrollTop();
            // // 显示、隐藏当前导航栏
            if (scrollTop >= 70) {
                navObj.addClass('fix');
                $('.logo img').attr('src', 'https://e.huawei.com/-/mediae/images/events/za/mini-mwc-2024-ug/img/logo_huawei.png');
                if (winW < 992) {
                    $("#mob-menubtn").css('color', '#333')
                }


            } else {
                navObj.removeClass('fix');
                $('.logo img').attr('src', 'https://e.huawei.com/-/mediae/images/events/za/mini-mwc-2024-ug/img/logo_huawei.png');
                if (winW < 992) {
                    $("#mob-menubtn").css('color', '#fff')
                }
            }

            // 获取每个版块的到页面顶部的位置
            var anchorpointArr = [];
            boxObj.each(function() {
                anchorpointArr.push(Math.ceil($(this).offset().top - 80));
            })

            // 获取当前可预览的板块在哪个位置
            var curLightHighIndex = 0;
            for (var i = 0; i < anchorpointArr.length; i++) {
                if (scrollTop >= anchorpointArr[i]) {
                    curLightHighIndex = i;
                    liObj.eq(curLightHighIndex).addClass('active').siblings().removeClass('active');
                } else {
                    curLightHighIndex = i;
                    liObj.eq(curLightHighIndex).removeClass('active')
                }
            }


            // 当前导航栏跟着页面滚动高亮当前按钮
            // liObj.eq(curLightHighIndex).addClass('active').siblings().removeClass('active');

        })

        function clickEvent(obj) {
            if (winW < 992) {
                closeMenu()
            }
            // 获取点击位置
            var li_index = obj.index();
            // 获取位置的top值
            var willScrollTop = Math.ceil(boxObj.eq(li_index).offset().top - 64);
            // console.log(willScrollTop)
            // 执行动画
            $("body,html").stop(true, true).animate({
                "scrollTop": willScrollTop
            }, 300);

            // 高亮当前定位按钮
            // obj.addClass('active').siblings().removeClass('active');

        };


        // 获取链接参数
        function getQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
        }

        // 锚点定位函数
        function anchorFun() {
            var queryStr = getQueryString("section");
            if (queryStr == undefined) return

            // 清除滚动条默认位置
            if ('scrollRestoration' in history) {
                history.scrollRestoration = 'manual';
            }

            liObj.each(function() {
                var _this = $(this);
                if (_this.data('key') == queryStr) {
                    setTimeout(function() {
                        _this.trigger('click');
                    }, 500)
                }
            })
        }


    }

    function init() {
        fixedNav(); // 定位导航
    }
    init();

    // 导航结束

    // top

    var $goTop = $(".top-con .list3");
    $(window).on('scroll', function() {

        var high = $(window).scrollTop();
        var top = $('.main-con').offset().top;
        // alert(high)

        // 三元表达式进行高度判断
        // if (winW > 1200) {
        high >= top ? $goTop.fadeIn(300) : $goTop.fadeOut(500);
        // }
    })

    $goTop.on('click', function() {
        $("html, body").animate({
            scrollTop: 0
        }, 1000);
    })

    // countup
    let flag = true;
    $(window).on('scroll', function() {
        var countUP_top = $('#countup').offset().top - 220,
            high = $(window).scrollTop();
        if (high > countUP_top && flag) {
            countNumber(['num01', 'num02', 'num03', 'num04'])
            flag = false;
        }
        if (high < countUP_top) {
            flag = true;
        }

    })

    function countNumber(elementarray, options) {
        options = Object.assign({}, options, {
            'allTime': 3500,
            'speed': 50
        })
        var allTime = options.allTime,
            speed = options.speed;
        if (elementarray instanceof Array) {
            var oneNumArray = [],
                elementidArray = [],
                countArray = [],
                valueOneArray = [];
            for (var i = 0; i < elementarray.length; i++) {
                var elementid = document.getElementById(elementarray[i]),
                    valueN = elementid.getAttribute('data-value'),
                    valueOne = 0;
                if (valueN instanceof Array) {
                    valueOne = eval(valueN)[0]
                } else {
                    valueOne = valueN
                }
                valueOneArray[i] = valueOne
                oneNumber = Math.floor(valueOne / (allTime / speed)) || 1;
                oneNumArray[i] = oneNumber
                elementidArray[i] = elementid
                countArray[i] = 0
            }
            var datetime = setInterval(function() {
                var countClear = 0
                for (var k = 0; k < elementidArray.length; k++) {
                    countArray[k] += oneNumArray[k]
                    if (countArray[k] >= valueOneArray[k]) {
                        countClear++
                        countArray[k] = valueOneArray[k]
                    }
                    elementidArray[k].innerText = countArray[k];
                }
                if (countClear >= 4) {
                    clearInterval(datetime)
                }
            }, 30)
        }
        if (typeof elementarray === 'string') {
            var e = document.getElementById(elementarray),
                allNum = eval(e.getAttribute('data-value'))[0] ? eval(e.getAttribute('data-value'))[0] : 0,
                oneNumber = Math.floor(allNum / (allTime / speed)),
                count = 0;
            var datetime = setInterval(function() {
                count += oneNumber
                if (count >= allNum) {
                    clearInterval(datetime);
                    count = allNum
                }
                e.innerText = count;
            }, 30)
        }
    }

})