AI update: הוסף לאתר כפתור צף (floating toggle) בפינת המסך שמאפשר החלפה בין עברית לאנגלית. צור תרגום מלא לאנגלית של כל תוכן האתר הק

script.js

@@ -1,13 +1,69 @@
 (function() {
   'use strict';
 
+  // Language Toggle Functionality
+  var currentLang = localStorage.getItem('est-trade-lang') || 'he';
+  var langToggle = document.getElementById('langToggle');
+  var langToggleText = langToggle ? langToggle.querySelector('.lang-toggle-text') : null;
+
+  function setLanguage(lang) {
+    currentLang = lang;
+    localStorage.setItem('est-trade-lang', lang);
+    
+    var htmlEl = document.documentElement;
+    
+    if (lang === 'en') {
+      htmlEl.setAttribute('lang', 'en');
+      htmlEl.setAttribute('dir', 'ltr');
+      if (langToggleText) langToggleText.textContent = 'עב';
+    } else {
+      htmlEl.setAttribute('lang', 'he');
+      htmlEl.setAttribute('dir', 'rtl');
+      if (langToggleText) langToggleText.textContent = 'EN';
+    }
+    
+    var translatableElements = document.querySelectorAll('[data-lang-he][data-lang-en]');
+    translatableElements.forEach(function(el) {
+      var heText = el.getAttribute('data-lang-he');
+      var enText = el.getAttribute('data-lang-en');
+      el.textContent = lang === 'en' ? enText : heText;
+    });
+    
+    updatePageTitle(lang);
+  }
+
+  function updatePageTitle(lang) {
+    var titleEl = document.querySelector('title');
+    if (!titleEl) return;
+    
+    var currentTitle = titleEl.textContent;
+    
+    if (window.location.pathname.includes('contact')) {
+      titleEl.textContent = lang === 'en' ? 'Contact Us | Est Trade' : 'צור קשר | Est Trade';
+    } else {
+      titleEl.textContent = lang === 'en' ? 'Est Trade | Professional Import & Export' : 'Est Trade | יבוא ויצוא מקצועי לעסקים';
+    }
+  }
+
+  if (langToggle) {
+    langToggle.addEventListener('click', function() {
+      var newLang = currentLang === 'he' ? 'en' : 'he';
+      setLanguage(newLang);
+    });
+  }
+
+  // Initialize language on page load
+  if (currentLang) {
+    setLanguage(currentLang);
+  }
+
   // Mobile Navigation Toggle
-  const navToggle = document.querySelector('.nav-toggle');
-  const navLinks = document.querySelector('.nav-links');
+  var navToggle = document.querySelector('.nav-toggle');
+  var navLinks = document.querySelector('.nav-links');
 
   if (navToggle && navLinks) {
     navToggle.addEventListener('click', function() {
-      const isExpanded = this.getAttribute('aria-expanded') === 'true';
+      var isExpanded = this.getAttribute('aria-expanded') === 'true';
       this.setAttribute('aria-expanded', !isExpanded);
       navLinks.classList.toggle('is-open');
     });
@@ -30,10 +86,10 @@
   }
 
   // Scroll Reveal Animation
-  const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+  var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
 
   if (!prefersReducedMotion) {
-    const revealElements = document.querySelectorAll(
+    var revealElements = document.querySelectorAll(
       '.about-content, .about-visual, .service-card, .advantage-item, ' +
       '.testimonial-card, .partner-logo, .section-header, .hero-content, ' +
       '.hero-stats, .info-card, .contact-form'
@@ -43,13 +99,13 @@
       el.classList.add('reveal');
     });
 
-    const observerOptions = {
+    var observerOptions = {
       root: null,
       rootMargin: '0px 0px -50px 0px',
       threshold: 0.1
     };
 
-    const revealObserver = new IntersectionObserver(function(entries) {
+    var revealObserver = new IntersectionObserver(function(entries) {
       entries.forEach(function(entry) {
         if (entry.isIntersecting) {
           entry.target.classList.add('is-visible');
@@ -64,39 +120,45 @@
   }
 
   // Contact Form Handling with Validation
-  const contactForm = document.getElementById('contactForm');
-  const formSuccess = document.getElementById('formSuccess');
+  var contactForm = document.getElementById('contactForm');
+  var formSuccess = document.getElementById('formSuccess');
 
   if (contactForm && formSuccess) {
-    const validators = {
+    var validators = {
       name: {
         validate: function(value) { return value.trim().length >= 2; },
-        message: 'נא להזין שם מלא'
+        messageHe: 'נא להזין שם מלא',
+        messageEn: 'Please enter your full name'
       },
       email: {
         validate: function(value) { return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value); },
-        message: 'נא להזין כתובת אימייל תקינה'
+        messageHe: 'נא להזין כתובת אימייל תקינה',
+        messageEn: 'Please enter a valid email address'
       },
       phone: {
         validate: function(value) { return /^[\d\-\+\s]{9,}$/.test(value); },
-        message: 'נא להזין מספר טלפון תקין'
+        messageHe: 'נא להזין מספר טלפון תקין',
+        messageEn: 'Please enter a valid phone number'
       },
       message: {
         validate: function(value) { return value.trim().length >= 10; },
-        message: 'נא להזין הודעה (לפחות 10 תווים)'
+        messageHe: 'נא להזין הודעה (לפחות 10 תווים)',
+        messageEn: 'Please enter a message (at least 10 characters)'
       }
     };
 
     function validateField(field) {
-      const validator = validators[field.name];
+      var validator = validators[field.name];
       if (!validator) return true;
 
-      const errorEl = field.parentElement.querySelector('.form-error');
-      const isValid = validator.validate(field.value);
+      var errorEl = field.parentElement.querySelector('.form-error');
+      var isValid = validator.validate(field.value);
 
       if (!isValid) {
         field.classList.add('is-invalid');
-        if (errorEl) errorEl.textContent = validator.message;
+        if (errorEl) {
+          errorEl.textContent = currentLang === 'en' ? validator.messageEn : validator.messageHe;
+        }
       } else {
         field.classList.remove('is-invalid');
         if (errorEl) errorEl.textContent = '';
@@ -107,7 +169,7 @@
 
     // Real-time validation on blur
     Object.keys(validators).forEach(function(fieldName) {
-      const field = contactForm.querySelector('[name="' + fieldName + '"]');
+      var field = contactForm.querySelector('[name="' + fieldName + '"]');
       if (field) {
         field.addEventListener('blur', function() {
           validateField(this);
@@ -123,24 +185,24 @@
     contactForm.addEventListener('submit', function(e) {
       e.preventDefault();
       
-      let isFormValid = true;
+      var isFormValid = true;
       
       Object.keys(validators).forEach(function(fieldName) {
-        const field = contactForm.querySelector('[name="' + fieldName + '"]');
+        var field = contactForm.querySelector('[name="' + fieldName + '"]');
         if (field && !validateField(field)) {
           isFormValid = false;
         }
       });
 
       if (!isFormValid) {
-        const firstInvalid = contactForm.querySelector('.is-invalid');
+        var firstInvalid = contactForm.querySelector('.is-invalid');
         if (firstInvalid) firstInvalid.focus();
         return;
       }
       
-      const submitBtn = contactForm.querySelector('button[type="submit"]');
-      const originalText = submitBtn.textContent;
-      submitBtn.textContent = 'שולח...';
+      var submitBtn = contactForm.querySelector('button[type="submit"]');
+      var originalText = submitBtn.textContent;
+      submitBtn.textContent = currentLang === 'en' ? 'Sending...' : 'שולח...';
       submitBtn.disabled = true;
 
       setTimeout(function() {
@@ -153,14 +215,14 @@
   // Smooth scroll for anchor links with header offset
   document.querySelectorAll('a[href^="#"]').forEach(function(anchor) {
     anchor.addEventListener('click', function(e) {
-      const targetId = this.getAttribute('href');
+      var targetId = this.getAttribute('href');
       if (targetId === '#') return;
       
-      const targetElement = document.querySelector(targetId);
+      var targetElement = document.querySelector(targetId);
       if (targetElement) {
         e.preventDefault();
-        const headerHeight = document.querySelector('.site-header').offsetHeight;
-        const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - headerHeight - 20;
+        var headerHeight = document.querySelector('.site-header').offsetHeight;
+        var targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - headerHeight - 20;
         
         window.scrollTo({
           top: targetPosition,
@@ -171,11 +233,11 @@
   });
 
   // Header background enhancement on scroll
-  const header = document.querySelector('.site-header');
+  var header = document.querySelector('.site-header');
 
   if (header) {
     window.addEventListener('scroll', function() {
-      const currentScroll = window.pageYOffset;
+      var currentScroll = window.pageYOffset;
       
       if (currentScroll > 100) {
         header.style.background = 'rgba(10, 22, 40, 0.98)';