if ($(window).width() > 980) {

  new WOW().init();

}

$('.searchopoen').click(function (e) { 
  $(".searchBox").toggleClass('show');
  });

 


$('.h_nav').click(function (e) {
  $(".in-nav").toggleClass('show');
  $(this).toggleClass('close');
  $("body").toggleClass('hidden');
})

/* 
$('.nav a').click(function (e) {
  $(".nav").removeClass('show');
  $('.h_nav').removeClass('close');
})

$('.go-child ').click(function (e) {
  $(this).toggleClass('on').siblings().removeClass('on');;
  $(this).find('.nav-down').slideToggle().parent().siblings().find(".nav-down").slideUp(200);;
}); */


$('.play-btn').click(function (e) {
  $('div.video-play').show();
  var src = $(this).find('video').attr('src') || $(this).find('video').find('source').attr('src') || $(this).data('src')
  // console.log(src)
  $("#video").attr('src', src);
  $('body').css('overflow', 'hidden');
});

$('div.close-btn').click(function (e) {
  $('div.video-play').hide();
  $("#video").attr('src', '');
  $('body').css('overflow', 'auto');
});

$('.video-bg').click(function (e) {
  $('div.video-play').hide();
  $('body').css('overflow', 'auto');
});
 

$(window).on('scroll', function () {
  if ($(window).scrollTop() > 150) { $("#back_top").addClass("onshow") }
  else { $("#back_top").removeClass("onshow") }
});

$(".j-gotop").click((function () {
  $("html, body").animate({
    scrollTop: 0
  },
    400)
}))


var idxBanSwiper = new Swiper('.idxBan .swiper-container', {
  speed: 500,
  scrollbar: {
    el: ".idxBan .scrollbar",
    hide: true,
  },
  pagination: {
    el: '.idxBan .pagination',
    clickable: true,
  },
  autoplay: {
    delay: 6000,
    disableOnInteraction: false,
  },
 // effect: 'fade',
  on: {
    init: function () {
      swiperAnimateCache(this);
      swiperAnimate(this);
    },
    slideChangeTransitionEnd: function () {
      swiperAnimate(this);
      var index = this.realIndex;
      lpkindex = index;
    },
    slideChangeTransitionStart: function () {
      $(".banNum .on").removeClass('on');
      $(".banNum li").eq(this.activeIndex).addClass('on');
    }
  }

})

$(".banNum li").on('click', function (e) {
  e.preventDefault()
  $(".banNum .on").removeClass('on')
  $(this).addClass('on')
  idxBanSwiper.slideTo($(this).index())
}) 


var idxAboutSwiper = new Swiper('.idxAboutSwiper', {
  autoplay: true,
  loop:true,
  navigation: {
    nextEl: '.idxAbout .next',
    prevEl: '.idxAbout .prev',
  },
})

var idxHonorSwiper = new Swiper('.idxHonorSwiper', {
  loop: true,
  autoplay: true,
  navigation: {
    nextEl: '.idxHonor .next',
    prevEl: '.idxHonor .prev',
  },
  breakpoints: {
    //褰撳搴﹀ぇ浜庣瓑浜?20
    320: {
      spaceBetween: 25,
      slidesPerView: 1.6,
    },
     750: {
      spaceBetween: 30,
      slidesPerView:3, 
    },
    1040: {
      spaceBetween: 30,
      slidesPerView:4, 
    },
    1280: {
      spaceBetween: 50,
      slidesPerView: 4, 
    },
    1440: {
      spaceBetween: 67,
      slidesPerView: 4, 
    },
  },
})

var scopeSwiper = new Swiper('.scopeSwiper', {
  speed: 500,
  on: {
    slideChangeTransitionStart: function () {
      $(".scopeUl .on").removeClass('on');
      $(".scopeUl li").eq(this.activeIndex).addClass('on');
    }
  }
})

$(".scopeUl li").on('click', function (e) {
  e.preventDefault()
  $(".scopeUl .on").removeClass('on')
  $(this).addClass('on')
  scopeSwiper.slideTo($(this).index())
}) 



var styleSwiper = new Swiper('.styleSwiper', {
  centeredSlides: true,
  slideToClickedSlide: true,
  loop: true,
  autoplay: true,
  loop: true,
  breakpoints: {
    //褰撳搴﹀ぇ浜庣瓑浜?20
    320: {
      spaceBetween: 25,
      slidesPerView: 1.2,
    },
     750: {
      spaceBetween: 50,
      slidesPerView: 2, 
    },
    1000: {
      spaceBetween: 100,
      slidesPerView: 2, 
    },
    1280: {
      spaceBetween: 200,
      slidesPerView: 2, 
    },
    1440: {
      spaceBetween: 220,
      slidesPerView: 2.2, 
    },
  },
  navigation: {
    nextEl: '.style .next',
    prevEl: '.style .prev',
  },
   pagination: {
        el: ".style .pagination",
        type: "fraction",
      },
})

var newsTopSwiper = new Swiper('.newsTopSwiper', {
  speed: 500,
  pagination: {
    el: '.newsTop .pagination',
    clickable: true,
  },
})