//video play list.

var allThumbnails = null;
var allCaptions = null;
var allThumbnailCells = null;
var allCaptionCells = null;
var currentIndex = 1;          

jQuery(
    function($)
    {   
        var selectScrollerLeft = ".video_list > .scroll_left";
        var selectScrollerRight = ".video_list > .scroll_right";
        var selectThumbnailData = ".thumbnailData";
        var selectCaptionData = ".captionData";        
        var selectThumbnailCells = ".thumbnailCell";
        var selectCaptionCells = ".captionCell";                        
        var selectScrollInterval = ".scrollInterval";
        
        var scrollerLeft = $(selectScrollerLeft);
        var scrollerRight = $(selectScrollerRight);                                    
        var scrollIntervalText = $(selectScrollInterval).val();                                                                 
        var scrollInterval = scrollIntervalText == null || isNaN(scrollIntervalText) ? 250 : parseInt(scrollIntervalText);
        var interval = null;                       
                    
        allThumbnails = $(selectThumbnailData);
        allCaptions = $(selectCaptionData);
        allThumbnailCells = $(selectThumbnailCells);
        allCaptionCells = $(selectCaptionCells);    
        
        //mouse over left scroller.
        scrollerLeft.mouseover(
            function()
            {                     
                interval = setInterval("moveScroller(true)", scrollInterval);
            }
        );
        
        //mouse out of left scroller.
        scrollerLeft.mouseout(
            function()
            {
                clearInterval(interval);
            }
        );
        
        //mouse over right scroller.
        scrollerRight.mouseover(
            function()
            {
                interval = setInterval("moveScroller()", scrollInterval);
            }
        );                
        
        //mouse out of right scroller.
        scrollerRight.mouseout(
            function()
            {
                clearInterval(interval);
            }
        );                                        
    }            
); 

//scroll.
function moveScroller(scrollBack)
{                
    moveScrollerTo(scrollBack ? 
        ((currentIndex == 0) ? allThumbnails.length : currentIndex - 1) :
        ((currentIndex + 1 > allThumbnails.length) ? 0 : currentIndex + 1));
}
        
//scroll to index.
function moveScrollerTo(scrollToIndex)
{    
    var added = 0;
            
    for (var i=scrollToIndex; i<allThumbnails.length && added < 4; i++)
    {                
        allThumbnailCells.eq(added).html(allThumbnails.eq(i));
        allCaptionCells.eq(added).html(allCaptions.eq(i));                
        ++added;
    }
                
    for (var i=0; i<scrollToIndex && added < 4; i++)
    {
        allThumbnailCells.eq(added).html(allThumbnails.eq(i));
        allCaptionCells.eq(added).html(allCaptions.eq(i));                
        ++added;
    }            
    currentIndex = scrollToIndex;    
    
    if (typeof window.attachPlayHandler == "function")                            
        attachPlayHandler();
}