var obj = null;
var tracks = [];

function onTemplateLoaded(message) {
	callFlash("addEventListener", "contentLoad", "onContentLoad"); 
	callFlash("setVolume", "50");
}

function onContentLoad() {
	var lineups = callFlash("getPlayerLineups");	
	var curr_title = callFlash("getCurrentTitle");
}

function getCurrentTitle_Result(ob) {
	document.getElementById("bc_current_title").innerHTML = ob.displayName;	
} 
 
function getPlayerLineups_Result(ob) {
	obj = ob;
	for(var i=0;i<ob[0].videoIds.length; i++){
		callFlash("getTitleById", obj[0].videoIds[i]);
	}	
	displayTracks();
}

function getTitleById_Result(ob) {
	tracks.push(ob);
}

function trackDoHover(refToSelf) {
	this.className = "track_item_hover";
}

function trackDoUnHover(refToSelf) {
	this.className = "track_item";	
}

function displayTracks(){
	var wrap = document.getElementById("bc_playlist");
	wrap.innerHTML = "";
	
	for(var i=0; i<tracks.length; i++){
		var str = "";
		var displayName = "Play";
		if(tracks[i].displayName != undefined) {
			displayName = tracks[i].displayName;
		}
		displayNameFormatted = escape(displayName);
		var img = '';
		if (tracks[i].thumbnailURL != undefined) {
			var thm_url = tracks[i].thumbnailURL.toString();
			img = '<a href="#" onclick="playTrack(' + i + ", '" + displayNameFormatted + " '" + '); return false;"><img src="' + thm_url + '"/></a>';
		}
		var tmp = document.createElement("div");
		tmp.className = "track_item";
		tmp.id = "track_" + i;
		tmp.onmouseover = trackDoHover;
		tmp.onmouseout = trackDoUnHover;
		str += '<div class="thm">';
		str += img + '</div><div class="play">';
		str += '<a href="#" onclick="playTrack(' + i + ", '" + displayNameFormatted + " '" + '); return false;">' + displayName + '</a>';
		str += '</div>'; 
		tmp.innerHTML = str;
		wrap.appendChild(tmp);
	} // for
} // End displayTracks()

function playTrack(index, trackTitle){
	callFlash("loadTitleById", tracks[index].id, "full");
	document.getElementById("bc_current_title").innerHTML = unescape(trackTitle);
} // End playTrack()