$(document).ready(function () {
  $("header").addClass("top");
  $(".visual_wrap").addClass("on");
  let autoPlayDelay = 4000;
  let options = {
    init: true,
    loop: false,
    autoplay: {
      delay: autoPlayDelay,
    },
    navigation: {
      nextEl: ".visual_wrap .swiper-button-next",
      prevEl: ".visual_wrap .swiper-button-prev",
    },
  };
  $(".swiper-container").each(function () {
    $(".visual_wrap .control .prev").on("click", function (e) {
      e.preventDefault();
      mySwiper.slidePrev();
    });
    $(".visual_wrap .control .next").on("click", function (e) {
      e.preventDefault();
      mySwiper.slideNext();
    });
  });
  let mySwiper = new Swiper(".visual_wrap.swiper-container", options);
  let slidersCount = mySwiper.params.loop ? mySwiper.slides.length - 2 : mySwiper.slides.length;
  let widthParts = 100 / slidersCount;
  if (slidersCount < 10) {
    $(".visual_wrap .control .total").html("0" + slidersCount);
  } else {
    $(".visual_wrap .control .total").html(slidersCount);
  }
  function initProgressBar() {
    let calcProgress = (slidersCount - 1) * (autoPlayDelay + mySwiper.params.speed);
    calcProgress += autoPlayDelay;
    $(".visual_wrap .swiper-progress-bar .progress").animate(
      {
        width: "100%",
      },
      calcProgress,
      "linear"
    );
  }
  initProgressBar();
  mySwiper.on("slideChange", function () {
    let progress = $(".visual_wrap .swiper-progress-bar .progress");
    if (slidersCount < 10) {
      $(".visual_wrap .control .current").html("0" + (this.activeIndex + 1));
    } else {
      $(".visual_wrap .control .current").html(activeIndex);
    }
    if ((this.progress == -0 || (this.progress == 1 && this.params.loop)) && !progress.parent().is(".stopped")) {
      progress.css("width", "0");
      if (this.activeIndex == 0) {
        initProgressBar();
      }
    }
    if (progress.parent().is(".stopped")) {
      progress.animate(
        {
          width: Math.round(widthParts * (this.activeIndex + 1)) + "%",
        },
        this.params.speed,
        "linear"
      );
    }
  });
  mySwiper.on("touchMove", function () {
    $(".visual_wrap .swiper-progress-bar .progress").stop().parent().addClass("stopped");
    $(".control .stop").hide();
    $(".control .play").show();
  });
  $(".visual_wrap .control .stop").on("click", function () {
    $(this).hide();
    $(".visual_wrap .control .play").show();
    mySwiper.autoplay.stop();
    $(".visual_wrap .swiper-progress-bar .progress").stop().parent().addClass("stopped");
  });
  $(".visual_wrap .control .play").on("click", function () {
    $(this).hide();
    $(".visual_wrap .control .stop").show();
    mySwiper.autoplay.start();
    $(".visual_wrap .swiper-progress-bar .progress").stop().parent().removeClass("stopped");
    initProgressBar();
  });

  //business
  $(".business .flex").hover(
    function () {
      $(".business .flex .box").addClass("narrow");
      $(".business .flex .box .desc").hide();
    },
    function () {
      $(".business .flex .box").removeClass("narrow");
      $(".business .flex .box .desc").hide();
    }
  );
  


$(window).resize(function(){ if (window.innerWidth > 768) { // ´Ù¹ÙÀ̽º Å©±â°¡ 480ÀÌ»óÀ϶§ /* ½ºÅ©¸³Æ®³»¿ë*/ 
	$(".business .flex .box").hover(
		function () {
		  $(this).addClass("on");
		  $(this).find(".desc").stop().delay(100).fadeIn(400);
		},
		function () {
		  $(this).removeClass("on");
		  $(".business .flex .box .desc").stop().fadeOut(0);
		}
	  );
} else { 
	
	} 
}).resize();


  //perform slide
  var galleryTop = new Swiper(".perform .gallery-top", {
    loop: true,
    navigation: {
      nextEl: ".perform .swiper-button-next",
      prevEl: ".perform .swiper-button-prev",
    },
	pagination: {
		el: '.swiper-pagination',	
		clickable: true,
	},
  });
  var galleryThumbs = new Swiper(".perform .gallery-thumbs", {
    spaceBetween: 70,
    loop: true,
    allowTouchMove: false,
    slidesPerView: 2,
    slideToClickedSlide: false,
    initialSlide: 1,
    breakpoints: {
      768: {
        spaceBetween: 30,
      },
    },
  });
  galleryTop.on("slideChange", function () {
    galleryThumbs.slideTo(this.realIndex + 3);
  });
});
//docu end