function setupVideo(v) {   
    var vidInterval = 0;
    var vidSrc = v.video.urls['320'];    
    $('#videoPlayer').attr("src", vidSrc).attr("poster", v.getPoster()).get(0).load();
    $('#videoTitle').text(v.video.title);
    $('#videoPlayer').bind("play", function() {
        var $this = $(this);
        clearInterval(vidInterval);
        vidInterval = setInterval(function() {
            var tc = $this.get(0).currentTime;
            var tcMs = parseInt(tc * 1000);
            var currentLayers = v.getLayersAtTimecode(tcMs);
            var annotHtml = getAnnotHtml(currentLayers);
            if (annotHtml == $('#videoAnnotations').html()) {
                $.noop();
            } else {
                $('#videoAnnotations').html(annotHtml);
            }
//            console.log(tc); 
        }, 400);        
    });

    $('#videoPlayer').bind("pause", function() {
        clearInterval(vidInterval);
    });
}

function getAnnotHtml(padmaLayers) {
    var html = '';
    var types = ['location', 'keyword', 'description', 'transcript'];
    for (var i=0; i<types.length; i++) {
        var t = types[i];
        html += "<div class='" + t + "'>";
        var theseLayers = filterLayersByTracks(padmaLayers, [t]);
        for (var j=0; j<theseLayers.length; j++) {
            html += "<div class='annotItem'>";
            html += theseLayers[j].value_html;
            html += "</div>";
        }
        html += "</div>";     
    }
    return html;
}