const setUniformSubmenuHeightForAcademicPrograms = () => {
  let maxHeight = 0;

  // Find the "Academic Programs" top-level menu item
  const academicProgramsMenuItem = Array.from(document.querySelectorAll('.top-level > a')).find(anchor => anchor.textContent.trim() === "Academic Programs");

  // If "Academic Programs" is found, select its submenus; otherwise, select none
  const submenus = academicProgramsMenuItem ? academicProgramsMenuItem.closest('.top-level').querySelectorAll('.multilevel-linkul-0, .multilevel-linkul-1, .multilevel-linkul-2') : [];

  // Temporarily make submenus visible for height calculation
  submenus.forEach(submenu => {
    submenu.style.cssText = `
		height: unset;
		visibility: hidden;
		display:block;
	`;// reset the dynamically generated height

    maxHeight = Math.max(maxHeight, submenu.offsetHeight);
  });

  submenus.forEach(submenu => {
    // Apply the maximum height to "Academic Programs" submenus
	submenu.style.cssText = `
		height: ${maxHeight}px;
		visibility: unset;
		display:none;
	`;

  });
};

document.addEventListener('DOMContentLoaded', function () {
  // Timeout to ensure dynamic content is loaded
  setTimeout(() => {
      setUniformSubmenuHeightForAcademicPrograms();
  }, 15); // Adjust timeout as needed
});


let bottomNavigationResizeTimeoutId = null;

// Recalculate heights on window resize
window.addEventListener('resize', () => {
    if (bottomNavigationResizeTimeoutId !== null) {
        clearTimeout(bottomNavigationResizeTimeoutId);
    }

    bottomNavigationResizeTimeoutId = setTimeout(() => {
		setUniformSubmenuHeightForAcademicPrograms()
        console.log('fires once when resizing stops');
    }, 300);
});