/// Exemple d'utilisation de vCarousel avec 3 vidéos
import { vCarousel } from "./vCarousel";

try
{
    // Liste des id des contenants des vidéos à afficher : 
    const videosContainers=["vFunanbule", "vForgeron", "vCircuit"];
    // Si un id est fourni par l'url, on affiche cette vidéo en premier :
    if(window.location.hash!==undefined)
        vCarousel(videosContainers, window.location.hash.replace("#",""));
    else
        vCarousel(videosContainers);// le deuxième paramètre est facultatif
    
    // Dans le cas où l'utilisateur clique pour sélectionner une vidéo à afficher, on actualise l'affichage :
    let selectLinks=document.querySelectorAll(".selectVideo");
    for (let i = 0; i < selectLinks.length; i++)
    {
        let link=<HTMLAnchorElement>selectLinks[i];
        link.addEventListener("click", function(e)
        {
            vCarousel(videosContainers, link.hash.replace("#",""));
        });
    }
}
catch(e)
{
    console.error(e);
}