$(document).ready(function () {
  $('.cd-popup').appendTo('body'); // 팝업 최상위 이동

  var container = $('.container2');
  var items = container.find('tr');
  var numberVisible = 5;
  var intervalSec = 3000;
  var rowHeight = items.last().outerHeight(); // 모든 tr이 동일 높이라고 가정

  // 초기 container 높이 설정
  container.css({
    height: rowHeight * numberVisible,
    overflow: 'hidden',
    position: 'relative'
  });

  // tbody에 position:relative가 없으면 animation이 깨질 수 있음
  var tbody = container.find('tbody');
  tbody.css({ position: 'relative', top: 0 });

  function vertCycle() {
    tbody.animate({ top: -rowHeight }, 600, function () {
      tbody.append(tbody.find('tr').first()); // 첫 번째 tr을 맨 뒤로 이동
      tbody.css({ top: 0 }); // 위치 초기화
    });
  }

  if (intervalSec < 700) intervalSec = 700;
  var intervalId = setInterval(vertCycle, intervalSec);

  // hover 시 정지/재시작
  //container.hover(
  //  function () {
  //    clearInterval(intervalId);
  //  },
  // function () {
  //    intervalId = setInterval(vertCycle, intervalSec);
  //  }
  //);
});