const links = [{"id":186,"link":"dronebl.org","name":"DroneBL"},{"id":219,"link":"root-servers.org","name":"root-servers.org"},{"id":173,"link":"www.uitzendinggemist.nl","name":"uitzending gemist"},{"id":25,"link":"sf.net","name":"SourceForge"},{"id":85,"link":"www.linkedin.com","name":"LinkedIN"},{"id":314,"link":"mathworld.wolfram.com\/","name":"Wolfram MathWorld"},{"id":115,"link":"www.apache.org","name":"Apache"},{"id":249,"link":"www.apple.com\/nl\/macos\/","name":"macOS"},{"id":137,"link":"news.bbc.co.uk","name":"bbc"},{"id":61,"link":"www.bing.com\/webmasters\/help\/which-crawlers-does-bing-use-8c184ec0","name":"bingbot"}];
        let currentIndex = 0;

        function showNextImage() {
            if (currentIndex < links.length) {
                const link = links[currentIndex];
                const container = document.getElementById('imageContainer');
                container.innerHTML = `<a href="?go=${link.link}"><p>${link.name}</p><img src="/links/images/thumbs/${link.id}.jpg" alt="Link Image"></a>`;
                currentIndex = (currentIndex + 1) % links.length;
                setTimeout(showNextImage, 1000); // Show next image after 1 second
            }
        }

        // Start showing images when the page loads
	window.onload = showNextImage;