//集团 tab 切换
var mySwiper2 = new Swiper('#swiper-tab3',{
    watchSlidesProgress : true,
    watchSlidesVisibility : true,
    slidesPerView : 3,//将tabs块儿平均分成几份

    /*点击了上面的滑块时，下面的内容区也跟着变化  若去掉后，拖动下面上面可继续移动*/
    onTap: function(){
        mySwiper3.slideTo( mySwiper2.clickedIndex)
    }



});
var mySwiper3 = new Swiper('#swiper-con3',{

    onSlideChangeStart: function(){
        updateNavPosition3()
    }

});
function updateNavPosition3(){
//默认哪一块是被选中的状态
    $('#swiper-tab3 .active-nav').removeClass('active-nav')
    var activeNav = $('#swiper-tab3 .swiper-slide').eq(mySwiper3.activeIndex).addClass('active-nav');


    if (!activeNav.hasClass('swiper-slide-visible')) {
        console.log(1);
        if (activeNav.index()>mySwiper2.activeIndex) {
            console.log(2);
            var thumbsPerNav = Math.floor(mySwiper2.width/activeNav.width())-1
            mySwiper2.slideTo(activeNav.index()-thumbsPerNav)
        }
        else {
            console.log(3);
            mySwiper2.slideTo(activeNav.index())
        }
    }
};

//车场 tab 切换
var mySwiper4 = new Swiper('#swiper-tab4',{
    watchSlidesProgress : true,
    watchSlidesVisibility : true,
    slidesPerView : 3,//将tabs块儿平均分成几份

    /*点击了上面的滑块时，下面的内容区也跟着变化  若去掉后，拖动下面上面可继续移动*/
    onTap: function(){
        mySwiper5.slideTo( mySwiper4.clickedIndex)
    }



});
var mySwiper5 = new Swiper('#swiper-con4',{

    onSlideChangeStart: function(){
        updateNavPosition4()
    }

});
function updateNavPosition4(){
//默认哪一块是被选中的状态
    $('#swiper-tab4 .active-nav').removeClass('active-nav')
    var activeNav = $('#swiper-tab4 .swiper-slide').eq(mySwiper5.activeIndex).addClass('active-nav');


    if (!activeNav.hasClass('swiper-slide-visible')) {
        if (activeNav.index()>mySwiper4.activeIndex) {
            var thumbsPerNav = Math.floor(mySwiper4.width/activeNav.width())-1
            mySwiper4.slideTo(activeNav.index()-thumbsPerNav)
        }
        else {
            mySwiper4.slideTo(activeNav.index())
        }
    }
};


//车主 tab 切换
var mySwiper6 = new Swiper('#swiper-tab5',{
    watchSlidesProgress : true,
    watchSlidesVisibility : true,
    slidesPerView : 3,//将tabs块儿平均分成几份

    /*点击了上面的滑块时，下面的内容区也跟着变化  若去掉后，拖动下面上面可继续移动*/
    onTap: function(){
        mySwiper7.slideTo( mySwiper6.clickedIndex)
    }



});
var mySwiper7 = new Swiper('#swiper-con5',{

    onSlideChangeStart: function(){
        updateNavPosition5()
    }

});
function updateNavPosition5(){
//默认哪一块是被选中的状态
    $('#swiper-tab5 .active-nav').removeClass('active-nav')
    var activeNav = $('#swiper-tab5 .swiper-slide').eq(mySwiper7.activeIndex).addClass('active-nav');


    if (!activeNav.hasClass('swiper-slide-visible')) {
        if (activeNav.index()>mySwiper6.activeIndex) {
            var thumbsPerNav = Math.floor(mySwiper6.width/activeNav.width())-1
            mySwiper6.slideTo(activeNav.index()-thumbsPerNav)
        }
        else {
            mySwiper6.slideTo(activeNav.index())
        }
    }
};