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

try
{
    // Liste des id des contenants des vidéos à faire tourner : 
    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 && window.location.hash!=="")
        vCarousel(videosContainers, { firstVideoId:window.location.hash.replace("#","") });
    else
        vCarousel(videosContainers);
    
    // 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, { firstVideoId:link.hash.replace("#",""), playFirstVideo:true });// ici je demande à ce que la lecture de la vidéo choisie soit lancée automatiquement.
        });
    }
}
catch(e)
{
    console.error(e);
}