//Fonction invoquée lors de l'initialisation du carousel de vidéo page de zone Multimédia.
function carousselMulti_initCallback(carousel) {
    carouselTemp = carousel;

};

function carousselMulti_itemLoadCallback(carousel, state) {


    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }

        if (i > caroussel_itemList.length) {
            break;
        }

        carousel.add(i, carousselMulti_getItemHTML(caroussel_itemList[i - 1].arrayVideos));
    }

}

//Création des 6 thumbnails de chaque li
function carousselMulti_getItemHTML(item) {

    var liContenu = "";

    for (var i = 0; i < item.length; i++) {

        /*Pour que le texte soit aussi cliquable, on met le onclick sur le div contenant l'image et le texte*/

        liContenu += '<div class="videoItem" id="';
        liContenu += item[i].videoId;        
        liContenu += '" onclick=\'getFlowPlayer(\"';
        liContenu += item[i].video;
        liContenu += '","';
        liContenu += item[i].image;
        liContenu += '","';
        liContenu += item[i].videoId;
        liContenu += '","';
        liContenu += item[i].titre.replace(/\"/g, '\\\"');
        liContenu += '");setTitreLegende("';
        liContenu += item[i].titre.replace(/\"/g, '\\\"');
        liContenu += '","';
        liContenu += item[i].legende.replace(/(\&quot;|\")/g, '\\\"');
        liContenu += '","';
        liContenu += item[i].dateContenu;
        liContenu += '","';
        liContenu += item[i].videoId;       
        liContenu += '\")\'><div class="videoThumbnailImg"><img src="'; 
        liContenu += item[i].thumbnail;
        liContenu += '" alt="';
        liContenu += item[i].titre.replace(/\"/g, '&#8220;');
        liContenu += '"/><br />';
        liContenu += item[i].dateDiffusion;
        liContenu += '</div><div class="videoThumbnailTxt">';
        liContenu += item[i].titre;
        liContenu += '</div><div style="clear: both;"></div></div>';
    }
    return liContenu;
}

function setPremierVideo(item) {
    //On 'active' le premier vidéo du li
    idPremierVideo = "#" + item[0].videoId;
    $(idPremierVideo).click();
};

//Variable utile pour savoir si jScrollPane a été utilisé
var jscrollActif = "no";

function setTitreLegende(titre, legende, dateContenu, idVideo) {

    $("#titre").html(titre);
    $("#legendeText").html(legende);
    $("#dateContenuVideo").html("(" + dateContenu + ")");

    //Retire la classe «jcarousel-item-selected» de tous les items du carrousel
    $('.jcarousel-item-selected').removeClass("jcarousel-item-selected");

    //Ajoute la classe «jcarousel-item-selected» à l'item cliqué 
    //$("#" + idVideo).addClass("jcarousel-item-selected");
    //$("#" + idVideo).parent(".videoThumbnailImg").parent(".videoItem").addClass("jcarousel-item-selected"); 
    $("#" + idVideo).addClass("jcarousel-item-selected"); 

    //Lien vers la vidéo

//    if (langue == "fr") {
//        $("#btnVideoUnique").attr("href", "http://www.francofolies.com/multimedia-fr/video.aspx?id=" + idVideo);
//    }
//    else {
//        $("#btnVideoUnique").attr("href", "http://www.francofolies.com/multimedia-en/video.aspx?id=" + idVideo);
    //    }

    if (langue == "fr") {
        lienVideoUnique = "http://www.francofolies.com/multimedia-fr/video.aspx?id=" + idVideo;        
    }
    
    else {
        lienVideoUnique = "http://www.francofolies.com/multimedia-en/video.aspx?id=" + idVideo;        
    }

    //Pour la gestion de la barre de scroll de la zone de description du video...          
    //Pour accommoder jScrollPane, qui ne tolère pas la présence de lien avec «#» en guise d'adresse 
    $("a[href='#']").attr('href', 'javascript:void(0);');


    if ($("#legende").height() > 32) {

        $("#contenuLegende").jScrollPane({ showArrows: true });
        jscrollActif = "yes";

    }
    //On vérifie si on utilisait jScroll avant de l'enlever !
    else if (jscrollActif == "yes") {
        $("#contenuLegende").jScrollPaneRemove();
        jscrollActif = "no";

    }

    extraInfosVideo(idVideo);


}