// Set initial page number
var pageNumber = 0;

// The web service call
var proxy       = "http://api.connectok.com/json/?method=BrightCoveProxy.GetProxy&limit=18";
var reqLibrary  = "http://api.brightcove.com/services/library?";
var reqCommand  = "command=find_playlist_by_id";
var reqParams   = "&playlist_id=1111450867";
var reqCallBack = "&callback=BCresponse";
var req = proxy + "&url=" + escape(reqLibrary + reqCommand + reqParams + reqCallBack);

function initCall(pagVar) {
        if(pagVar == "next") {
            if(pageNumber >= 8) {
                return;
            } else {
                pageNumber++;
            }
        } else if(pagVar == "previous") {
            if(pageNumber <= 0) {
                return;
            } else {
                pageNumber--;
            }
        }
        document.getElementById('titleList').innerHTML = '';
        bObj = new JSONscriptRequest(req, pageNumber); 
        bObj.buildScriptTag(); 
        bObj.addScriptTag();
}
// Define the callback function, which
// writes out the HTML for each title item in the list
function BCresponse(jsonData) {
        var items = jsonData["videos"];
        var tDiv = document.getElementById("titleList");
        var i = pageNumber * 2;
        var limit = i + 2;
        var str = "";
        while (i<limit) {
                str += '<div>';
                str += '<div class="title item'+[i]+'" onClick="tb_show(\'\', \'http://static.newsok.biz/javascript/slamdunkokc/videoplayer.html?bctid='+items[i].id+'&KeepThis=true&TB_iframe=true&height=330&width=490\');">';
                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">' + items[i].name + '</p>';
                str += '<p class="desc">' + items[i].shortDescription + '</p>';
                str += '<div class="published">' + formatBCDate(items[i].publishedDate);
                if (items[i].playsTotal) {
                        str += ' | ' + items[i].playsTotal + ' views'
                }
                str += '</div>';
                str += '<div class="clear"></div>';
                str += '</div>';
                str += '<div class="clear"></div>';
                str += '</div>';
                i++;
        }
        tDiv.innerHTML += str;

}