// JavaScript Document
 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?command=find_playlist_by_id&playlist_id=89784465001&token=z85lrjnl1cW-g9frGcXSWasbmNAU10U68h1va8ps3PLNBIYFUXFR9w..&video_fields=id,name,shortDescription,publishedDate,linkURL,linkText,thumbnailURL,videoStillURL,length&playlist_fields=videos,name,id&page_size=5", "response");
 }
 
 
 function response(jsonData) {
	
	for (var i=0; i<1; i++) {
		var title = jsonData["videos"][i];
		var str = "";
		str += '<div align="center" class="rvision">';
		str += '<div style="position:relative" align="center"><img src="' + title.videoStillURL + '" width="325"><div style="position:absolute;bottom:45px;left:130px;"><a class="myButtonLink" href="#" onClick="playTitle(' + title.id + ')"></a></div><div class="thumbtitle_main" style="position:absolute;bottom:0px;width:324px;height:18px;background-image:url(/images/vision/title_bgd-trans.png);"><div style="margin-top:2px"><span style="color:#FC0">LATEST VIDEO: </span> ' + title.name + '</div></div></div>';
		str += '</div>';
		str += '<div style="margin-top:8px"></div>';
		document.getElementById('resp').innerHTML += str;
	}
		for (var i=1; i<2; i++) {
					var title = jsonData["videos"][i];
		var str = "";
		str += '<div style="cursor:pointer; background-color:#000;position:relative;left:4px;width:105px;height:100px;" class="rvision" onClick="playTitle(' + title.id + ')">';
		str += '<div align="center"><img src="' + title.thumbnailURL + '" width="100"/></div>';
		str += '<div class="thumbtitle">' + title.name + '</div>';
		str += '</div>';
		document.getElementById('resp1').innerHTML += str;
	}
		for (var i=2; i<3; i++) {
					var title = jsonData["videos"][i];
		var str = "";
		str += '<div style="cursor:pointer; background-color:#000;position:relative;left:4px;width:105px;height:100px;" class="rvision" onClick="playTitle(' + title.id + ')">';
		str += '<div align="center"><img src="' + title.thumbnailURL + '" width="100"/></div>';
		str += '<div class="thumbtitle">' + title.name + '</div>';
		str += '</div>';
		document.getElementById('resp2').innerHTML += str;
	}
		for (var i=3; i<4; i++) {
		var title = jsonData["videos"][i];
		var str = "";
		str += '<div style="cursor:pointer; background-color:#000;position:relative;left:3px;width:105px;height:100px;" class="rvision" onClick="playTitle(' + title.id + ')">';
		str += '<div align="center"><img src="' + title.thumbnailURL + '" width="100"/></div>';
		str += '<div class="thumbtitle">' + title.name + '</div>';
		str += '</div>';
		document.getElementById('resp3').innerHTML += str;
	}
}

function playTitle(id) {
	window.open("/rvision.asp?bctid=" + id,"_self"); 
}