(function() { 'use strict'; // Mobile menu toggle const mobileMenuBtn = document.querySelector('.mobile-menu-btn'); const mobileNav = document.getElementById('mobileNav'); if (mobileMenuBtn && mobileNav) { mobileMenuBtn.addEventListener('click', function() { mobileNav.classList.toggle('active'); const isOpen = mobileNav.classList.contains('active'); mobileMenuBtn.setAttribute('aria-expanded', isOpen); }); // Close menu when clicking a link mobileNav.querySelectorAll('a').forEach(function(link) { link.addEventListener('click', function() { mobileNav.classList.remove('active'); mobileMenuBtn.setAttribute('aria-expanded', 'false'); }); }); } // Scroll reveal animation function initScrollReveal() { if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { // If user prefers reduced motion, make all elements visible immediately document.querySelectorAll('.situation-card, .guide-link, .learn-card, .uni-logo-item').forEach(function(el) { el.classList.add('visible'); }); return; } const observerOptions = { root: null, rootMargin: '0px 0px -50px 0px', threshold: 0.1 }; const observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry, index) { if (entry.isIntersecting) { // Stagger the animation setTimeout(function() { entry.target.classList.add('visible'); }, index * 50); observer.unobserve(entry.target); } }); }, observerOptions); document.querySelectorAll('.situation-card, .guide-link, .learn-card, .uni-logo-item').forEach(function(el) { observer.observe(el); }); } // Header scroll effect function initHeaderScroll() { const header = document.querySelector('.header'); let lastScroll = 0; window.addEventListener('scroll', function() { const currentScroll = window.pageYOffset; if (currentScroll > 100) { header.style.boxShadow = '0 2px 10px rgba(0,0,0,0.1)'; } else { header.style.boxShadow = 'none'; } lastScroll = currentScroll; }, { passive: true }); } // Smooth scroll for anchor links function initSmoothScroll() { document.querySelectorAll('a[href^="#"]').forEach(function(anchor) { anchor.addEventListener('click', function(e) { const targetId = this.getAttribute('href'); if (targetId === '#') return; const targetElement = document.querySelector(targetId); if (targetElement) { e.preventDefault(); const headerHeight = document.querySelector('.header').offsetHeight; const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - headerHeight - 20; window.scrollTo({ top: targetPosition, behavior: 'smooth' }); } }); }); } // Form handling function initForm() { const form = document.querySelector('.contact-form form'); if (form) { form.addEventListener('submit', function(e) { e.preventDefault(); const nameInput = form.querySelector('input[type="text"]'); const phoneInput = form.querySelector('input[type="tel"]'); const submitBtn = form.querySelector('button[type="submit"]'); if (nameInput.value.trim() && phoneInput.value.trim()) { submitBtn.textContent = 'תודה! ניצור קשר בקרוב'; submitBtn.disabled = true; submitBtn.style.background = 'var(--ez-green)'; // Reset after 3 seconds setTimeout(function() { submitBtn.textContent = 'שלחו לי פרטים'; submitBtn.disabled = false; submitBtn.style.background = ''; form.reset(); }, 3000); } }); } } // University logo hover effect function initLogoHover() { document.querySelectorAll('.uni-logo-item').forEach(function(logo) { logo.addEventListener('click', function() { // Placeholder for modal or link functionality console.log('Logo clicked:', this.getAttribute('title')); }); }); } // Initialize all functions when DOM is ready document.addEventListener('DOMContentLoaded', function() { initScrollReveal(); initHeaderScroll(); initSmoothScroll(); initForm(); initLogoHover(); }); })();