//var playlist = ["RuQ-MIIY7UI", "bLWxZsy9nSs", "RuQ-MIIY7UI", "bLWxZsy9nSs", "RuQ-MIIY7UI"];
var currentPlayerState;
var currentVideoID;
var currentVideoIndex = 0;
function triggerClick(index){
	if (currentVideoIndex == index){
		if(currentPlayerState == 1){
			ytplayer.pauseVideo();
		}
		else{
			ytplayer.playVideo();
		}
	}
	else{
		//loadnewvideo
		ytplayer.loadVideoById(playlist[index]);
		currentVideoIndex = index;
		updateStyles();
		
		//change styling;
	}
}
function updateStyles(){
		$(function() {
			$('.clipLinks').removeClass('currentVideo');
			$('.clipLinks').addClass('notCurrent');
			$('#video_' + currentVideoIndex).addClass('currentVideo');			
		});
}
function nextVideo(){
	currentVideoIndex ++;
	if (currentVideoIndex > 4){
		//do not play
		currentVideoIndex = 4;
	}
	else{
		ytplayer.loadVideoById(playlist[currentVideoIndex]);
		updateStyles();
	}
	
}


function statusmark(value){
//document.title = value;
}

function onYouTubePlayerReady(playerId) {
      ytplayer = document.getElementById("myytplayer");
    }
function onYouTubePlayerReady(playerId) {
  ytplayer = document.getElementById("myytplayer");
  ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
}

function onytplayerStateChange(newState) {
   //alert("Player's new state: " + newState);
  currentPlayerState = newState;

switch (newState)
{
case -1:
  statusmark("unstarted");
  break;
case 0:
  statusmark("ended");
  nextVideo();
  break;
case 1:
  statusmark("playing");
  break;
case 2:
  statusmark("paused");
  break;
case 3:
  statusmark("buffering");
  break;
case 5:
  statusmark("video cued");
  break;
default:
  statusmark("unknown state");
}
   
}