// Массив доступных CSS файлов
const stylesheets = ["/styles/nav1.css", "/styles/nav2.css", "/styles/nav3.css"];
let currentIndex = 0;

// Загружаем ранее сохранённый стиль при загрузке страницы
function loadStyle() {
  const savedStyle = localStorage.getItem("selectedStyle"); // Получить стиль из localStorage
  const linkElement = document.getElementById("theme");

  if (savedStyle && stylesheets.includes(savedStyle)) {
    linkElement.href = savedStyle; // Установить сохранённый стиль
    currentIndex = stylesheets.indexOf(savedStyle); // Обновить текущий индекс
  }
}

// Меняем стиль по нажатию кнопки
function changeStyle() {
  const linkElement = document.getElementById("theme");

  currentIndex = (currentIndex + 1) % stylesheets.length; // Переключить на следующий стиль
  const nextStyle = stylesheets[currentIndex];

  linkElement.href = nextStyle; // Установить новый стиль
  localStorage.setItem("selectedStyle", nextStyle); // Сохранить стиль в localStorage
}

// Вызываем функцию для загрузки сохранённого стиля
loadStyle();