var myswiper;

$(document).ready(function(){
    myswiper = new swiper('.tabswiper', {
        slidesperview: 'auto',
        initialslide: 0,
        freemode: true
    });

    var courseyearswiper = new swiper('.courseyearswiper', {
        slidesperview: 'auto',
        paginationclickable: true,
        freemode: true,
        onclick: function(swiper){
            if(swiper.clickedindex || swiper.clickedindex == 0){
                $(".courseyears .courseyear").removeclass("active");
                $(".courseyears .courseyear").eq(swiper.clickedindex).addclass("active");
                courseswiper.slideto(swiper.clickedindex, 500, false);
            }
        }
    });

    var courseswiper = new swiper('.courseswiper', {
        slidesperview: 'auto',
        paginationclickable: true,
        freemode: true,
        scrollbar: '.swiper-scrollbar',
        prevbutton:'.swiperprev',
        nextbutton:'.swipernext',
        scrollbarhide: false,
        centeredslides: false,
        ontouchmove: function(swiper){
            $(".courseyears .courseyear").removeclass("active");
            $(".courseyears .courseyear").eq(swiper.activeindex).addclass("active");
        },
        ontransitionend: function(swiper){
            $(".courseyears .courseyear").removeclass("active");
            $(".courseyears .courseyear").eq(swiper.activeindex).addclass("active");
        }
    });

    courseswiper.params.control = courseyearswiper;

    $('#databtn').click(function(){
        var scrolltop = 0;
        // $('.ziliao')[0].offsettop;
        scrolltop = $('.ziliao')[0].offsettop - 180;
        $("html,body").animate({
            scrolltop: scrolltop
        });
    });
});