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

function getTopVideosboth() {
	getTopVideos1();
	getTopVideos2();
}

function getTopVideos1() {
	addScriptTag("topVideos", "http://api.brightcove.com/services/library?command=find_videos_by_tags&and_tags=fullmetal,catchup&token=uOLiL3HlQh4FeSViKX7vsdOTc8n03mPVX0hvftdnx0E.&sort_by=MODIFIED_DATE&sort_order=DESC&page_size=3", "response");
}

function getTopVideos2() {
	addScriptTag("topVideos", "http://api.brightcove.com/services/library?command=find_videos_by_tags&and_tags=Inuyasha,catchup,finalact&token=uOLiL3HlQh4FeSViKX7vsdOTc8n03mPVX0hvftdnx0E.&sort_by=MODIFIED_DATE&sort_order=DESC&page_size=3", "response");
}


function response(jsonData) {
	var resp = document.getElementById("resp");
	
	
	for (var i=0; i<jsonData["items"].length; i++) {
		var str = "";
		var title_link ="";
		var title = jsonData["items"][i];
		var titleRegxp = /(InuYasha)/;
		
		if (titleRegxp.test(title.name) == true) {
			title_link = "/catchup-inuyasha";
		}else{
			title_link = "/catchup-fullmetal";
		}	
		str += '<div class="spti-row medium-thumb floater odd" style="float: left; width: 240px; height: 120px; margin: 5px;">';
		str += '<a href="'+ title_link +'">';
		str += '<span style="background: transparent url('+ title.thumbnailURL +') no-repeat scroll 49% 49%; width: 80px; height: 60px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" class="image spti-image-mask">';
		str += title.name+ '</span>';
		str += '</a>';
		str += '<div class="teaser-fields"><div class="views-field-title"><div class="field-content">';
		str += '<a href="'+ title_link +'">'; 
		str += title.name ;
		str += '</a>';
		str += '</a></div></div><div class="views-field-short-description">';
		str += '<div class="field-content">'+ title.shortDescription +'</div>';
		str += '</div></div></div>';

		resp.innerHTML += str;
	}
}

window.onload = getTopVideosboth;