//common
$(document).ready(function(){
 var delta = 500;
 var timer = null;
 clearTimeout(timer);
 
 //popup
 setPopup();
 function setPopup(){
  var _this = $('.popup-slide');
  var start = _this.find('.popup-setting .data-start').text();
  var end = _this.find('.popup-setting .data-end').text();
  var start_date = Date.parse(start);
  var end_date = Date.parse(end);
  var cookie_name = _this.attr('class');
  if($.cookie(cookie_name) != 'done'){ //ì¡°ê±´1 : ì¿좏궎ê°�
   _this.addClass('active'); //�앹뾽�쒖꽦��
   //�«ê¸°ë²꾪듉�숈옉
   _this.find('.btn-close').on('click', function(){
    _this.closest('.popup-slide').removeClass('active');
    if(_this.closest('.popup-slide').find('.btn-check input').is(':checked')){
     $.cookie(cookie_name,'done', {expires: 1});
    }
   });
   _this.find('.popup-dimmed').on('click', function(){
    _this.closest('.popup-slide').removeClass('active');
   });
   _this.find('.slide-wrap').css('max-width', _this.find('.slide-wrap .swiper-slide:first-child img').prop('naturalWidth'));
   $(window).on('load resize', function(){
    _this.find('.slide-wrap').css('max-width', _this.find('.slide-wrap .swiper-slide:first-child img').prop('naturalWidth'));
   });
   var popup = new Swiper('#slidePopup',{
    autoplay: { delay: 5000, disableOnInteraction: false },
    speed: 300, 
    loop: true, 
    effect: 'slide',
    on: {
     slideChange: function(){
      _this.find('.slide-wrap .slide-btn .item a').removeClass('active');
      _this.find('.slide-wrap .slide-btn .item').eq(this.realIndex).find('a').addClass('active');
     }
    }
   });
   _this.find('.slide-wrap .slide-btn .item:first-child a').addClass('active');
   _this.find('.slide-wrap .slide-btn .item a').on('click', function(){
    $(this).addClass('active').parent().siblings('.item').find('a').removeClass('active');
    popup.slideTo($(this).parent().index()+1);
   });
  }
 }
});

//main
$(document).ready(function(){
 resizekeyvisualMain();
 $(window).resize(resizekeyvisualMain);
 function resizekeyvisualMain(){
  if(window.innerWidth < 1279){
   $('#keyvisualMain').height($(window).height() - $('#header').height());
  } else {
   $('#keyvisualMain').height($(window).height());
  }
 }
 
 var gallery = new Swiper('#gallery',{
  autoplay: { delay: 3000, disableOnInteraction: false },
  speed: 800, 
  loop: true, 
  effect: 'fade', 
  navigation: {
   nextEl: '#gallery .arrow-next', 
   prevEl: '#gallery .arrow-prev', 
  }
 });

 var gallery_clinic = new Swiper('#gallery-clinic',{
  autoplay: { delay: 3000, disableOnInteraction: false },
  speed: 800, 
  loop: true, 
  effect: 'fade', 
  navigation: {
   nextEl: '#gallery-clinic .arrow-next', 
   prevEl: '#gallery-clinic .arrow-prev', 
  }
 });

 $('#section13 .img-btn img').on('click', function(){
  var num = $(this).parent().index()+1;
  gallery.slideTo(num);
 });
 function responsive(){
  if($(window).width() > 719) { 
   $(function(){
    $(".res-banner .banner-pc").find("img").click(function(){
     $("#light").css("display","block");
     $("#box").css("display","block");
    });
    $("#res-close").click(function(){
     $("#light").css("display","none");
     $("#box").css("display","none");
    });
    $("#light").click(function(){
     $("#light").css("display","none");
     $("#box").css("display","none");
    });
    function onoff(x,y,z){
     var src= x.attr("src");
     src = src.replace(y,z);
     x.attr("src",src).css("cursor","pointer").slideDown(3000);
    }
    $(".res-img").hover(function(){
     onoff( $(this), "_off", "_on");
    },function(){
     onoff( $(this), "_on", "_off");
    });
    $(".res-mobile").css("display","none");
   });
  }
 }
 responsive();
 $(window).resize(function() { 
  responsive();
 });
});