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

try
{
    // Initialisation vCarousel :
    const videosContainers=["vFunanbule", "vForgeron", "vCircuit"];
    const testvCarousel=new vCarousel();
    testvCarousel.vContainers=videosContainers;
    
    // Si un id est fourni par l'url, on affiche cette vidéo en premier :
    if(window.location.hash!==undefined && window.location.hash!=="")
        testvCarousel.firstVideoId=window.location.hash.replace("#","");
    // On lance le carrousel :
    testvCarousel.run();
    
    // 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)
        {
            testvCarousel.firstVideoId=link.hash.replace("#","");
            testvCarousel.playFirstVideo=true;// ici je demande à ce que la lecture de la vidéo choisie soit lancée automatiquement.
            testvCarousel.run();
        });
    }
}
catch(e)
{
    console.error(e);
}