$(function(){
    layui.use('carousel', function(){
      var index = 0;
      var carousel = layui.carousel;
      //建造实例
      carousel.render({
        elem: '#carouseltimeline'
        ,width: '100%' //设置容器宽度
        ,height: '550px' //设置容器宽度
        ,arrow: 'always' //始终显示箭头
        ,anim: 'updown' //始终显示箭头
        ,autoplay: true //始终显示箭头
        ,full: false //始终显示箭头
      });
      $('#timelinetit').find('li').eq(index).addclass('active');
      //监听轮播切换事件
      carousel.on('change(carouseltimeline)', function(obj){ //test1来源于对应html容器的 lay-filter="test1" 属性值
          // console.log(obj.index); //当前条目的索引
          // console.log(obj.previndex); //上一个条目的索引
          // console.log(obj.item); //当前条目的元素对象
          $('#timelinetit').find('li').removeclass('active');
          $('#timelinetit').find('li').eq(obj.index).addclass('active');
      });
      
      $('#timelinetit>li').click(function(e){
          var index2  =  $(this).index();
          console.log(index2);
          $('.timelinebox li').eq(index2).click();
      })
     
      
    });
  

})