/* ★ [수정] 2026-03-26 &#8212; JS 오류 수정
   - timer 변수 var 선언 누락 → 전역 스코프 오염 및 strict mode 오류
     두 군데 모두 var timer 로 수정
   - DOMContentLoaded 이후에 실행되도록 $(document).ready 유지
*/
$(document).ready(function(){




  var $img = $(".changeimg ul li");
  var $btn = $(".main_btn ul li");
  var oldidx = 0;  /* 기존이미지 */
  var idx = 0;  /* 새로 바뀌는 이미지 */
  var img_n = $img.length;  /* length메서드 -> 1,2,3... 이미지의 개수를 세어서 변수를 저장 */


  /* ★ 수정: 이미지나 버튼이 없으면 실행하지 않음 (서브페이지 오류 방지) */
  if ($img.length === 0 || $btn.length === 0) { return; }




  /* 이미지와 버튼이 바뀌는 함수 */
  function changeImg(idx){ /* 매개변수가 있는 함수 -> idx는 선택되는 이미지 */




    if(oldidx != idx){ /* 기존의 이미지와 선택된 이미지가 다를때 */
      $btn.eq(oldidx).removeClass("active"); /* 기존 하단버튼 비활설화 -> active 클래스를 삭제 */
      $btn.eq(idx).addClass("active"); /* 선택된 하단버튼 활성화 -> active 클래스를 추가 */
      $img.eq(oldidx).stop().fadeOut("300"); /* 기존 이미지 사라짐 */
      $img.eq(idx).stop().fadeIn("300"); /* 새로 바뀌는 이미지가 나타남 */




    }
    oldidx = idx;  /* 선택된 이미지는 다시 기존이미지로 저장되어서 Fade Out.. */




  }




  /* 자동함수 생성 */
  function changeAuto(){
    
    idx++;
    
    /* 선택한 이미지가 마지막일때 다시 처음 이미지부터 시작 */
    if(idx > img_n-1){  /* index는 0부터 시작하고 length는 1부터 시작하므로 1을 빼줘야 마지막 숫자가 맞음 */
      idx=0;
    }




    changeImg(idx); /* 함수호출 */




  }


  /* ★ 수정: var 선언 추가 &#8212; 기존 코드는 var 없이 timer = setInterval(...) 이어서
     strict mode에서 ReferenceError, 일부 브라우저에서 전역 오염 발생 */
  var timer = setInterval(changeAuto, 3000); /* 3초 간격으로 함수를 자동재생 */
  
  /* 하단버튼 */
  $btn.click(function(){
    clearInterval(timer);  /* 클릭하면 자동화부터 멈추게 함:자동함수 해지->clearInterval(변수) */
    idx=$(this).index();
    changeImg(idx);
    /* ★ 수정: var 선언 추가 */
    timer = setInterval(changeAuto, 3000); /* 아무것도 클릭하지 않으면 다시 자동재생됨 */
  });




});