/**
 * Created by gaodi on 2018/12/24.
 */

function swipertInit(c) {
    //lazyload
    var i = false;
    $(c).find('img').each(function (k,v) {
        if (!$(this).attr('src')){
            i = true;
            $(this).attr('src',$(this).data('src'));
        }
    });

    if (i){
        var mySwiper = $(c).swiper({
            loop: true,
            autoplay: 5000,
            // 如果需要分页器
            // pagination: '.swiper-pagination',
            // pagination : c + '>.pagination',
            pagination : c+' .pagination',
            paginationClickable :true,

//
//        // 如果需要前进后退按钮
//        nextButton: '.swiper-button-next',
//        prevButton: '.swiper-button-prev',
//
//        // 如果需要滚动条
//        scrollbar: '.swiper-scrollbar',
        });
    }
}

//新闻选项卡
$('#tab-news li').bind('click', function () {
    $('#tab-news li').removeClass('active');
    $(this).addClass('active');
    $('#tab-news-con ul').hide();
    $('#tab-news-con ul').eq($(this).index()).show();
});

//轮播图选项卡
var Tab = 0;
var Area = 0;
$('#tab-pic>li').bind('click', function () {
    $('#tab-pic>li').removeClass('active');
    $(this).addClass('active');

    Tab = $(this).index();

    //默认中国
    Area = 0;
    $('#tab-pic-area>span').removeClass('active');
    $('#tab-pic-area>span').eq(Area).addClass('active')

    //显示轮播图
    $('#tab-pic-con>div>.swiper-container').hide();
    $('#tab-pic-con>div').hide();

    $('#tab-pic-con>div').eq(Tab).show();
    $('#tab-pic-con>div:eq(' + Tab + ')>.swiper-container:eq(' + Area + ')').show();

    var TabDiv = '';
    var AreaDiv = '';
    if (Tab > 0) {
        for (var i = 0; i < Tab; i++) {
            TabDiv += '+div';
        }
    }

    if (Area > 0) {
        for (var i = 0; i < Area; i++) {
            AreaDiv += '+.swiper-container';
        }
    }

    var s = '#tab-pic-con>div:first-child' + TabDiv + '>.swiper-container:first-child' + AreaDiv;
    // console.log(s);
    swipertInit(s);
});

//中国全球
$('#tab-pic-area>span').bind('click', function () {
    $('#tab-pic-area>span').removeClass('active');
    $(this).addClass('active');

    Area = $(this).index();
    $('#tab-pic-con>div:eq(' + Tab + ')>.swiper-container').hide();
    $('#tab-pic-con>div:eq(' + Tab + ')>.swiper-container:eq(' + Area + ')').show();

    var TabDiv = '';
    var AreaDiv = '';
    if (Tab > 0) {
        for (var i = 0; i < Tab; i++) {
            TabDiv += '+div';
        }
    }

    if (Area > 0) {
        for (var i = 0; i < Area; i++) {
            AreaDiv += '+.swiper-container';
        }
    }

    var s = '#tab-pic-con>div:first-child' + TabDiv + '>.swiper-container:first-child' + AreaDiv;
    // console.log(s);
    swipertInit(s);
});

//默认点击第一个
$('#tab-pic>li:eq(0)').click();


// 登录弹窗
$('#login_button').bind('click',function () {
    $('.login-model').show();
});
$('#login-close').bind('click',function () {
    $('.login-model').hide();
});

$('#tab-pic-new>li').bind('click',function () {
    //样式
    $('#tab-pic-new>li').removeClass('active');
    $(this).addClass('active');

    //内容显示
    $('#img-con-new>div').hide();
    $('#'+ $(this).data('id')).show();

    //显示图片
    $('#'+ $(this).data('id')).children('.img-con-new-tag').children('li').eq(0).click();
});

//点击显示图片
$('.img-con-new-tag>li').bind('click', function () {
    $('.img-con-new-tag>li').removeClass('active');
    $(this).addClass('active');

    $(this).parent('.img-con-new-tag').prev().children('li').children('img').hide();
    $('#' + $(this).data('id')).show();
});

$('#tab-pic-new>li').eq(0).click();