var videoList=[
    {"video":"https://www.youtube.com/watch?v=KYXz46rsMe8",
     "events":[{
            "tipus": "footnote",
            "inici": 2,
            "fi": 7,
            "target": "nota", 
            "dades": "text 1"
        },
     {
            "tipus": "footnote",
            "inici": 5,
            "fi": 12,
            "target": "nota", 
            "dades": "text 2"
        },
     ]
    },
    {"video":"https://www.youtube.com/watch?v=iCL7pCEAb0c",
    "events":[{
            "tipus": "footnote",
            "inici": 5,
            "fi": 12,
            "target": "nota", 
            "dades": "text 2"
        }
     ]
    }
    
];

function insertTwitter () {
    console.log("inserting twitter!!!");
    $(".container").append("<p>test!!!</p>");

}

function carregarPop(numVideo) {

    console.log(videoList[numVideo]["video"]);
    var idContVideo='#contenidorVideo'+numVideo;

    // var wrapper = Popcorn.HTMLYouTubeVideoElement( idContVideo );
    wrapper.src = videoList[numVideo]["video"];
    // var contenidorVideo = Popcorn( wrapper );

 /*
         // add a footnote at 2 seconds, and remove it at 6 seconds
         contenidorVideo.footnote({
           start: 2,
           end: 6,
           text: "Pop!",
           target: "footnotediv"
         });
*/
    //definim el tipus d'element de popcorn que volem activar i els parametres que estan a popcorn.json
    for (var i=0, limit=videoList[numVideo]["events"].length; i<limit; i++) {
        var esdevenimentActual=videoList[numVideo]["events"][i];
        if (esdevenimentActual["tipus"]=="footnote") {
                console.log(esdevenimentActual["inici"]);
                contenidorVideo.footnote({
                    start: esdevenimentActual["inici"],
                    end: esdevenimentActual["fi"],
                    text: esdevenimentActual["dades"],
                    target: esdevenimentActual["target"]
                   
                 });
        } else if (esdevenimentActual["tipus"]=="twitter"){
            
        }
    } 
         // play the video right away
//         contenidorVideo.play();
    }
 $(document).ready(function() {
    setTimeout(function(){
        // for (var i=0, limit=videoList.length; i<limit; i++ ) carregarPop(i);
        // insertTwitter();
    },3000); 
    

 });