var len  = $(".personal01-swiper .swiper-slide").length;
$(".personal01-swiper .swiper-scrollbar-drag").innerWidth((1/len)*100+'%')
var  personal01swiper = new Swiper('.personal01swiper .swiper-container',{
		pagination : '.personal01swiper .swiper-pagination',
		prevButton:'.personal01swiper .swiper-button-prev',
		nextButton:'.personal01swiper .swiper-button-next',
		// scrollbar:'.personal01swiper .swiper-scrollbar',
		scrollbarHide : false,
		initialSlide :1,
		autoplay:6000,
		slidesPerView: "auto",
		paginationClickable: true,
		autoplayDisableOnInteraction: false,
		loop:true,
		lazyLoadingInPrevNext : true,
		roundLengths : true,
		uniqueNavElements :false,
		speed:750,
		onInit: function(swiper){
		   var index = swiper.activeIndex;
		   var i  = $(".personal01-swiper .swiper-slide-active").attr('data-swiper-slide-index')
		   var imgsrc = $(".personal01-swiper .swiper-slide").eq(index).prev().find(".bghimg").attr("src");
		   var imgsrcnext = $(".personal01-swiper .swiper-slide").eq(index).next().find(".bghimg").attr("src");
		    $(".personal01-swiper .cons-btns.swiper-button-prev").css('background','url('+imgsrc+') no-repeat center')
		    $(".personal01-swiper .cons-btns.swiper-button-next").css('background','url('+imgsrcnext+') no-repeat center')
		   $(".personal01-swiper .swiper-scrollbar-drag").animate({'left':(1/len)*100*i+'%'});
		},
		onTransitionStart: function(swiper){
		   var index = swiper.activeIndex;
		   var i  = $(".personal01-swiper .swiper-slide-active").attr('data-swiper-slide-index')
		   var imgsrc = $(".personal01-swiper .swiper-slide").eq(index).prev().find(".bghimg").attr("src");
		   var imgsrcnext = $(".personal01-swiper .swiper-slide").eq(index).next().find(".bghimg").attr("src");
		   $(".personal01-swiper .swiper-scrollbar-drag").animate({'left':(1/len)*100*i+'%'});
		    $(".personal01-swiper .cons-btns.swiper-button-prev").css('background','url('+imgsrc+') no-repeat center');
		    $(".personal01-swiper .cons-btns.swiper-button-next").css('background','url('+imgsrcnext+') no-repeat center');
		}
})
$(".personal-list-02 .personal-titbox .li").on("click",function(){
	$(this).addClass("active").siblings().removeClass('active');
	var id = $(this).attr('data-id');
	var url = $(this).attr('data-url');
	ajaxlist(url,{id:id},function(data){$(".personal02-ajax").html(data)})
})
$(".personal-list-02 .personal-titbox .li").eq(0).click();