if ( window.location.href.includes('index') ) {
    const mainSwiper = new Swiper('#mainSwiper .swiper-container', {
        sliderPerView: 1,
        spaceBetween: 50,
        loop: true,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        autoplay: {
            delay: 4000,
            disableOnInteraction: false,
        },
        centeredSlides: true,
        speed: 2000
    });
}


if ( window.location.href.includes('company') ) {
    const sectionContent = document.querySelectorAll('#companyInfo .sectionContent');
    const contentBtn = document.querySelectorAll('#companyInfo .sectionSidebar .item');
    for ( let i = 0; i < contentBtn.length; i ++ ) {
        contentBtn[i].addEventListener('click', () => {
            for ( let k = 0; k < contentBtn.length; k ++ ) {
                sectionContent[k].classList.remove('active');
                contentBtn[k].classList.remove('active');
            }
            sectionContent[i].classList.add('active');
            contentBtn[i].classList.add('active');
        })
    }
    const footer = document.querySelector('#footer');
    footer.classList.add('fix');
}

    const contentEngTitle = document.querySelector('#products .sectionContent.active .innerContentWrap .contentTitle b');

if ( window.location.href.includes('gauge') ) {
    const gaugeSeries = document.querySelectorAll('#products .sectionSidebar .item .subItem');
    contentEngTitle.classList.add('colorGauge');
    for ( let i = 0; i < gaugeSeries.length + 1; i ++ ) {
        const gaugeThis = `gauge0${[i + 1]}`;
        if ( location.href.includes(gaugeThis) ) {
            for ( let k = 0; k < gaugeSeries.length; k ++ ) {
                gaugeSeries[k].classList.remove('active')
            };
            gaugeSeries[i].classList.add('active');
        };
    };
};

if ( window.location.href.includes('machine') ) {
    const machineSeries = document.querySelectorAll('#products .sectionSidebar .item .subItem');
    contentEngTitle.classList.add('colorMachine');
    for ( let i = 0; i < machineSeries.length + 1; i ++ ) {
        const machineThis = `machine0${[i + 1]}`;
        if ( location.href.includes(machineThis) ) {
            for ( let k = 0; k < machineSeries.length; k ++ ) {
                machineSeries[k].classList.remove('active')
            };
            machineSeries[i].classList.add('active');
        };
    };
};

if ( window.location.href.includes('faNew') ) {
    const faNewSeries = document.querySelectorAll('#products .sectionSidebar .item .subItem');
    contentEngTitle.classList.add('colorFa');
    for ( let i = 0; i < faNewSeries.length + 1; i ++ ) {
        const faNewThis = `faNew0${[i + 1]}`;
        if ( location.href.includes(faNewThis) ) {
            for ( let k = 0; k < faNewSeries.length; k ++ ) {
                faNewSeries[k].classList.remove('active')
            };
            faNewSeries[i].classList.add('active');
        };
    };
};




if ( window.location.href.includes('introNew') ) {
document.getElementById('myVideo').addEventListener('ended', function(){
location.href="indexNew.php";
});
};




//for MOBILE
if ( window.outerWidth < 425 ) {
    const menuBtn = document.querySelector('#header .menuBtn');
    const headerMenuList = document.querySelectorAll('#header ul li');
    const headerMenu = document.querySelector('#header .headerMenu');
    const companyInfo = document.querySelector('#companyInfo');
    const products = document.querySelector('#products');
    menuBtn.addEventListener('click', () => {
        headerMenu.classList.toggle('slide');
    })
    if ( window.location.href.includes('company') || window.location.href.includes('gauge') || window.location.href.includes('machine') || window.location.href.includes('faNew') ) {
        if ( window.location.href.includes('company') ) {
            companyInfo.classList.add('hasSide')
        }
        if ( window.location.href.includes('gauge') || window.location.href.includes('machine') || window.location.href.includes('faNew') ) {
            products.classList.add('hasSide')
        }
        const sidebar = document.querySelector('.hasSide .sectionSidebar');
        const sideMenu = document.querySelector('.hasSide .sideMenu');
        sideMenu.addEventListener('click', () => {
            sidebar.classList.toggle('slide');
            if ( sidebar.classList.contains('slide') ) {
                sideMenu.innerHTML = "»çÀ̵å¹Ù ´Ý±â &lsaquo;";
            } else {
                sideMenu.innerHTML = "»çÀ̵å¹Ù ¿­±â &rsaquo;";
            }
        })


        const footer = document.querySelector('#footer');
        footer.classList.add('none');
    }
    if ( window.location.href.includes('gauge') || window.location.href.includes('machine') || window.location.href.includes('faNew') ) {
        const content = document.querySelectorAll('#products .sectionContent');
        for ( let i = 0; i < content.length; i ++ ) {
            content[i].classList.add('mobile');
        }
    }
}