// 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 reqCallBack = "&callback=response";

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

function loadVideos() {
    var reqParams   = "&video_ids="+videoArray.join(",");
    var req = proxy + "&url=" + escape(reqLibrary + reqCommand + reqParams + 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"];

    tDiv = document.getElementById("titleList");

    var i = this.startNumber - 1;
    var limit = items.length;

    while (i<limit) {
    if (items[i]) {

        var str = "";
        str += "<div class='title item"+[i]+"' ";
        str += "onClick='playTitleFromList("+items[i].id+")'>";
        startVideo = items[0].id;
        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="smallPlay"></div>';
        str += '<div class="thumb"><img src="' + items[i].thumbnailURL + '"/></div>';
        str += '</div>';
        str += '<p class="displayName">';
        if (items[i].name.length > 25) {
            str += items[i].name.substring(0, 25).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 > 70) {
            str += items[i].shortDescription.substring(0, 70).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++;
    }
    }
}

var player;
var content;
var video;
var experience;
var layout;
  
// called when template loads, this function stores a reference to the player and modules.
// Then event listeners will be added for when the template is ready and when a user 
// clicks on a video.
function onTemplateLoaded(pEvent) {
    player = bcPlayer.getExperience("myExperience");
    video = player.getModule(APIModules.VIDEO_PLAYER);
    content = player.getModule(APIModules.CONTENT);
    experience = player.getModule(APIModules.EXPERIENCE);
    content.addEventListener(BCContentEvent.VIDEO_LOAD, onVideoLoad);
    experience.addEventListener(BCExperienceEvent.TEMPLATE_READY, onTemplateReady);
    video.addEventListener(BCVideoEvent.STREAM_START, onStreamStart);
}   
// handles click event from list items 
function playTitleFromList(id) {
    video.loadVideo(id);
}

function onStreamStart() {
    var currentVideo = video.getCurrentVideo();
    s.pageName='Video Play: ' + currentVideo.displayName
    var s_code=s.t();
    if(s_code)document.write(s_code)
}

function onTemplateReady(event) {
    video.cueVideo(startVideo);
}

function onVideoLoad(event) {
}

function nextPage(num, containerId) {
    overRideLimit += num;
    theID = this.containerId;
    document.getElementById(containerId).style.background = "url(http://static.newsok.biz/sites/newsok/images/loadingAnimation.gif) no-repeat center center";
}