$(function(){
  /*$(".experience_nav li").click(function(){
    var index = $(".experience_nav li").index(this);
    $(".experience_main").find(".is_active").removeClass("is_active").stop().fadeOut("600");
    $(".experience_main li").eq(index).addClass("is_active").stop().fadeIn("600");
  });
  */
  $('.slide_body').bxSlider({
    slideWidth: 586,
    auto: 'true',
    minSlides: 3,
    maxSlides: 3,
    moveSlides: 1,
    slideMargin: 30,
    controls: true,
    pager: false
  });



  var slider = ".experience_main";
  var thumbnailItem = "#thumbnail-list .thumbnail-item";

  $(thumbnailItem).each(function(){
   var index = $(thumbnailItem).index(this);
   $(this).attr("data-index",index);
  });

  $(slider).on('init',function(slick){
   var index = $(".slide-item.slick-slide.slick-current").attr("data-slick-index");
   $(thumbnailItem+'[data-index="'+index+'"]').addClass("thumbnail-current");
  });

  $(slider).slick({
    autoplay: true,
    arrows: false,
    fade: true,
    infinite: true
  });

  $(thumbnailItem).on('click',function(){
    var index = $(this).attr("data-index");
    $(slider).slick("slickGoTo",index,false);
  });

  $(slider).on('beforeChange',function(event,slick, currentSlide,nextSlide){
    $(thumbnailItem).each(function(){
      $(this).removeClass("thumbnail-current");
    });
    $(thumbnailItem+'[data-index="'+nextSlide+'"]').addClass("thumbnail-current");
  });


});


$(function(){
  /*$(".experience_nav li").click(function(){
    var index = $(".experience_nav li").index(this);
    $(".experience_main").find(".is_active").removeClass("is_active").stop().fadeOut("600");
    $(".experience_main li").eq(index).addClass("is_active").stop().fadeIn("600");
  });
  */
  $('.slide_body').bxSlider({
    slideWidth: 586,
    auto: 'true',
    minSlides: 3,
    maxSlides: 3,
    moveSlides: 1,
    slideMargin: 30,
    controls: true,
    pager: false
  });



  var slider = ".experience_main2";
  var thumbnailItem = "#thumbnail-list2 .thumbnail-item2";

  $(thumbnailItem).each(function(){
   var index = $(thumbnailItem).index(this);
   $(this).attr("data-index",index);
  });

  $(slider).on('init',function(slick){
   var index = $(".slide-item.slick-slide.slick-current").attr("data-slick-index");
   $(thumbnailItem+'[data-index="'+index+'"]').addClass("thumbnail-current");
  });

  $(slider).slick({
    autoplay: true,
    arrows: false,
    fade: true,
    infinite: true
  });

  $(thumbnailItem).on('click',function(){
    var index = $(this).attr("data-index");
    $(slider).slick("slickGoTo",index,false);
  });

  $(slider).on('beforeChange',function(event,slick, currentSlide,nextSlide){
    $(thumbnailItem).each(function(){
      $(this).removeClass("thumbnail-current");
    });
    $(thumbnailItem+'[data-index="'+nextSlide+'"]').addClass("thumbnail-current");
  });


});