let sliders =  {"sliders":[{"image_url":"https://bys.taf.org.tr/MansetFotosu/603024ac-6957-4e49-9204-1f6738a40e7b.webp","slider_link":"/Haber/Detay/uzun-atlama-yarisinda-huseyin-ocak-altin-madalya-kazandi","slider_title":"Uzun Atlama yarışında Hüseyin Ocak, altın madalya kazandı.","slider_text":"Uzun Atlama yarışında Hüseyin Ocak, altın madalya kazandı."},{"image_url":"https://bys.taf.org.tr/MansetFotosu/bfd3817e-927c-4c83-b8a2-71bab68aa5e6.webp","slider_link":"/Haber/Detay/atlama-yarisinda-berra-aygun-altin-madalya-kazandi","slider_title":"Atlama yarışında Berra Aygün, altın madalya kazandı","slider_text":"Atlama yarışında Berra Aygün, altın madalya kazandı"},{"image_url":"https://bys.taf.org.tr/MansetFotosu/806df13a-257f-4798-b17e-b3554bc4e8a2.webp","slider_link":"/Haber/Detay/erdem-tilki-altin-madalya-kazandi","slider_title":"Erdem Tilki, altın madalya kazandı","slider_text":"Erdem Tilki, altın madalya kazandı"},{"image_url":"https://bys.taf.org.tr/MansetFotosu/ff4d20a6-a875-4bff-b8aa-df60478f8285.webp","slider_link":"/Haber/Detay/45uluslararasi-trabzon-yari-maratonu-kosuldu","slider_title":"45.Uluslararası Trabzon Yarı Maratonu Koşuldu","slider_text":"45.Uluslararası Trabzon Yarı Maratonu Koşuldu"},{"image_url":"https://bys.taf.org.tr/MansetFotosu/f9b345e8-7718-4907-9edf-bc0ec20bbc4d.webp","slider_link":"/Haber/Detay/mohamed-hocineye-tesekkurler","slider_title":"Mohamed Hocine’ye teşekkürler","slider_text":"Mohamed Hocine’ye teşekkürler"}]}
let slider_index = 0;
const SLIDER_INTERVAL = 5; // 5 saniyede bir geçsin

/* ------------- Mobile Menu ------------- */
document.getElementById("rightmenu").addEventListener("animationend", function (ev) {
    if (ev.animationName == "animate__fadeOutUp") {
        document.getElementById("rightmenu").style.display = "none";
    }
}, false);

function openrightmenu() {
    alert("clicked");
    document.getElementById("rightmenu").classList.add("sagagit");
    document.getElementById("rightmenu").classList.remove("solagit");

}



$(document).ready(function () {
    /* ------------- Mobile Menu ------------- */
    let header_items = $('#desktop_header_items').clone();
    header_items.removeClass('d-none');
    header_items.removeClass('d-lg-flex');
    header_items.addClass('d-flex');
    $('#rightmenu').append(header_items);

    let header_ara_social = $('#header_ara_social').clone();
    header_ara_social.removeClass('d-none');
    header_ara_social.removeClass('d-lg-block');
    header_ara_social.addClass('d-block');
    $('#rightmenu').append(header_ara_social);
    /* ------------- //Mobile Menu ------------- */

    /* Hide all tab contents */
    let tab_contents = $('.tab_contents').children();
    for (let j = 0; j < tab_contents.length; j++) {
        tab_contents.eq(j).attr('style', 'display: none');
    }
    tab_contents.eq(0).attr('style', 'display: block');
    /* //Hide all tab contents */


    /* Header sliders */
    slider_index = 0;
    $('#slider_image').attr("style", " margin-top:100px !important;   z-index: 1; height: 100%; width: 100% !important; background-image:url('" + sliders.sliders[slider_index].image_url + "'); background-position:  center; background-repeat: no-repeat;   background-size: 100% 100%;");
    $('#slider_title').text(sliders.sliders[slider_index].slider_title);
    $('#slider_text').text(sliders.sliders[slider_index].slider_text);
    /* //Header sliders */
})

$('.tab_header').click(function () {
    let tab_headers = $(this).parents().eq(0).children();
    for (let i = 0; i < tab_headers.length; i++) {
        tab_headers.eq(i).removeClass('tab_header_active');
    }
    $(this).addClass('tab_header_active');

    let tab_contents = $(this).parents().eq(1).children().eq(1).children();
    for (let j = 0; j < tab_contents.length; j++) {
        if ($(this).attr('tab-target') == tab_contents.eq(j).attr('id')) {
            tab_contents.eq(j).attr('style', 'display: block');
        } else {
            tab_contents.eq(j).attr('style', 'display: none');
        }
    }
})


let slider_interval = setInterval(() => {
    $('#slider_next').trigger('click');
}, SLIDER_INTERVAL * 1000);

$('#slider_prev').click(function () {
    slider_index--;
    if (slider_index < 0) {
        slider_index = sliders.sliders.length - 1;
    }
    $('#slider_image').removeClass('animate__animated');
    $('#slider_image').removeClass('animate__fadeIn');
    $('#slider_image').addClass('animate__animated');
    $('#slider_image').addClass('animate__fadeIn');
    $('#slider_image').attr("style", " margin-top:100px !important;   z-index: 1; height: 100%; width: 100% !important; background-image:url('" + sliders.sliders[slider_index].image_url + "'); background-position:  center; background-repeat: no-repeat;   background-size: 100% 100%;");
    $('#slider_title').text(sliders.sliders[slider_index].slider_title);
    $('#slider_text').text(sliders.sliders[slider_index].slider_text);
    $('#slider_link').attr('href', sliders.sliders[slider_index].slider_link);

    clearInterval(slider_interval);
    slider_interval = setInterval(() => {
        $('#slider_next').trigger('click');
    }, SLIDER_INTERVAL * 1000);
})

$('#slider_next').click(function () {
    slider_index++;
    if (slider_index > sliders.sliders.length - 1) {
        slider_index = 0;
    }
    $('#slider_image').removeClass('animate__animated');
    $('#slider_image').removeClass('animate__fadeIn');
    $('#slider_image').addClass('animate__animated');
    $('#slider_image').addClass('animate__fadeIn');
    $('#slider_image').attr("style", "  margin-top:100px !important;  z-index: 1; height: 100%; width: 100% !important; background-image:url('" + sliders.sliders[slider_index].image_url + "'); background-position:  center; background-repeat: no-repeat;   background-size: 100% 100%; ");
    $('#slider_title').text(sliders.sliders[slider_index].slider_title);
    $('#slider_text').text(sliders.sliders[slider_index].slider_text);
    $('#slider_link').attr('href', sliders.sliders[slider_index].slider_link);

    clearInterval(slider_interval);
    slider_interval = setInterval(() => {
        $('#slider_next').trigger('click');
    }, SLIDER_INTERVAL * 1000);
})

/* Swipers */
const swiper1 = new Swiper('.swiper1-swiper', {
    wrapper: ".swiper1-swiper-wrapper",
    direction: 'horizontal',
    loop: false,
    slidesPerView: 2,
    spaceBetween: 15,
    pagination: {
        el: '.swiper1-swiper-pagination',
        enabled: false
    },
    navigation: {
        nextEl: '.swiper1-swiper-button-next',
        prevEl: '.swiper1-swiper-button-prev',
        enabled: true
    },
    scrollbar: {
        el: '.swiper1-swiper-scrollbar',
        enabled: false
    },
    breakpoints: {
        992: {
            slidesPerView: 5,
            spaceBetween: 15,
            wrapper: ".swiper1-swiper-wrapper",
            direction: 'horizontal',
            loop: false,
            pagination: {
                el: '.swiper1-swiper-pagination',
                enabled: false
            },
            navigation: {
                nextEl: '.swiper1-swiper-button-next',
                prevEl: '.swiper1-swiper-button-prev',
                enabled: true
            },
            scrollbar: {
                el: '.swiper1-swiper-scrollbar',
                enabled: false
            },
        }
    }
});

const swiper2 = new Swiper('.swiper2-swiper', {
    wrapper: ".swiper2-swiper-wrapper",
    direction: 'horizontal',
    loop: false,
    slidesPerView: 2,
    spaceBetween: 15,
    pagination: {
        el: '.swiper2-swiper-pagination',
        enabled: false
    },
    navigation: {
        nextEl: '.swiper2-swiper-button-next',
        prevEl: '.swiper2-swiper-button-prev',
        enabled: true
    },
    scrollbar: {
        el: '.swiper2-swiper-scrollbar',
        enabled: false
    },
    breakpoints: {
        992: {
            slidesPerView: 5,
            spaceBetween: 15,
            wrapper: ".swiper2-swiper-wrapper",
            direction: 'horizontal',
            loop: false,
            pagination: {
                el: '.swiper2-swiper-pagination',
                enabled: false
            },
            navigation: {
                nextEl: '.swiper2-swiper-button-next',
                prevEl: '.swiper2-swiper-button-prev',
                enabled: true
            },
            scrollbar: {
                el: '.swiper2-swiper-scrollbar',
                enabled: false
            },
        }
    }
});

const swiper3 = new Swiper('.swiper3-swiper', {
    wrapper: ".swiper3-swiper-wrapper",
    direction: 'horizontal',
    loop: false,
    slidesPerView: 2,
    spaceBetween: 15,
    pagination: {
        el: '.swiper3-swiper-pagination',
        enabled: false
    },
    navigation: {
        nextEl: '.swiper3-swiper-button-next',
        prevEl: '.swiper3-swiper-button-prev',
        enabled: true
    },
    scrollbar: {
        el: '.swiper3-swiper-scrollbar',
        enabled: false
    },
    breakpoints: {
        992: {
            slidesPerView: 5,
            spaceBetween: 15,
            wrapper: ".swiper3-swiper-wrapper",
            direction: 'horizontal',
            loop: false,
            pagination: {
                el: '.swiper3-swiper-pagination',
                enabled: false
            },
            navigation: {
                nextEl: '.swiper3-swiper-button-next',
                prevEl: '.swiper3-swiper-button-prev',
                enabled: true
            },
            scrollbar: {
                el: '.swiper3-swiper-scrollbar',
                enabled: false
            },
        }
    }
});

const swiper4 = new Swiper('.swiper4-swiper', {
    wrapper: ".swiper4-swiper-wrapper",
    direction: 'horizontal',
    loop: false,
    slidesPerView: 2,
    spaceBetween: 15,
    pagination: {
        el: '.swiper4-swiper-pagination',
        enabled: false
    },
    navigation: {
        nextEl: '.swiper4-swiper-button-next',
        prevEl: '.swiper4-swiper-button-prev',
        enabled: true
    },
    scrollbar: {
        el: '.swiper4-swiper-scrollbar',
        enabled: false
    },
    breakpoints: {
        992: {
            slidesPerView: 5,
            spaceBetween: 15,
            wrapper: ".swiper4-swiper-wrapper",
            direction: 'horizontal',
            loop: false,
            pagination: {
                el: '.swiper4-swiper-pagination',
                enabled: false
            },
            navigation: {
                nextEl: '.swiper4-swiper-button-next',
                prevEl: '.swiper4-swiper-button-prev',
                enabled: true
            },
            scrollbar: {
                el: '.swiper4-swiper-scrollbar',
                enabled: false
            },
        }
    }
});

const swiper5 = new Swiper('.swiper5-swiper', {
    wrapper: ".swiper5-swiper-wrapper",
    direction: 'horizontal',
    loop: false,
    slidesPerView: 2,
    spaceBetween: 15,
    pagination: {
        el: '.swiper5-swiper-pagination',
        enabled: false
    },
    navigation: {
        nextEl: '.swiper5-swiper-button-next',
        prevEl: '.swiper5-swiper-button-prev',
        enabled: true
    },
    scrollbar: {
        el: '.swiper5-swiper-scrollbar',
        enabled: false
    },
    breakpoints: {
        992: {
            slidesPerView: 5,
            spaceBetween: 15,
            wrapper: ".swiper5-swiper-wrapper",
            direction: 'horizontal',
            loop: false,
            pagination: {
                el: '.swiper5-swiper-pagination',
                enabled: false
            },
            navigation: {
                nextEl: '.swiper5-swiper-button-next',
                prevEl: '.swiper5-swiper-button-prev',
                enabled: true
            },
            scrollbar: {
                el: '.swiper5-swiper-scrollbar',
                enabled: false
            },
        }
    }
});