// Set initial page number
var pageNumber = 1;
var startNumber = 1;

// The web service call
var proxy       = "http://api.connectok.com/json/?method=BrightCoveProxy.GetProxy";
var reqLibrary  = "http://api.brightcove.com/services/library?";
var reqCommand  = "command=find_videos_by_ids";
var reqParams   = "&video_ids=";
var reqPages    = "&page_size=3&page_number=" + encodeURIComponent(pageNumber);
var reqCallBack = "&callback=response";

var req = proxy + "&url=" + escape(reqLibrary + reqCommand + reqParams + reqPages + reqCallBack);

function initCall(ids) {
	var reqParams   = "&video_ids="+ids;
	var req = proxy + "&url=" + escape(reqLibrary + reqCommand + reqParams + reqPages + reqCallBack);
        document.getElementById('titleList').innerHTML = '';
        // Create a new request object
        bObj = new JSONscriptRequest(req, pageNumber); 
        // Build the dynamic script tag
        bObj.buildScriptTag(); 
        // Add the script tag to the page
        bObj.addScriptTag();
}
// Define the callback function, which
// writes out the HTML for each title item in the list
function response(jsonData) {

        var items = jsonData["items"];
        if (typeof(items.length) == "undefined") return;

        var tDiv = document.getElementById("titleList");
        var i = startNumber - 1;
        var limit = items.length;
                
        while (i<limit) {
                
                var str = "";
                str += "<div class='title item"+i+"' onClick='tb_show(\"\", \"http://newsok.com/multimedia/videoplayer/"+items[i].id+"?KeepThis=true&TB_iframe=true&height=507&width=820\")'>";
//                str += "<div class='title item"+[i]+"' onClick='TB_show(\"Caption\", \"http://devok1.newsok.com/\")'>";
                str += '<div class="titleHolder">';
                str += '<div class="imageHolder">';
                str += '<div class="playThumb"><img src="http://static.newsok.biz/sites/newsok5/images/rollover_thumb.png"/></div>';
                str += '<div class="thumb"><img src="' + items[i].thumbnailURL + '"/></div>';
                str += '</div>';
                str += '<p class="displayName">';
		if (items[i].name.length > 50) {
                    str += items[i].name.substring(0, 50).replace(/\s+\w+$/, '...')
                } else {
                    str += items[i].name
                }
		str += '</p>';
		str += '<p class="desc">';
		str += '<span id="BCpubDate">' + formatBCDate(items[i].publishedDate) + '</span> ';
                if (items[i].shortDescription.length > 65) {
                    str += items[i].shortDescription.substring(0, 65).replace(/\s+\w+$/, '...')
                } else {
                    str += items[i].shortDescription
                }
                str += '</p>';
                str += '<div class="clear"></div>';
                str += '</div>';
                str += '<div class="clear"></div>';
                str += '</div>';
                tDiv.innerHTML += str;
                i++;
        }
}