$(function(){
    // 发展历程--------------------------------------------------------
    let client_width = $(window).width()
    let fzlc_slide = $('#fzlc-swiper .swiper-wrapper .swiper-slide')
    let fzlc_slide_num = fzlc_slide.length
    var slide_client_num = 4
    if (client_width<990 && client_width>767){
        slide_client_num = 3
    }else if(client_width<767){
        slide_client_num = 1
    }

    // 时间生成
    fzlc_slide.each(function(index){
        let time = $(this).find('h3').text()
        let time_span = ` <div class="fzlc-page-slide"><div><p>`+time+`</p></div></div>`
        $('.fzlc-bottom-box #fzlc-page').append(time_span)
        $('.fzlc-bottom-box #fzlc-page div').eq(0).attr('id','fzlc-page-active')
    })

    // 自动播放
    function next_click() {$('#fzlc-next').click()}
    var fzlc_setInterval = setInterval(function(){
        next_click()
    },2800)

    // 下一个
    $('#fzlc-next').on('click',function(){
        clearInterval(fzlc_setInterval)
        next_fun($('#fzlc-swiper .swiper-wrapper .swiper-slide'),$('#fzlc-active'),'fzlc-active')
        time_active()
        fzlc_setInterval = setInterval(function(){next_click()},2800)
    })

    // 上一个
    $('#fzlc-prev').on('click',function(){
        clearInterval(fzlc_setInterval)
        prev_fun($('#fzlc-swiper .swiper-wrapper .swiper-slide'),$('#fzlc-active'),'fzlc-active')
        time_active()
        fzlc_setInterval = setInterval(function(){next_click()},2800)
    })


    // 滑动
    let fzlc_slide_width = fzlc_slide.outerWidth(true)
    let fzlc_slide_mrg = parseInt(fzlc_slide.css('margin-right').split('px')[0])
    $('.fzlc-switch').on('click',function(){
        let click_id = $(this).attr('id')
        let fzlc_active = $('#fzlc-active')
        let now_active_left = fzlc_active.position().left
        let now_active_index = fzlc_active.index()
        let now_wrap_left = Math.abs($('#fzlc-swiper .swiper-wrapper').position().left)
        if(click_id == 'fzlc-next'){
            if (now_active_index > slide_client_num - 1){
                if (fzlc_slide_num - (now_active_index + 1)<fzlc_slide_num % slide_client_num){
                    let last_left = $('#fzlc-swiper .swiper-wrapper .swiper-slide').eq(fzlc_slide_num - slide_client_num).position().left
                    slide_transform($('#fzlc-swiper .swiper-wrapper'),last_left)
                    slide_transform($('#fzlc-page'),last_left)
                }else if(now_active_left >= now_wrap_left + slide_client_num * fzlc_slide_width - fzlc_slide_mrg){
                    if (now_active_index>fzlc_slide_num-slide_client_num){
                        let last_left = $('#fzlc-swiper .swiper-wrapper .swiper-slide').eq(fzlc_slide_num - slide_client_num).position().left
                        slide_transform($('#fzlc-swiper .swiper-wrapper'),last_left)
                        slide_transform($('#fzlc-page'),last_left)
                    }else {
                        slide_transform($('#fzlc-swiper .swiper-wrapper'),now_active_left)
                        slide_transform($('#fzlc-page'),now_active_left)
                    }
                }
            }else {
                slide_transform($('#fzlc-swiper .swiper-wrapper'),0)
                slide_transform($('#fzlc-page'),0)
            }
        }else if(click_id == 'fzlc-prev'){
            if (fzlc_slide_num - (now_active_index + 1)<slide_client_num){
                let last_left = $('#fzlc-swiper .swiper-wrapper .swiper-slide').eq(fzlc_slide_num - slide_client_num).position().left
                slide_transform($('#fzlc-swiper .swiper-wrapper'),last_left)
                slide_transform($('#fzlc-page'),last_left)
            }else if (now_active_left<now_wrap_left){
                slide_transform($('#fzlc-swiper .swiper-wrapper'),now_active_left)
                slide_transform($('#fzlc-page'),now_active_left)
            }
        }
    })

    function slide_transform(item,left_num){
        item.css('transform','translateX(-'+left_num+'px)')
    }

    function next_fun(element_list,active_element,active_id){
        if (element_list.length>active_element.index()+1){
            element_list.eq(active_element.index()+1).attr('id',active_id).siblings().attr('id','')
        }else {
            element_list.eq(0).attr('id',active_id).siblings().attr('id','')
        }
    }

    function prev_fun(element_list,active_element,active_id){
        if (active_element.index()-1 >= 0){
            element_list.eq(active_element.index()-1).attr('id',active_id).siblings().attr('id','')
        }else {
            element_list.eq(element_list.length-1).attr('id',active_id).siblings().attr('id','')
        }
    }

    function time_active(){
        $('.fzlc-bottom-box #fzlc-page .fzlc-page-slide').eq($('#fzlc-active').index()).attr('id','fzlc-page-active').siblings().attr('id','')
    }


    // 高度一致
    let n = 0
    $('#fzlc-swiper .swiper-wrapper .swiper-slide').each(function(){
        if(n<$(this).height()){
            n=$(this).height()
        }
    })
    $('#fzlc-swiper .swiper-wrapper .swiper-slide').css('height',n + 'px')
})