https://www.arena-international.com/wp-content/themes/arena-2026-child/js/logos-slider.js?ver=1.0.1

1// Logos (Sponsors + Brands) slider
2let logos_per_slide = 9;
3let logos_transition_speed = 3000;
4let all_logos = document.querySelectorAll('.list-sponsors-brands .logo-item').length;
5
6if (all_logos > logos_per_slide) {
7    document.querySelectorAll('.list-sponsors-brands .logo-item').forEach((e, i) => {
8        e.setAttribute("id", +(i + 1));
9    });
10
11    let calculate_dots = all_logos / logos_per_slide;
12    let logosDots = document.getElementById("dots-logos");
13
14    for (let i = 0; i < calculate_dots; i += 1) {
15        let logosDotElement = document.createElement('li');
16        logosDots.appendChild(logosDotElement);
17    }
18
19    document.querySelector('.ours-brands #dots-logos li:first-child').classList.add("active");
20
21    for (let i = 1; i < (logos_per_slide + 1); i += 1) {
22        document.querySelector('.logo-item[id="' + i + '"]').style.display = 'flex';
23    }
24
25    document.querySelectorAll('.ours-brands #dots-logos li').forEach((logo, i) => {
26        logo.setAttribute("id", +(i + 1));
27        logo.addEventListener('click', () => {
28            document.querySelectorAll('.ours-brands #dots-logos li').forEach(l => l.classList.remove('active'));
29            logo.classList.add('active');
30            let get_logo_dot_id = logo.getAttribute("id");
31            let all_logos_list = document.querySelectorAll('.list-sponsors-brands .logo-item').length;
32            let calculate_logo_row = logos_per_slide * get_logo_dot_id;
33            let calculate_logo_start = calculate_logo_row - (logos_per_slide - 1);
34            
35            for (let i = 1; i < all_logos_list + 1; i += 1) {
36                document.querySelector('.logo-item[id="' + i + '"]').style.display = 'none';
37            }
38            
39            for (let i = calculate_logo_start; i < calculate_logo_row + 1; i += 1) {
40                if (document.querySelector('.logo-item[id="' + i + '"]')) {
41                    document.querySelector('.logo-item[id="' + i + '"]').style.display = 'flex';
42                }
43            }
44        });
45    });
46
47    let logo_i = 0;
48    let logo_autoplay = window.setInterval(function () {
49        logo_i = logo_i + 1;
50        let calculate_clicked_logo_dot = logo_i - 1;
51        if (document.querySelector(".ours-brands #dots-logos li:nth-of-type(" + calculate_clicked_logo_dot + ")")) {
52            document.querySelectorAll(".ours-brands #dots-logos li:nth-of-type(" + calculate_clicked_logo_dot + ")")[0].click();
53        } else {
54            document.querySelectorAll(".ours-brands #dots-logos li:nth-of-type(1)")[0].click();
55            logo_i = 1;
56        }
57    }, logos_transition_speed);
58} else {
59    let logos = document.querySelectorAll(".logo-item");
60    for (let i = 0; i < logos.length; i += 1) {
61        logos[i].style.display = 'flex';
62    }
63}