window.addEventListener('load', function() {
        let badge = document.getElementById("approved-badge");
        if (badge) {
            let img = badge.querySelector("img");
            badge.removeAttribute("onclick");
            if (img) {
                // Preload images
                const preloadImages = {};
                [
                    "https://www.fanny-leicht.de/wp-content/uploads/2025/01/Unbenanntes_Projekt-4.png",
                    "https://www.fanny-leicht.de/wp-content/uploads/2025/01/Unbenanntes_Projekt-2.png",
                    "https://www.fanny-leicht.de/wp-content/uploads/2025/01/Unbenanntes_Projekt.png",
                    "https://www.fanny-leicht.de/wp-content/uploads/2025/01/Unbenanntes_Projekt-3.png",
                    "https://www.fanny-leicht.de/wp-content/uploads/2025/01/Unbenanntes_Projekt-5.png",
"https://www.fanny-leicht.de/wp-content/uploads/2025/01/Unbenanntes_Projekt-6.png"
                ].forEach(src => {
                    let image = new Image();
                    image.src = src;
                    preloadImages[src] = image;
                });

                // Replace original image source
                img.src = preloadImages["https://www.fanny-leicht.de/wp-content/uploads/2025/01/Unbenanntes_Projekt-4.png"].src;
                img.style.height = "40vh";
                img.style.cursor = "pointer";
                img.setAttribute("onclick", "secureRedirect('https://www.fanny-leicht.de/?p=3504')");

                // Add image 5 at the start
                let img5 = img.cloneNode(true);
                img5.src = preloadImages["https://www.fanny-leicht.de/wp-content/uploads/2025/01/Unbenanntes_Projekt-5.png"].src;
                img5.style.position = "absolute";
                img5.style.opacity = "1";
                badge.appendChild(img5);

                // Create red div element first
                let redDiv = document.createElement("div");
                redDiv.style.height = "3vh";
                redDiv.style.width = "1vw";
                redDiv.style.position = "absolute";
                redDiv.style.left = "62%";
                redDiv.style.top = "68%";
                redDiv.style.opacity = "1";
                redDiv.style.cursor = "pointer";
                badge.appendChild(redDiv);

                function createClone(src, delay) {
                    let clone = img.cloneNode(true);
                    clone.src = preloadImages[src].src;
                    clone.style.position = "absolute";
                    clone.style.opacity = "0";
                    clone.style.transition = "opacity 1s ease-in-out";
                    badge.appendChild(clone);
                    setTimeout(() => {
                        clone.style.opacity = "1";
                    }, delay);
                }

                // Show clones in order and remove img5 on click of the red div
                redDiv.addEventListener("click", function() {
                    img5.remove();
                    createClone("https://www.fanny-leicht.de/wp-content/uploads/2025/01/Unbenanntes_Projekt-2.png", 0);
                    createClone("https://www.fanny-leicht.de/wp-content/uploads/2025/01/Unbenanntes_Projekt.png", 1000);
                    createClone("https://www.fanny-leicht.de/wp-content/uploads/2025/01/Unbenanntes_Projekt-3.png", 500);
                    createClone("https://www.fanny-leicht.de/wp-content/uploads/2025/01/Unbenanntes_Projekt-6.png", 0);
                });
            }

            badge.style.right = "1vw";
            badge.style.bottom = "-2px";
            badge.style.height = "40vh";
        }
    });