var movieToPlay = '';

//Update a particular HTML element with a new value
function updateHTML(elmId, value) {
  document.getElementById(elmId).innerHTML = value;
}



// This function is called when an error is thrown by the player
function onPlayerError(errorCode) {
  alert("An error occured of type:" + errorCode);
}

//This function is called when the player changes state
function onPlayerStateChange(newState) {
  updateHTML("playerState", newState);
}


//Display information about the current state of the player
function updatePlayerInfo() {
// Also check that at least one function exists since when IE unloads the
// page, it will destroy the SWF before clearing the interval.
if(ytplayer && ytplayer.getDuration) {
 updateHTML("videoDuration", ytplayer.getDuration());
 updateHTML("videoCurrentTime", ytplayer.getCurrentTime());
 updateHTML("bytesTotal", ytplayer.getVideoBytesTotal());
 updateHTML("startBytes", ytplayer.getVideoStartBytes());
 updateHTML("bytesLoaded", ytplayer.getVideoBytesLoaded());
 updateHTML("volume", ytplayer.getVolume());
}
}

//Allow the user to set the volume from 0-100
function setVideoVolume() {
  var volume = parseInt(document.getElementById("volumeSetting").value);
  if(isNaN(volume) || volume < 0 || volume > 100) {
    alert("Please enter a valid volume between 0 and 100.");
  }
  else if(ytplayer){
    ytplayer.setVolume(volume);
  }
}



function playVideo() {
if (ytplayer) {
 ytplayer.playVideo();
}
}

function pauseVideo() {
if (ytplayer) {
 ytplayer.pauseVideo();
}
}

function muteVideo() {
if(ytplayer) {
 ytplayer.mute();
}
}

function unMuteVideo() {
if(ytplayer) {
 ytplayer.unMute();
}
}



//This function is automatically called by the player once it loads
function onYouTubePlayerReady(playerId) {
	ytplayer = document.getElementById("ytPlayer");
	// This causes the updatePlayerInfo function to be called every 250ms to
	// get fresh data from the player
	setInterval(updatePlayerInfo, 250);
	updatePlayerInfo();
	ytplayer.addEventListener("onStateChange", "onPlayerStateChange");
	ytplayer.addEventListener("onError", "onPlayerError");
	//Load an initial video into the player
	ytplayer.cueVideoByUrl(movieToPlay);

}



//The "main method" of this sample. Called when someone clicks "Run".
function loadPlayer(videoCUE_url) {
	movieToPlay = videoCUE_url;
	// Lets Flash from another domain call JavaScript
	var params = { allowScriptAccess: "always",wmode: "transparent" };
	// The element id of the Flash embed
	var atts = { id: "ytPlayer" };
	// All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
	
	clearVideo();
	
	/*
	//change display none on videoInfo
	//Chromeless player has no controls.	 
	swfobject.embedSWF("http://www.youtube.com/apiplayer?" +
	                  "&enablejsapi=1&playerapiid=player1",
	                  "videoDiv", "200", "200", "8", null, null, params, atts);
	*/

	//standard player (when using the standard player you must specifcy a default videoID
	var videoID = "ylLzyHk54Z0";
	
	swfobject.embedSWF("http://www.youtube.com/v/" + videoID + "&enablejsapi=1&playerapiid=player1",
            "videoDiv", "255", "230", "8", null, null, params, atts);
	
}


function clearVideo(){	
	$('#videoDiv_wrapper').html('<div id="videoDiv">You need Flash player 8+ and JavaScript enabled to view this video.</div>')
}


$(document).ready(function(){
	$('#video_list').jScrollPane();	
	loadPlayer($('#first_item_cue').text());
});