function updateContent(contentId, element) {

  // 모든 숨겨진 콘텐츠를 숨깁니다.
  document.querySelectorAll(".hidden-content").forEach(function (content) {
    content.style.display = "none";
  });

  // 모든 메뉴 항목의 active 클래스를 제거합니다. 이때, Product 메뉴 버튼의 active 클래스도 제거됩니다.
  document.querySelectorAll(".menu ul li a").forEach(function (menuItem) {
    menuItem.classList.remove("active");
  });

  // 클릭된 메뉴 항목에 active 클래스를 추가합니다.
  if (element) element.classList.add("active");

  // 선택된 콘텐츠를 보여줍니다.
  var content = document.getElementById(contentId);
  content.style.display = "block";


  let video = document.getElementById("home-content-video-5");
  //console.log(content.id);
  if(content.id != "home-content")
  {
    video.pause();
  }
  else{
    video.play();
  }
}

function updateDropdownContent(contentId) {
  // 모든 숨겨진 콘텐츠를 숨깁니다.
  document.querySelectorAll(".hidden-content").forEach(function (content) {
    content.style.display = "none";
  });

  // 모든 메뉴 항목의 active 클래스를 제거합니다.
  document.querySelectorAll(".menu ul li a").forEach(function (menuItem) {
    menuItem.classList.remove("active");
  });

  // Product 메뉴 버튼에 active 클래스를 추가합니다.
  document.getElementById("menu-product").classList.add("active");

  // 선택된 드롭다운 콘텐츠를 보여줍니다.
  var content = document.getElementById(contentId);
  content.style.display = "block";

}

function toggleDropdownActiveState() {
  var productMenu = document.getElementById("menu-product");
  productMenu.classList.toggle("active");
}

// 페이지 로딩 시 기본적으로 홈 메뉴가 활성화되게 설정합니다.
window.onload = function () {
  updateContent("home-content", document.getElementById("menu-home"));
};