// 메인 롤링 이미지
$(function() {
  var vCount = $("#mainSlider ul.imgList li").length;
  var vIndex = 0;
  var vTimer;
  var vInterval = 100000; // 자동으로 슬라이딩 되는 주기 (단위 : ms)
  var swipeOptions = {
    triggerOnTouchEnd: true,
    swipeStatus: swipeStatus,
    allowPageScroll: "vertical",
    threshold: 10
  };
  // 메인 롤링이미지 스와이프 셋팅
  function swipeStatus(event, phase, direction, distance) {
    vWidth = $("#mainSlider ul.imgList li").width();
    if (phase == "move" && (direction == "left" || direction == "right")) {
      var duration = 0;
      if (direction == "left") {
        clearInterval(vTimer);
        $("#mainSlider ul.imgList").stop(true,false).animate({left:-(vWidth*vIndex) - distance + 'px'}, duration);
      } else if (direction == "right") {
        clearInterval(vTimer);
        $("#mainSlider ul.imgList").stop(true,false).animate({left:-(vWidth*vIndex) + distance + 'px'}, duration);
      }
    } else if (phase == "cancel") {
      mainSlide();
    } else if (phase == "end") {
      if (direction == "right") {
        if(vIndex===0) {
          mainClear();
          vIndex = 0;
          mainSlide();
          return false;
        }
        mainClear();
        vIndex--;
        mainSlide();
      } else if (direction == "left") {
        if(vIndex===vCount-1) {
          vIndex = vCount-1;
          mainClear();
          mainSlide();
          return false;
        }
        mainClear();
        vIndex++;
        mainSlide();
      }
    }
  }
  $("#mainSlider ul.imgList").swipe(swipeOptions);
  // 초기화
  function mainInit() {
    var wSize = $(window).width();
    $("#mainSlider ul.imgList li").css('width',wSize + 'px');
    $("#mainSlider ul.imgList").css('left',-(wSize * vIndex) + 'px');
  }
  // 페이지네이션 초기화
  function pagingInit() {
    var _li = "<li></li>";
    for(i=0; i<vCount; i++) {
      $("#mainSlider ul.pagination").append(_li);
    }
    $("#mainSlider ul.pagination li:first").addClass('active');
  }
  // 이미지 롤링 처리
  function mainSlide() {
    var vWidth = $("#mainSlider ul.imgList li:first").width();
    if(vIndex<0) {
      vIndex = vCount - 1;
    } else if (vIndex >= vCount) {
      vIndex = 0;
    }
    $("#mainSlider ul.imgList").stop(true,false).animate({left:-(vWidth*vIndex) + 'px'}, 600, 'easeOutCubic');
    pagingActive();
  }
  // 메인 롤링이미지 타이머 초기화
  function mainClear() {
    $("#mainSlider ul.imgList").stop();
    clearInterval(vTimer);
    vTimer = setInterval(function() { vIndex++; mainSlide(); }, vInterval);
  }
  // 이전버튼 클릭
  $("#mainSlider a.prev").click(function() {
    if(!$("#mainSlider ul.imgList").is(':animated')) {
      mainClear();
      vIndex--;
      mainSlide();
    }
  });
  // 다음버튼 클릭
  $("#mainSlider a.next").click(function() {
    if(!$("#mainSlider ul.imgList").is(':animated')) {
      mainClear();
      vIndex++;
      mainSlide();
    }
  });
  // 페이지네이션 상태 변경
  function pagingActive() {
    $("#mainSlider ul.pagination li").removeClass('active');
    $("#mainSlider ul.pagination li").eq(vIndex).addClass('active');
  }
  // 페이지네이션 클릭시
  $(document).on('click', '#mainSlider ul.pagination li', function() {
    var idx = $(this).index();
    if(!$("#mainSlider ul.imgList").is(':animated')) {
      mainClear();
      vIndex = idx;
      mainSlide();
    }
  });
  // 자동 슬라이드 타이머 설정
  vTimer = setInterval(function() { vIndex++; mainSlide(); }, vInterval);
  // 로드시 롤링이미지 초기화
  $(window).load(function() {
    mainInit();
    pagingInit();
  });
  // 화면 사이즈 조절시 롤링이미지 사이즈, 위치 맞춤
  $(window).resize(function() {
    mainInit();
  });
});