let mybutton = document.getElementById("myBtn");

    window.onscroll = function() {
        scrollFunction();
    };

    function scrollFunction() {
        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 1700) {
            mybutton.style.display = "block";
        } else {
            mybutton.style.display = "none";
        }
    }

    function topFunction() {
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;
    }



    // Burger menu toggle
    let navbg = document.querySelector('.navbar_menu');
    let menu = document.querySelector('.navbar');
    let hamburger = document.querySelector('.hamburger');

    hamburger.addEventListener('click', function() {
        navbg.classList.toggle('navbg');
        hamburger.classList.toggle('isactive');
        menu.classList.toggle('active');
    });



// Функция для переключения класса 'active'
function toggleActive(button) {
  // Получаем все элементы с классом 'time_arrow'
  const buttons = document.querySelectorAll('.time_arrow');
  
  // Проверяем, есть ли у элемента класс 'active'
  const isActive = button.classList.contains('active');
  
  // Удаляем класс 'active' со всех элементов и сбрасываем их текст
  buttons.forEach(btn => {
    btn.classList.remove('active');
    btn.textContent = "予約する ▼";
  });
 
  // Если элемент был активен, не добавляем класс 'active'
  if (!isActive) {
    // Добавляем класс 'active' только к нажатому элементу
    button.classList.add('active');
    // Меняем текст на "閉じる"
    button.textContent = "閉じる ▲";
  }

  // Найти ближайший элемент с классом 'pullDown_arrow' рядом с нажатой кнопкой
  const pullDownElement = button.parentNode.querySelector('.pullDown_arrow');

  // Если элемент найден, переключаем класс 'hidden' у этого элемента
  if (pullDownElement) {
    pullDownElement.classList.toggle('hidden');
  }
}


/*
// Функция для переключения класса 'active' 車の写真サイズ変更
function toggleActive1(button1) {
  // Получаем все элементы с классом 'time_arrow'
  const buttons1 = document.querySelectorAll('.car-wrap');
  
  // Проверяем, есть ли у элемента класс 'active'
  const isActive1 = button1.classList.contains('full-size');
  
  // Удаляем класс 'active' со всех элементов
  buttons1.forEach(btn => {
    btn.classList.remove('full-size');
  });
  
  // Если элемент был активен, не добавляем класс 'active'
  if (!isActive1) {
    // Добавляем класс 'active' только к нажатому элементу
    button1.classList.add('full-size');
  }

}

*/


// Функция для переключения класса 'activeChange'
function toggleActiveChange(button) {
  // Получаем все элементы с классом 'time_arrow_change'
  const buttons = document.querySelectorAll('.time_arrow_change');
  
  // Проверяем, есть ли у элемента класс 'activeChange'
  const isActive = button.classList.contains('activeChange');
  
  // Удаляем класс 'activeChange' со всех элементов
  buttons.forEach(btn => {
    btn.classList.remove('activeChange');
    btn.textContent = "変更"; // Сбрасываем текст всех кнопок
  });

  // Если элемент не был активен, добавляем класс 'activeChange'
  if (!isActive) {
    button.classList.add('activeChange');
    button.textContent = "閉じる"; // Меняем текст только на нажатой кнопке
  } else {
    button.textContent = "変更"; // Если элемент уже был активен, возвращаем текст
  }

  // Найти ближайший элемент с классом 'pullDown_arrow' рядом с нажатой кнопкой
  const pullDownElement = button.parentNode.querySelector('.pullDown_arrow_copy');

  // Если элемент найден, переключаем класс 'hidden' у этого элемента
  if (pullDownElement) {
    pullDownElement.classList.toggle('hidden');
  }
}

//car-image modal window

document.addEventListener("DOMContentLoaded", function () {
    // Получаем все контейнеры изображений
    const imageContainers = document.querySelectorAll('.image-container');

    // Для каждого контейнера добавляем обработчик события клика на изображение
    imageContainers.forEach(container => {
        const img = container.querySelector('.gallery-image');
        const closeBtn = container.querySelector('.close');

        img.addEventListener('click', function () {
            // Убираем класс "zoomed" у всех контейнеров, если есть
            imageContainers.forEach(c => c.classList.remove('zoomed'));

            // Добавляем класс "zoomed" для текущего контейнера
            container.classList.add('zoomed');
        });

        // Закрытие увеличенного изображения при клике на кнопку "крестик"
        closeBtn.addEventListener('click', function () {
            container.classList.remove('zoomed');
        });
    });
});