$(function() {
 // 추천상품 탭 클릭
 $(".section2 ul.product_tab li").click(function() {
  var winWidth = $(window).width();
  var tabIndex = $(this).index();
  var linkTitle = $(this).find('a').text();
  if(winWidth <= 1024) {
   $(".section2 ul.product_tab").css('display','none');
   $(".section2 .dropdown > a").removeClass('open');
  }
  $(".section2 .dropdown > a").text(linkTitle);
  $(".section2 ul.product_tab li").removeClass('on');
  $(this).addClass('on');
  $(".section2 .tab_wrap .tab_con").css('display','none');
  $(".section2 .tab_wrap .tab_con").eq(tabIndex).stop(true,false).fadeIn(300);
 });
 // 추천상품 드롭다운 링크
 $(".section2 .dropdown > a").click(function() {
  if(!$(this).hasClass('open')) {
   $(this).addClass('open');
   $(this).siblings('ul.product_tab').css('display','block');
  } else {
   $(this).removeClass('open');
   $(this).siblings('ul.product_tab').css('display','none');
  }
 });
 // 추천상품 드롭박스 활성화
 function initProDrop() {
  var linkTitle = $(".section2 ul.product_tab li.on a").text();
  $(".section2 .dropdown > a").text(linkTitle);
 }
 $(window).load(function() {
  initProDrop();
 });
});





$(function() {
  var mIdx = 0;  // 현재 슬라이드 인덱스
  var mCount = $("#mainSlider ul.imgList li").length;  // 총 이미지 개수
  var mSize;  // 슬라이드 항목의 크기
  var mTimer;  // 자동 슬라이드 타이머
  var mInterval = 4000;  // 자동 슬라이드 시간 간격 (4초)
  var mLast = false;  // 마지막 이미지 여부 체크


  // 메인 롤링 처리
  function mainSwipe(indicator) {
    mSize = $("#mainSlider ul.imgList li").width();  // 슬라이드 항목의 크기


    // mIdx가 범위를 벗어나지 않도록 처리
    if (mIdx < 0) {
      mIdx = mCount - 1;
    } else if (mIdx >= mCount) {
      mIdx = 0;
      mLast = true;  // 마지막 이미지로 돌아가면 리셋
      $("#mainSlider ol.indicator li .bar").css('width', '0px');
    } else {
      mLast = false;
    }


    // 인디케이터 바 애니메이션 처리
    if (indicator === true) {
      $("#mainSlider ol.indicator li").eq(mIdx).find('.bar').stop(true, false).animate({ width: '100%' }, mInterval, function() {
        // 슬라이드 애니메이션이 완료되면 위치를 갱신
        $("#mainSlider ul.imgList").stop(true, false).animate({ left: -(mSize * mIdx) + 'px' }, 500, 'easeInCubic', function() {
          // 애니메이션 완료 후, `left` 값 갱신
          $("#mainSlider ul.imgList").css({ left: -(mSize * mIdx) + 'px' });
        });


        if (mLast === true) {
          $("#mainSlider ol.indicator li .bar").css('width', '0px');
        }
      });
    } else {
      // 클릭했을 때 인디케이터를 바로 업데이트
      $("#mainSlider ol.indicator li .bar").stop().css('width', '0px');
      $("#mainSlider ol.indicator li").eq(mIdx).find('.bar').css('width', '100%');
      // 슬라이드 이동 (애니메이션이 끝날 때까지 기다림)
      $("#mainSlider ul.imgList").stop(true, false).animate({ left: -(mSize * mIdx) + 'px' }, 500, 'easeInCubic', function() {
        // 애니메이션 완료 후, `left` 값 갱신
        $("#mainSlider ul.imgList").css({ left: -(mSize * mIdx) + 'px' });
      });
    }


    // 슬라이드 탭 상태 변경 (인디케이터와 동기화)
    $("#visualTab ol li").removeClass('on');
    $("#visualTab ol li").eq(mIdx).addClass('on');
  }


  // 자동 타이머 정지
  function main_stop() {
    $("#mainSlider ul.imgList").stop();
    clearInterval(mTimer);
  }


  // 자동 슬라이드 처리
  mTimer = setInterval(function() {
    mIdx++;  // 자동으로 인덱스 증가
    mainSwipe(true);
  }, mInterval);


  // 페이지 인디케이터 클릭 시 해당 순서로 이동
  $("#mainSlider ol.indicator li").click(function(e) {
    var _idx = $(this).index();
    if (!$("#mainSlider ul.imgList").is(':animated')) {
      e.preventDefault();
      main_stop();  // 자동 슬라이드 타이머 멈추기
      mIdx = _idx;  // 클릭한 인덱스로 이동
      mainSwipe(false);
      if ($(this).parents('#visualTab').length > 0) {
        $("#visualTab ol li").removeClass('on');
        $(this).addClass('on');
      }
    }
  });


  // 롤링 이미지 초기화
  function swipe_init() {
    var winSize = $(window).width();  // 윈도우 크기
    mSize = $("#mainSlider ul.imgList li").width();  // 슬라이드 항목의 크기


    // 이미지 크기 및 위치 재설정
    $("#mainSlider ul.imgList > li").css({ width: winSize + 'px' });  // 각 슬라이드 항목의 너비 설정
    $("#mainSlider ul.imgList").css({ left: -(mSize * mIdx) + 'px' });  // 슬라이드 위치 설정 (현재 인덱스에 맞게)
  }


  // 초기화 함수 호출
  swipe_init();
  mainSwipe(true);  // 첫 번째 슬라이드를 표시


  // 윈도우 크기 변경 시 슬라이드 크기 및 위치 재조정
  $(window).resize(function() {
    swipe_init();  // 슬라이드 크기 및 위치 재설정
    mainSwipe(false);  // 새 크기에 맞게 이동
  });


  // 페이지 로드 후 첫 번째 슬라이드 위치 강제 설정
  $(document).ready(function() {
    setTimeout(function() {
      mSize = $("#mainSlider ul.imgList li").width();  // 슬라이드 크기 갱신
      $("#mainSlider ul.imgList").css({ left: 0 });  // 첫 번째 슬라이드가 맨 앞에 오도록 위치 강제 설정
      mainSwipe(true);  // 첫 번째 슬라이드로 이동
    }, 10); // 타이밍 문제를 피하기 위해 짧은 지연을 주기
  });
});