// 유튜브 ID 추출
function getYoutubeVideoId(url) {
  const watchRegex = /[?&]v=([^&]+)/;
  const shortsRegex = /\/shorts\/([^?&]+)/;

  const watchMatch = url.match(watchRegex);
  if (watchMatch) return watchMatch[1];

  const shortsMatch = url.match(shortsRegex);
  if (shortsMatch) return shortsMatch[1];

  return null;
}

// 썸네일 URL 생성
function createThumbnailUrl(id) {
  return id ? `https://img.youtube.com/vi/${id}/0.jpg` : null;
}

// 임베드 URL 생성
function createEmbedUrl(id) {
  return id ? `https://www.youtube.com/embed/${id}?autoplay=1&mute=1` : null;
}


let ytScrollY;




function lockScroll() { 
ytScrollY = window.scrollY; 
document.body.style.position = 'fixed'; 
document.body.style.top = `-${ytScrollY}px`; document.body.style.width = '100%'; 
}


function unlockScroll() { 
  const html = document.documentElement;
  const prevScrollBehavior = html.style.scrollBehavior;
  html.style.scrollBehavior = 'auto';


document.body.style.position = ''; 
document.body.style.top = ''; 
document.body.style.width = ''; 
window.scrollTo(0, ytScrollY); 


  setTimeout(() => {
    html.style.scrollBehavior = prevScrollBehavior || '';
  }, 0);
}

// 프레임 닫기

function closeFrame(e) {


  e.remove();
unlockScroll();
}

// 프레임 열기
function openFrame(embedSrc) {


  const html = `
    <div class="youtube-frame" onclick="closeFrame(this)">
      <iframe src="${embedSrc}" width="300" height="600"></iframe>
    </div>`;
  document.querySelector('.contribution-form')?.insertAdjacentHTML('beforeend', html);


lockScroll();
}

// 썸네일 레이어 생성
function createLayer(imgSrc, embedSrc) {
  return `
    <div class="thumbnail-wrap" data-embed="${embedSrc}">
      <img src="${imgSrc}">
    </div>`;
}

// DOM 로드 시 실행
window.addEventListener("DOMContentLoaded", () => {
  const videoData = []; // 각 항목별 유튜브 정보 저장

  // 썸네일 삽입 및 정보 수집
  document.querySelectorAll('.gallery_etc > font').forEach((el, idx) => {
    const text = el.textContent.trim();
    if (text.startsWith("유튜브주소 :")) {
      const youtubeUrl = text.replace("유튜브주소 : ", "").replace(/\[|\]/g, "").trim();
      const youtubeId = getYoutubeVideoId(youtubeUrl);
      const thumbnailSrc = createThumbnailUrl(youtubeId);
      const embedSrc = createEmbedUrl(youtubeId);
      const html = createLayer(thumbnailSrc, embedSrc);

      el.insertAdjacentHTML('afterbegin', html);

      // <td> 내에 .gallery_title 없는 경우만 [] 제거
      const td = el.closest('td');
      if (td && !td.querySelector('.gallery_title')) {
        td.innerHTML = td.innerHTML.replace(/\[|\]/g, '');
      }

      videoData[idx] = { embedSrc };
    }
  });

  // 제목 링크 클릭 방지 + 클릭 시 영상 재생
	let isAdmin = document.querySelector('.board_admin_bgcolor')
if(!isAdmin){
  document.querySelectorAll('.gallery_subject a').forEach((aTag, idx) => {
    aTag.removeAttribute('href');
    aTag.style.pointerEvents = 'auto';
    aTag.style.cursor = 'pointer';

    const data = videoData[idx];
    if (data && data.embedSrc) {
      aTag.addEventListener('click', () => {
        openFrame(data.embedSrc);
      });
    }
  });


}


  // 썸네일 클릭 시 영상 재생
  document.querySelectorAll('.thumbnail-wrap').forEach((el) => {
    el.addEventListener('click', () => {
      const embedSrc = el.getAttribute('data-embed');
      if (embedSrc) openFrame(embedSrc);
    });
  });
});