` }, { type: "Dates", title: "Track Application Dates
Never Miss a Deadline", ctaText: "Check Dates", ctaLink: "#dates-list", image: "https://via.placeholder.com/300x500?text=Application+Deadlines", infoHTML: "

Live updates for all major university intake periods.

" }, { type: "Insurance", title: "Student & Travel Insurance
Get Comprehensive Coverage", ctaText: "Get Quote", ctaLink: "#insurance", image: "https://via.placeholder.com/300x500?text=Insurance+Services", infoHTML: "

Protect your future with our specialized student plans.

" }, { type: "Books", title: "Technical Books & Guides
New Arrivals Discount", ctaText: "Browse Books", ctaLink: "#books", image: "https://via.placeholder.com/300x500?text=Technical+Guides", infoHTML: ` ` } ]; let currentServiceIndex = -1; /** * Updates the promotional banner with a randomly selected service poster. */ function updateRandomPoster() { let randomIndex; do { randomIndex = Math.floor(Math.random() * services.length); } while (randomIndex === currentServiceIndex); currentServiceIndex = randomIndex; const selectedService = services[currentServiceIndex]; // Update text content promoTitleElement.innerHTML = selectedService.title; dynamicInfoElement.innerHTML = selectedService.infoHTML; // Update CTA button ctaButton.textContent = selectedService.ctaText; ctaButton.href = selectedService.ctaLink; // Update Image with Fade Effect promoImageElement.style.opacity = 0; setTimeout(() => { promoImageElement.src = selectedService.image; promoImageElement.alt = selectedService.title.replace(/
/g, ' '); promoImageElement.style.opacity = 1; }, 300); // 300ms matches the CSS transition time } // Initialize with a random poster when the page loads updateRandomPoster(); // --- Sidebar Toggle Functions --- function openSidebar() { sidebarMenu.classList.add('open'); sidebarOverlay.style.display = 'block'; } function closeSidebar() { sidebarMenu.classList.remove('open'); sidebarOverlay.style.display = 'none'; } // Add interactivity listeners sidebarToggle.addEventListener('click', openSidebar); sidebarClose.addEventListener('click', closeSidebar); sidebarOverlay.addEventListener('click', closeSidebar); // CTA button changes the poster randomly ctaButton.addEventListener('click', (event) => { event.preventDefault(); // Prevent navigating to placeholder link updateRandomPoster(); }); // Simplified link handler for Application Dates (now just an alert/placeholder) document.querySelector('.sidebar-links a[href="#dates-list"]').addEventListener('click', (event) => { event.preventDefault(); alert("You would be taken to a page listing application dates (Currently a placeholder)."); closeSidebar(); }); // Search Bar Interactivity searchButton.addEventListener('click', () => { const query = document.querySelector('.search-input').value; if (query.trim() !== '') { alert(`Searching the portal for: "${query}"...`); } else { alert('Please enter a search term.'); } }); // Optional: Alert for cart click document.querySelector('.cart-icon').addEventListener('click', () => { alert('Cart clicked! Showing service and book order summary.'); }); }); // JAVASCRIPT END HERE