function addScriptTag(id, url, callback) {
	var scriptTag = document.createElement("script");
   
   // Add script object attributes
   scriptTag.setAttribute("type", "text/javascript");
   scriptTag.setAttribute("charset", "utf-8");
   scriptTag.setAttribute("src", url + "&callback=" + callback);
   scriptTag.setAttribute("id", id);
	
	var head = document.getElementsByTagName("head").item(0);
	head.appendChild(scriptTag);
	
}

function getTopVideos() {
	addScriptTag("topVideos", "http://api.brightcove.com/services/library?token=h5I5uKsuBE1-bF2-gFdBH9gvWK6Ej84tV5v06D5rIP6rJrPqtX9UhA..&command=find_playlist_by_id&playlist_id="+playlist_id+"&video_fields=id,name,thumbnailURL,videoStillUrl,shortDescription&page_size=3", "response");
}

function response(jsonData) {
	var resp = document.getElementById("resp");
	var str = "";
	
	if (typeof randomizeVideos === 'undefined') {
	  // undefined - do not randomize
	} else if (randomizeVideos){
	  fRandomize(jsonData["videos"]);
	}	
	
	var title1 = jsonData["videos"][0];
	
	vidcount = 4;
	if  (jsonData["videos"].length <  4){
		vidcount = jsonData["videos"].length;
	}
	
	//str += '<div id="bcvideo-box-logo" onClick="playTitle(' + title1.id + ')"><img id="bcvideo-box-logo-img" src="' + video_logo + '" /></div>';
	str += '<div id="bcvideo-box-still" onClick="playTitle(' + title1.id + ')"><img id="bcvideo-box-still-img" src="' + title1.videoStillURL + '" />';
	str += '<div id="bcvideo-box-playarrow" >';
	str += '&nbsp;<img id="bcvideo-box-playarrow-img" src="' + video_play_arrow + '" />&nbsp;';
	str += '</div></div>';
	
	str += '<div id="bcvideo-box-text0" class="bcvideo-box-text" style="display:block;"><p><b>'+ fCheckNull(title1.name) +'</b></br>'+ fCheckNull(title1.shortDescription) +'</p></div>';
	
	for (var i=1; i<vidcount; i++) {
		var title = jsonData["videos"][i];
		str += '<div id="bcvideo-box-text'+i+'" class="bcvideo-box-text" style="display:none;"><p><b>'+ fCheckNull(title.name) +'</b></br>'+ fCheckNull(title.shortDescription) +'</p></div>';
	}
	
			
	str += '<div id="bcvideo-box-thumb" >';
	
	for (var i=1; i<vidcount; i++) {
		var title = jsonData["videos"][i];
		str += '<div onClick="playTitle(' + title.id + ');" onMouseOver="fswitchDIV('+i+');" onMouseOut="fswitchDIV(0);"><img src="' + title.thumbnailURL + '" /></div>';
	}
	
	str += '<div id="bcvideo-more"><a onClick="playTitle(' + title1.id + ')">More Videos</a></div>';
	
	str += '</div>';
	resp.innerHTML += str;
}

function playTitle(id) {
	window.open(player_url+"?bctid=" + id,"Videos","location=0,status=0,scrollbars=0,width="+player_window_width+",height="+player_window_height);
}

function fCheckNull(vCheck){
	if (vCheck == null) {
		return("");
	} else {
		return(vCheck);	
	}
}

function fswitchDIV(vValue) {
	var divName = "bcvideo-box-text"+vValue.toString();
	for (var i=0; i<vidcount; i++) {
		document.getElementById('bcvideo-box-text'+parseFloat(i)).style.display = "none";
	}
	document.getElementById(divName).style.display = "block";
}

function fRandomize(array) {
    var tmp, current, top = array.length;
    if(top) while(--top) {
        current = Math.floor(Math.random() * (top + 1));
        tmp = array[current];
        array[current] = array[top];
        array[top] = tmp;
    }
    return array;
}

getTopVideos();