แนะนำ 1 เว็บ แทง มวยOne @ONE777 เว็บ ยอด นิยม แทง มวย ออนไลน์ กับเว็บพนัน ออนไลน์ อันดับ 1 แทงมวยออนไลน์ เดิมพันมวย แทงมวยสด แทงมวยวัน แทงมวยออนไลน์ ดูมวย

// ===============================

// HERO SLIDER

// ===============================



let slideIndex = 0;



const slides = document.querySelectorAll(".slide");



function showSlides() {



slides.forEach(slide => {

slide.style.display = "none";

});



slideIndex++;



if (slideIndex > slides.length) {

slideIndex = 1;

}



if (slides.length > 0) {

slides[slideIndex - 1].style.display = "block";

}



setTimeout(showSlides, 5000);

}



showSlides();





// ===============================

// DARK MODE

// ===============================



const darkBtn = document.getElementById("darkModeBtn");



if (darkBtn) {



darkBtn.addEventListener("click", () => {



document.body.classList.toggle("dark-mode");



if (document.body.classList.contains("dark-mode")) {



localStorage.setItem("theme", "dark");



} else {



localStorage.setItem("theme", "light");



}



});



}



window.addEventListener("load", () => {



const savedTheme = localStorage.getItem("theme");



if (savedTheme === "dark") {



document.body.classList.add("dark-mode");



}



});





// ===============================

// SEARCH NEWS

// ===============================



const searchInput = document.getElementById("searchInput");



if (searchInput) {



searchInput.addEventListener("keyup", function () {



let filter = this.value.toLowerCase();



let cards = document.querySelectorAll(".news-card");



cards.forEach(card => {



let text = card.textContent.toLowerCase();



if (text.includes(filter)) {



card.style.display = "block";



} else {



card.style.display = "none";



}



});



});



}





// ===============================

// MOBILE MENU

// ===============================



const menuBtn = document.getElementById("menuBtn");



const mobileMenu = document.getElementById("mobileMenu");



if (menuBtn && mobileMenu) {



menuBtn.addEventListener("click", () => {



mobileMenu.classList.toggle("show");



});



}





// ===============================

// BACK TO TOP

// ===============================



const topBtn = document.getElementById("topBtn");



window.onscroll = function () {



if (

document.body.scrollTop > 300 ||

document.documentElement.scrollTop > 300

) {



if (topBtn) {

topBtn.style.display = "block";

}



} else {



if (topBtn) {

topBtn.style.display = "none";

}



}



};



if (topBtn) {



topBtn.addEventListener("click", () => {



window.scrollTo({

top: 0,

behavior: "smooth"

});



});



}





// ===============================

// COUNTDOWN TO NEXT EVENT

// ===============================



const countdown = document.getElementById("countdown");



function updateCountdown() {



const eventDate = new Date("2026-08-01 20:30:00").getTime();



const now = new Date().getTime();



const distance = eventDate - now;



if (distance < 0) {



if (countdown) {

countdown.innerHTML = "การแข่งขันเริ่มแล้ว";

}



return;

}



const days = Math.floor(

distance / (1000 * 60 * 60 * 24)

);



const hours = Math.floor(

(distance % (1000 * 60 * 60 * 24))

/ (1000 * 60 * 60)

);



const minutes = Math.floor(

(distance % (1000 * 60 * 60))

/ (1000 * 60)

);



const seconds = Math.floor(

(distance % (1000 * 60))

/ 1000

);



if (countdown) {



countdown.innerHTML =

days + " วัน "

+ hours + " ชม. "

+ minutes + " นาที "

+ seconds + " วินาที";



}



}



setInterval(updateCountdown, 1000);





// ===============================

// NEWS FILTER

// ===============================



const filterButtons = document.querySelectorAll(".filter-btn");



filterButtons.forEach(btn => {



btn.addEventListener("click", () => {



const category = btn.dataset.category;



const newsItems =

document.querySelectorAll(".news-card");



newsItems.forEach(item => {



if (

category === "all" ||

item.dataset.category === category

) {



item.style.display = "block";



} else {



item.style.display = "none";



}



});



});



});





// ===============================

// IMAGE LIGHTBOX

// ===============================



const galleryImages =

document.querySelectorAll(".gallery img");



const lightbox =

document.getElementById("lightbox");



const lightboxImg =

document.getElementById("lightbox-img");



galleryImages.forEach(img => {



img.addEventListener("click", () => {



if (lightbox && lightboxImg) {



lightbox.style.display = "flex";



lightboxImg.src = img.src;



}



});



});



if (lightbox) {



lightbox.addEventListener("click", () => {



lightbox.style.display = "none";



});



}





// ===============================

// CURRENT YEAR

// ===============================



const year =

document.getElementById("currentYear");



if (year) {



year.textContent =

new Date().getFullYear();



}