document.addEventListener("DOMContentLoaded", function() {
  const cookieNotice = document.getElementById("cookie-notice");
  const acceptBtn = document.getElementById("accept-cookies");
  const rejectBtn = document.getElementById("reject-cookies");

  // Check if consent is already saved
  const consentStatus = localStorage.getItem("cookie_consent");
  if (!consentStatus) {
    cookieNotice.style.display = "block";
  }

  // Accept cookies
  acceptBtn.addEventListener("click", () => {
    localStorage.setItem("cookie_consent", "accepted");
    cookieNotice.style.display = "none";
    // Enable non-essential cookies (e.g., Google Analytics)
  });

  // Reject cookies
  rejectBtn.addEventListener("click", () => {
    localStorage.setItem("cookie_consent", "rejected");
    cookieNotice.style.display = "none";
    // Block non-essential cookies
    window['ga-disable-UA-XXXXX-Y'] = true; // Example: Disable Google Analytics
  });
});


$(document).ready(function(){
    $('.search-i i').click(function(){
        $('.search-post').fadeToggle(400);
    });
});

$(document).ready(function() {
    var scrollThreshold = 100; // 设置滚动阈值，当滚动超过这个值时触发效果
   
    $(window).scroll(function() {
      var scrollTop = $(this).scrollTop();
   
      if (scrollTop > scrollThreshold) {
        $('.head-top, .head-relative').addClass('hidden');
        $('.head-fixed').addClass('active');
      } else {
        $('.head-top, .head-relative').removeClass('hidden');
        $('.head-fixed').removeClass('active');
      }
    });
  });

  $(document).ready(function() {
    // 点击 .phone-btn 时，添加 open 类
    $('.phone-btn').click(function() {
        $('.phone-content, .phone-overlay').addClass('open');
    });
 
    // 点击 .phone-overlay 时，移除 open 类
    $('.phone-overlay').click(function() {
        $('.phone-content, .phone-overlay').removeClass('open');
    });
 
    // 阻止 .phone-content 内部的点击事件冒泡到 .phone-overlay，以避免关闭菜单
    $('.phone-content').click(function(event) {
        event.stopPropagation();
    });
 
    // 可选：如果 .phone-close 也应该关闭菜单，则添加点击事件
    $('.phone-close').click(function() {
        $('.phone-content, .phone-overlay').removeClass('open');
    });
});


// Product popup menu
$(document).ready(function() {
  const $productMenu = $('#productMenu'); // 只选择第一个导航的Product
  const $popup = $('.product-popup');
  const $popupClose = $('.popup-close');
  const $popupMask = $('.popup-mask');
  
  let timeoutId;

  // 鼠标进入显示弹窗
  $productMenu.on('mouseenter', function() {
    clearTimeout(timeoutId);
    $popup.addClass('active');
    $popupMask.fadeIn();
    $('body').css('overflow', 'hidden');
  });

  // 鼠标离开菜单和弹窗时隐藏
  $productMenu.add($popup).on('mouseleave', function() {
    timeoutId = setTimeout(() => {
      $popup.removeClass('active');
      $popupMask.fadeOut();
      $('body').css('overflow', '');
    }, 300); // 300ms延迟,避免鼠标移动到弹窗时闪烁
  });

  // 鼠标进入弹窗时保持显示
  $popup.on('mouseenter', function() {
    clearTimeout(timeoutId);
  });

  // 点击关闭按钮或遮罩隐藏弹窗  
  $popupClose.add($popupMask).on('click', function() {
    $popup.removeClass('active');
    $popupMask.fadeOut();
    $('body').css('overflow', '');
  });

  // 阻止弹窗内容点击事件冒泡
  $('.popup-content').on('click', function(e) {
    e.stopPropagation();
  });
});


document.addEventListener('DOMContentLoaded', function() {
    // 获取所有切换按钮
    const toggleBtns = document.querySelectorAll('.toggle-btn');
  
    toggleBtns.forEach(btn => {
      btn.addEventListener('click', function(e) {
        // 阻止事件冒泡（避免触发父元素的事件）
        e.stopPropagation();
        
        // 当前点击的li元素
        const currentLi = this.closest('li');
        // 所有包含下拉菜单的li元素（根据实际情况调整选择器）
        const allDropdownLis = document.querySelectorAll('.phone-list > ul > li');
  
        // 关闭其他li的下拉菜单
        allDropdownLis.forEach(li => {
          if (li !== currentLi) {
            li.classList.remove('active');
          }
        });
  
        // 切换当前li的active状态
        currentLi.classList.toggle('active');
      });
    });
  
    // 点击页面其他地方关闭所有下拉菜单（可选）
    document.addEventListener('click', function(e) {
      const allDropdownLis = document.querySelectorAll('.phone-list > ul > li');
      allDropdownLis.forEach(li => {
        li.classList.remove('active');
      });
    });
  });



  var swiper = new Swiper(".mySwiper", {
    spaceBetween: 30,
    centeredSlides: true,
    autoplay: {
      delay: 2500,
      disableOnInteraction: false,
    },
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },
  });

  var swiper = new Swiper('.news', {
    slidesPerView: 3,
    spaceBetween: 30,
    autoplay: {
      delay: 3500,
      disableOnInteraction: false,
    },
    breakpoints: {
      100: {
        slidesPerView:1,
        spaceBetween: 0,
      },
      540: {
        slidesPerView:1,
        spaceBetween: 30,
      },
      768: {
        slidesPerView: 2,
        spaceBetween: 30,
      },
      1024: {
        slidesPerView: 3,
        spaceBetween: 50,
      },
    },
  });

  const sidebar = document.querySelector('.sidebar');
  // 定义 goTop 函数
  function goTop() {
    window.scrollTo({
      top: 0,
      behavior: 'smooth'
    });
  }

  // 监听滚动事件
  window.addEventListener('scroll', function () {
    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    if (scrollTop > 200) {
      sidebar.style.opacity = 1;
    } else {
      sidebar.style.opacity = 0;
    }
  });

  var swiper = new Swiper(".InterSwiper", {
    autoplay: {
      delay: 3500,
      disableOnInteraction: false,
    },
        speed: 3000,
        loop: true,
        slidesPerView: '5',
        spaceBetween: 30,
        centeredSlides: true,
        loopedSlides: 5,
        breakpoints: {
          100: {
            slidesPerView:1,
            spaceBetween: 0,
          },
          540: {
            slidesPerView:1,
            spaceBetween: 30,
          },
          768: {
            slidesPerView: 2,
            spaceBetween: 30,
          },
          1024: {
            slidesPerView: 5,
            spaceBetween: 50,
          },
        },
  });