var list = document.getElementById("list");
var html = list.innerHTML;
//var landing = true;
var playlist;
playerInstance.on('ready',function(){
	playlist = playerInstance.getPlaylist();
	console.log(playlist);
	for (var index=0;index<playlist.length;index++){
		var playindex = index +1;
		var vid_num = playlist[index].title.replace('Bfe 2020 Unit ').replace('ryfg_unit_','').replace('ryfg_nxt_unit_','').replace('BFE Unit ','').replace('Bfe Unit ','').replace('Unit ','').substr(0, 2);
        var client_num = clientPlaylist[index+1];
		html += "<li data-video-index='"+index+"' id='listitem-video-"+index+"'><a href='javascript:playThis("+index+")' title='"+playlist[index].title+"' class='"+(client_num == vid_num ? '' : 'disabled')+"'><span class='glyphicon glyphicon-cd fa-spin hide'></span> Unit "+vid_num+"</a></li>"
		list.innerHTML = html;
	}
});

playerInstance.on('playlistItem',function(object){
	this.setCurrentCaptions(0);
	this.setCurrentCaptions(1);
	$('#list li').removeClass('active').find('.fa-spin').addClass('d-none');
	$('[data-video-index="'+object.index+'"]').addClass('active').find('.disabled').removeClass('disabled').find('.fa-spin').removeClass('d-none');
	$.get("/education/video_client_update/"+playlist[object.index].title.replace('Bfe 2020 Unit ').replace('ryfg_unit_','').replace('ryfg_nxt_unit_','').replace('BFE Unit ','').replace('Bfe Unit ','').replace('Unit ','').substr(0, 2), function (data) {
		//alert(playlist[object.index].title.substring(0,10).replace('ryfg_unit_',''));
	});
});

function playThis(index) {
	playerInstance.playlistItem(index);
}