/* *******************************************************
 * filename : sub.js
 * description : �쒕툕컨í뀗×å좎뿉׺� �¬ì슜�섎뒗 JS
 * date : 2020-02-24
******************************************************** */
jQuery(function($){
 /* �쒕툕 Visual Active */ 
 setTimeout(addActive($("#visual")));
 /* �쒕툕 MagnificPopup */
 magnificPopup($(".popup-gallery"));
 /* �쒕툕 Scrollbar Table  */ 
 $(".custom-scrollbar-wrapper").each(function  () {
  var $scrollObject = $(this).find(".scroll-object-box");
  if ($.exists($scrollObject)) {
   customScrollX($scrollObject);
  }
  $(this).on("touchmove click",function  () {
   $(this).find(".custom-scrollbar-cover").fadeOut(200);
  });
 });
 
 /* *********************** �쒕툕 ×¼붾돱 FIXED ************************ */
 if ($.exists(".fixed-sub-menu")) {
  var $fixedSubMenu = $(".fixed-sub-menu");
 
  $(window).scroll(function  () {
   var topMenuStart =  $fixedSubMenu.offset().top;
   if ( getScrollTop() > topMenuStart ) {
    $fixedSubMenu.addClass("fixed");
   }else {
    $fixedSubMenu.removeClass("fixed");
   }
  });
 }
 /* *********************** ×¼붾돱 FIXED ë°� �´ë떦�곸뿭 �´ë룞 ************************ */
 if ($.exists(".fixed-move-tab-list-wrapper")) {
  var $fixedMoveTab = $(".fixed-move-tab-list");
  var $moveTabItem = $fixedMoveTab.find("li");
  var menuCount= $moveTabItem.size();
  // �쒕툕×¼붾돱ê°� ê°숈씠 fixed�좊븣�� �덈맆�� 구ë텇
  if ($.exists(".fixed-sub-menu")) {
   var fixedStartTab =  $fixedMoveTab.offset().top - $(".fixed-sub-menu").height();
   var fixedStartHeight = $fixedMoveTab.height() + $(".fixed-sub-menu").height();
  }else {
   var fixedStartTab =  $fixedMoveTab.offset().top;
   var fixedStartHeight = $fixedMoveTab.height();
  }
  $(window).scroll(function  () {
   // ×¼붾돱fixed
   if ( getScrollTop() > fixedStartTab ) {
    $fixedMoveTab.addClass("fixed");
   }else {
    $fixedMoveTab.removeClass("fixed");
   }
   // ×¼붾돱�´ë룞
   var nav= new Array();
   for(var i=0;i < menuCount;i++){
    nav[i]="nav"+i;
    nav[i]=$($moveTabItem.eq(i).children("a").attr("href")).offset().top - fixedStartHeight;
   }
    
   $moveTabItem.each(function  (idx) {
    if( getScrollTop() >= nav[idx] ){
     $moveTabItem.removeClass('selected');
     $moveTabItem.eq(idx).addClass('selected');
    };
   });
   
  });
  $moveTabItem.find("a").click(function  () {
            var goDiv = $($(this).attr("href")).offset().top - (fixedStartHeight-1);
   moveScrollTop(goDiv);
             
            return false;
        });
 }
 /* *********************** &#65533;&#47662;&#48466;&#65533;&#65533; ê´&#65533;&#65533;&#65533; ************************ */
 if ($.exists(".editor")) {
  /* &#65533;&#46767;&#50464;ë¸&#65533; &#65533;¤í&#44181;롤ë&#44884;ê¸&#65533; */ 
  $(".editor table").each(function  () {
   $(this).wrap("<div class='editor-table-box'></div>");
  });
  
  /* ifrmae &#65533;&#50323;·¸ ê°&#47663;&#46501;ê¸&#65533; */ 
  $(".editor iframe").each(function  () {
   var iframeSrc = $(this).attr("src");
   var findStr = "https://www.youtube.com/embed"; 
   if (iframeSrc.indexOf(findStr) != -1) {
     $(this).wrap("<div class='editor-iframe-box'></div>");
   }
  });
 }
 /* *********************** &#65533;&#50327;&#47993; &#65533;¬ë&#50474;&#65533;´ë&#48246; ************************ */
 /* &#65533;¸í&#46275;ë¡&#65533; */
 $('.prd-intro-img-list').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: true,
  fade: false,
  dots:false,
  autoplay: true,
  speed:800,
  infinite:true,
  autoplaySpeed: 3000,
  easing: 'easeInOutQuint',
  pauseOnHover:false,
  prevArrow: '<button type="button" data-role="none" class="sub-arrow-btn arrow-prev" aria-label="Prev" tabindex="0" role="button"></button>',
  nextArrow: '<button type="button" data-role="none" class="sub-arrow-btn arrow-next" aria-label="Next" tabindex="0" role="button"></button>',
 });
 /* ë·°í&#47097;&#65533;´ì&#65533; */
 $(".prd-view-slide-wrap").each(function  () {
  var $prdViewSlide =$(this).find(".prd-view-slide");
  $prdViewSlide.on('init', function(event, slick, currentSlide) {
   $(this).parents(".prd-view-slide-wrap").append('<div class="slick-counter"><span class="current"></span> / <span class="total"></span></div>');
   $(this).parents(".prd-view-slide-wrap").find('.current').text(slick.currentSlide + 1);
   $(this).parents(".prd-view-slide-wrap").find('.total').text(slick.slideCount);
  })
  .on('beforeChange', function(event, slick, currentSlide, nextSlide) {
    $(this).parents(".prd-view-slide-wrap").find('.current').text(nextSlide + 1);
  });
  $prdViewSlide.slick({
   slidesToShow: 1,
   slidesToScroll: 1,
   arrows: true,
   fade: false,
   dots:true,
   autoplay: true,
   speed:800,
   infinite:true,
   autoplaySpeed: 3000,
   easing: 'easeInOutQuint',
   pauseOnHover:false,
   prevArrow: '<button type="button" data-role="none" class="sub-arrow-btn arrow-prev" aria-label="Prev" tabindex="0" role="button"></button>',
   nextArrow: '<button type="button" data-role="none" class="sub-arrow-btn arrow-next" aria-label="Next" tabindex="0" role="button"></button>',
   responsive: [
    {
      breakpoint: 801,
      settings: {
     slidesToShow: 1,
     slidesToScroll: 1,
     dots:false,
      }
    },
     ]
  });
  // &#65533;&#65533;&#50403; &#65533;&#44968;&#65533;&#65533;&#65533;
  $(".showroom-con-box .cm-tab-list  li a").click(function  () {
   $(".prd-view-slide").slick('setPosition');
  });
 });
 
 $('.relate-slide').slick({
  slidesToShow: 4,
  slidesToScroll: 1,
  arrows: true,
  fade: false,
  dots:false,
  autoplay: true,
  speed:800,
  infinite:true,
  autoplaySpeed: 3000,
  easing: 'easeInOutQuint',
  pauseOnHover:false,
  prevArrow: '<button type="button" data-role="none" class="sub-arrow-btn arrow-prev" aria-label="Prev" tabindex="0" role="button"></button>',
  nextArrow: '<button type="button" data-role="none" class="sub-arrow-btn arrow-next" aria-label="Next" tabindex="0" role="button"></button>',
  responsive: [
   {
     breakpoint: 801,
     settings: {
    slidesToShow: 2,
    slidesToScroll: 1,
     }
   },
    ]
 });
 /* *********************** 리ì&#46250;&#65533;¸ì&#50429; &#65533;&#48106;&#50464;ê°&#65533; ׺&#50830;&#53595;ê¸&#65533; ************************ */
 var $autoList = $(".auto-height-list-con .auto-height-item"); // ul > li
 var $autoListInner = $autoList.children(".inner-box");     // ul > li &#65533;&#45897;&#49097; borderê°&#65533; &#65533;&#50326;&#46470;&#65533;&#49422;&#46231; &#65533;&#44280;&#49133;
 var heightDiv = ".inner";    // &#65533;&#48106;&#50464;ê°&#48106;&#50403; ê²°ì&#51225;&#65533;&#49422;&#46231; &#65533;&#44280;&#49133;  
 var listNum = $autoList.length;   
 var resetWidth = 480; // &#65533;&#48106;&#50464;ê°&#48106;&#50403; &#65533;´ì&#51235;&#65533;&#49422;&#46231; 구ê&#52953;
  autoHeight();
  $(window).resize(function  () {
   autoHeight();
  }); 
 function  autoHeight(){
  maxHeight = 0;
  for (var i=0; i<listNum; i++) {
   var curHeight = $autoList.eq(i).find(heightDiv).innerHeight();
   if ( curHeight > maxHeight ) {
    maxHeight = curHeight;
   }
  }
  $autoListInner.height(maxHeight);
  
  if ( $(window).innerWidth() < resetWidth + 1 ){
    $autoListInner.css('height','auto');
  }
 }
 /* *********************** ×Þ&#44969;&#49820;&#65533;&#48803;³´ ê²&#46767;&#46470;&#65533;&#65533; ************************ */
 $(".review-item:not('.review-title-item') .review-table-tbl").click(function  () {
  var $review_item = $(this).parents(".review-item");
  var $reviewCon = $(this).siblings();
  
  if ( $review_item.hasClass("open") ) {
   $(this).siblings().slideUp();
   $(".review-item").removeClass("open");
  }else {
   $(".review-item .review-detail-box:visible").slideUp();
   $reviewCon.slideDown(); 
   $(".review-item").removeClass("open");
   $review_item.addClass("open");
  }
 });
 /* *********************** &#65533;¼ë£¸ ×Ù&#65533;&#65533;&#44968;·° ************************ */
 $(".map-view-btn").toggle( function () { 
  $(".map-view-wrap").addClass("open"); 
 }, 
  function () { 
   $(".map-view-wrap").removeClass("open");
  } 
 );
 /* *********************** 문í&#49557;&#65533;¤í&#47351;×å&#51343;&#50001;&#65533;&#65533; &#65533;¬ë&#50474;&#65533;´ë&#48246; ************************ */
 $('.sketch-slide').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: true,
  dots:false,
  autoplay: true,
  speed:800,
  infinite:true,
  autoplaySpeed: 3000,
  easing: 'easeInOutQuint',
  pauseOnHover:false,
  asNavFor :'.sketch-nav-slide',
 });
 $('.sketch-nav-slide').slick({
  slidesToShow: 6,
  slidesToScroll: 1,
  arrows: true,
  fade: false,
  dots:false,
  autoplay: true,
  speed:800,
  infinite:true,
  autoplaySpeed: 3000,
  easing: 'easeInOutQuint',
  pauseOnHover:false,
  focusOnSelect: true,
  prevArrow: '<button type="button" data-role="none" class="sub-arrow-btn arrow-prev" aria-label="Prev" tabindex="0" role="button"></button>',
  nextArrow: '<button type="button" data-role="none" class="sub-arrow-btn arrow-next" aria-label="Next" tabindex="0" role="button"></button>',
  asNavFor :'.sketch-slide',
  responsive: [
   {
     breakpoint: 801,
     settings: {
    slidesToShow: 4,
    slidesToScroll: 1,
     }
   },
    ]
 });
});