// 동영상 슬라이더
$(function() {
 var allSize = "100%";  // 기준 사이즈 (반응형이면 % 단위, 아닐 경우 px 를 꼭 붙여 주세요!)
 // var allSize = "100%";  // 퍼센트로 주고자 할 경우
 var idx = 0;
 var bidx;
 var max = $("#videoSlider > ul > li").length;
 var liWidth;
 var video = new Array();
 // 윈도우 로드시 각 영상의 URL 을 배열변수에 저장
 $(window).load(function() {
  for(i=0; i<max; i++) {
   video[i] = $("#videoSlider > ul > li").eq(i).find('iframe').attr('src');
  }
 });
 // 페이지네이션 생성
 function initPaging() {
  var list = "<li></li>";
  for(i=0; i<max; i++) {
   $("#videoSlider > ol.pagination").append(list);
  }
  $("#videoSlider > ol.pagination > li:first").addClass('active');
 }
 // 슬라이더 초기화
 function initSlider() {
  $("#videoSlider").css('width', allSize);
  allSize = $("#videoSlider").width();
  $("#videoSlider > ul > li").css('width', allSize);
  initPaging();
 }
 // 슬라이딩 함수
 function slideVideo() {
  liWidth = $("#videoSlider > ul > li").width();
  if (idx < 0) {
   idx = max - 1;
  } else if (idx >= max) {
   idx = 0;
  }
  $("#videoSlider > ol.pagination > li").removeClass('active');
  $("#videoSlider > ol.pagination > li").eq(idx).addClass('active');
  $("#videoSlider > ul").stop().animate({left:-(liWidth * idx) + 'px'}, 400, function() {
   stopVideo();
  });
 }
 // 유튜브 영상 전체 정지
 function stopVideo() {
  $("#videoSlider > ul > li").eq(bidx).find('iframe').attr('src','');
  $("#videoSlider > ul > li").eq(bidx).find('iframe').attr('src',video[bidx]);
 }
 // 페이지네이션 클릭시 해당 순서로 슬라이드
 $(document).on('click', '#videoSlider > ol.pagination > li', function() {
  var tidx = $(this).index();
  bidx = idx;
  if(!$("#videoSlider > ul").is(':animated')) {
   idx = tidx;
   slideVideo();
  }
 });
 // 슬라이더 초기화
 initSlider();
});