<script>
  // Liste des couleurs définies par vous (Rouge, Vert, Blanc)
  const colors = ['#FF0000', '#2b8c0f', '#FFFFFF']; // Rouge, Vert, Blanc

  // Fonction principale pour l'animation du texte
  function typeWriter(element, text, speed) {
      let i = 0;
      let colorIndex = 0; // Variable pour parcourir les couleurs

      // Fonction qui effectue l'animation du texte
      function type() {
          if (i < text.length) {
              element.innerHTML += text.charAt(i); // Ajoute une lettre à la fois
              i++;
              setTimeout(type, speed); // Relance la fonction après un délai
          } else {
              // Après avoir écrit tout le texte, on attend un peu avant de le réinitialiser
              setTimeout(function() {
                  element.innerHTML = ''; // Efface le texte
                  i = 0; // Réinitialise l'index
                  
                  // Réinitialisation du texte et effets
                  element.style.opacity = '1'; // Rendre le texte visible
                  element.style.transform = 'scale(1.1)'; // Agrandissement léger pour l'effet de surbrillance

                  // Change la couleur du texte en fonction de l'index des couleurs
                  element.style.color = colors[colorIndex];

                  // Après la transition, réinitialise la taille
                  setTimeout(function() {
                      element.style.transform = 'scale(1)';
                      
                      // Change l'index de la couleur pour le prochain cycle
                      colorIndex = (colorIndex + 1) % colors.length; // Passer à la couleur suivante

                      type(); // Relance l'animation
                  }, 500); // Délai avant de redémarrer l'animation
              }, 1000); // Délai avant de redémarrer l'animation
          }
      }

      type(); // Lance l'animation
  }

  window.onload = function() {
      const titleElement = document.getElementById('animatedTitle');
      const titleText = 'Salaheddine BELHASKA '; // Texte du titre
      const typingSpeed = 100; // Vitesse de l'animation (en millisecondes par lettre)
      typeWriter(titleElement, titleText, typingSpeed); // Lance l'animation du titre
  };
</script>
