// REQUIRES JQuery LIBRARY 
function NextClip(pnlContent)
{
    if (clipIndex == clips.length - 1)
    { 
        $(pnlContent).html('<img src="' + clipRoot + 'images/icons/loading.gif" />');
        $.get(clipHandler, null, function(data, textStatus) { NextClipFinished(data, textStatus, pnlContent); });        
    }
    else
    {
        clipIndex++;
        $(pnlContent).html(clips[clipIndex]);
    }
}

function NextClipFinished(data, textStatus, pnlContent)
{
    clipIndex++;
    clips[clipIndex] = data;
    $(pnlContent).html(clips[clipIndex]);
    
}

function PrevClip(pnlContent)
{
    if (clipIndex > 0)
    {
        clipIndex--;
        $(pnlContent).html(clips[clipIndex]);
    }
}