$(document).ready(function(e) {

	$(".timeline-years__full-line").css("width","100%");

	

	var autotime=4000;//自动播放时间间隔

    var length=$(".timeline-years__year").length;

	var baselength=4.5;

	var minlength=2.5;

	var nowind=0;

	var stoped=1;

	for(i=0;i<length;i++){

		(function(){

			var ind=i;

			$(".timeline-years__year").eq(i).click(function(){

				nowind=ind;

				$(".timeline-years__year").removeclass("active");

				$(this).addclass("active");

				$(".timeline-years__active-line").css({"width":(baselength+(ind*2*minlength))+"%"});

				

				$(".slick-track .slick-slider").removeclass("slick-active");

				$(".slick-track .slick-slider").eq(ind).addclass("slick-active");

				stoped=0;

			})

		})()

	}

	

	$(".slick-prev").click(function(){

		nowind--;

		if(nowind<0) nowind=length-1;

		$(".timeline-years__year").removeclass("active");

		$(".timeline-years__year").eq(nowind).addclass("active");

		$(".timeline-years__active-line").css({"width":(baselength+(nowind*2*minlength))+"%"});

		

		$(".slick-track .slick-slider").removeclass("slick-active");

		$(".slick-track .slick-slider").eq(nowind).addclass("slick-active");

		stoped=0;

	})

	$(".slick-next").click(function(){

		nowind++;

		if(nowind>length-1) nowind=0;

		$(".timeline-years__year").removeclass("active");

		$(".timeline-years__year").eq(nowind).addclass("active");

		$(".timeline-years__active-line").css({"width":(baselength+(nowind*2*minlength))+"%"});

		

		$(".slick-track .slick-slider").removeclass("slick-active");

		$(".slick-track .slick-slider").eq(nowind).addclass("slick-active");

		stoped=0;

	})

	

	setinterval(autoplay,autotime);

	function autoplay(){

		if(stoped==0){

			stoped=1;

			return;

		}

		nowind++;

		if(nowind>length-1) nowind=0;

		$(".timeline-years__year").removeclass("active");

		$(".timeline-years__year").eq(nowind).addclass("active");

		$(".timeline-years__active-line").css({"width":(baselength+(nowind*2*minlength))+"%"});

		

		$(".slick-track .slick-slider").removeclass("slick-active");

		$(".slick-track .slick-slider").eq(nowind).addclass("slick-active");

	}

});