// media
/*const media1 = document.querySelector('#video1');
const play1 = document.querySelector('#play1');
play1.addEventListener('click', function () {
    media1.style.opacity = 1;
    media1.play();
    play1.style.display = 'none';
});
media1.addEventListener('pause', function () {
    media1.style.opacity = 0;
    play1.style.display = 'block';
});


// media 
const media2 = document.querySelector('#video2');
const play2 = document.querySelector('#play2');
play2.addEventListener('click', function () {
    media2.style.opacity = 1;
    media2.play();
    play2.style.display = 'none';
});
media2.addEventListener('pause', function () {
    media2.style.opacity = 0;
    play2.style.display = 'block';
});

 */
// dots
doActiveDots();
function doActiveDots(){
    const topp = window.scrollY;
    const activeID = Math.floor(topp / 1080) + 1;
    $('.dots .dot').removeClass('active');
    $('#dot-' + activeID).addClass('active');
}
$('.dots .dot').click(function () {
    $('.dot').removeClass('active');
    $(this).addClass('active');
    const id = $(this).attr('data-id');
    const top = $('#section-' + id).offset().top;
    window.scrollTo(0, top);
});
$(document).scroll( function(e) {
    doActiveDots();
});

// swiper in  secton 1
const swiper0 = new Swiper('#swiper-container-1', {
    slidesPerView: 1,
    autoplay:true,
    pagination: {
        el: ".swiper-pagination",
    },
    /* navigation: {
         nextEl: '.swiper-button-next',
         prevEl: '.swiper-button-prev',
     },*/
    loop: true,
});

$('.swiper-container-buttons .swiper-slide').click(function () {
    $('.swiper-container-buttons .swiper-slide').removeClass('active');
    $(this).addClass('active');
    const id = $(this).attr('data-id');
    swiper0.slideTo(id, 500);
});

swiper0.on('slideChange', function (e) {
    const id = swiper0.activeIndex === 0 ? 3 :
        (swiper0.activeIndex === 4 ? 1 : swiper0.activeIndex);
    $('.swiper-container-buttons .swiper-slide').removeClass('active');
    $('#swiper-container-1-button-' + id).addClass('active');
});


// swiper 
$('.section-3-container  .swiper-slide').click(function (event) {
    if (event.target.tagName !== 'IMG') {
        $('.section-3-container  .swiper-slide').removeClass('active');
        $(this).addClass('active');
    }
});


// swiper 
$('.section-3-container .swiper-slide .next').click(function () {
    const id = $(this).attr('data-id');
    const next = Number(id) + 1 === 5 ? 1 : Number(id) + 1;
    $('.section-3-container .swiper-slide').removeClass('active');
    $('#section-3-container-slide-' + next).addClass('active');
});


// swiper 
var swiper5 = new Swiper('#swiper-container-5', {
    slidesPerView: 3,
    spaceBetween: 120,
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
    loop: true
});


// swiper 
var swiper6 = new Swiper('#swiper-container-6', {
    slidesPerView: 5,
    pagination: {
        el: '.swiper-pagination',
        type: 'fraction',
    },
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
    loop: true
});