$(".banner-slider").slick({
  speed: 1000,
  swipe: true,
});

$(".content1-right").slick({
  dotsClass: 'slick-dots',
  dots: true,
  speed: 1000,
  swipe: true,

});


$(".text-1").addClass("contant-toggle");

$(".content1-right").on('beforeChange', function (event, slick, currentSlide, nextSlide) {
  console.log('beforeChangeEvent: currenSlide=' + currentSlide + ', nextSlide= ' + nextSlide);
  var nextSlide;
  if (nextSlide=1) {
    $(".text-1").removeClass("contant-toggle");
    $(".text-2").toggleClass("contant-toggle");
  }else if (nextSlide=2) {
    $(".text-3").addClass("contant-toggle");

  }else if(nextSlide=0){
    $(".text-2").removeClass("contant-toggle");
    $(".text-1").addClass("contant-toggle");
    $(".text-3").removeClass("contant-toggle");
  }

});







$("*").each(function (index, element) {
  // 此元素被點選後執行
  $(this).click(function (e) {
    // 取得被點選元素的屬性：data-gt-target
    var target = $(this).attr("data-gt-target");
    var duration = $(this).attr("data-gt-duration");
    var offset = $(this).attr("data-gt-offset");

    // JS 語法：判斷式
    // if (條件) {程式區塊}
    // 當條件成立，會執行程式區塊

    // 如果 目標有資料 才會執行 { } 內的程式
    // 避免出現 undefine (未定義 - 不存在的資料)
    if (target) {
      //console.log("目標：" + target);
      //console.log("時間：" + duration);
      //console.log("位移：" + offset);

      // 上方位置 = 目標區塊.位移().上方位置
      var top = $(target).offset().top;
      //console.log("要前往元素的上方位置：" + top);

      // 網頁元素.停止().動畫({ 上方捲動：指定元素 - 位移}，持續時間)
      // parseInt() 將文字轉為數字

      $("html").stop().animate({
        scrollTop: top - offset
      }, parseInt(duration));
    }
  });
});

// 避免動畫與使用者滾輪衝突
// html 在滾動滾輪時 停止 html 所有效果
$("html").on("mousewheel", function () {
  $("html").stop();
});