var loadedVideo=0;
var previousVideo=0;
var divPlayer;
var divPlayingVideoTitle;
var divPlayingVideoDesc;
var videoFiles=new Array();
var videoDurations=new Array();
var videoDescriptions=new Array();
var videoThumbnails=new Array();
var videoTitles=new Array();

function initialize(){
    
    divPlayer=document.getElementById('player');
    divPlayingVideoTitle=document.getElementById('playingVideoTitle');
    divPlayingVideoDesc=document.getElementById('playingVideoDesc');
  
	divPlayingVideoTitle.innerHTML=videoTitles[loadedVideo];
	divPlayingVideoDesc.innerHTML=videoDescriptions[loadedVideo];
}

function changeVideo(videoIndex){
    if (loadedVideo!=videoIndex)
    {
        previousVideo=loadedVideo;
        loadedVideo=videoIndex;
	
	    divPlayingVideoTitle.innerHTML=videoTitles[loadedVideo];
	    divPlayingVideoDesc.innerHTML=videoDescriptions[loadedVideo];
	
	    updateVideoFile();
	    updateVideoMenu();
	}
	
}

function updateVideoFile()
{
    var currentVideoPlayer=divPlayer.innerHTML;
    divPlayer.innerHTML = replaceAll(currentVideoPlayer, videoFiles[previousVideo], videoFiles[loadedVideo]);
}
function updateVideoMenu()
{
    var previous = document.getElementById('video' + previousVideo);
    var current = document.getElementById('video' + loadedVideo);
    
    previous.className = "video";
    current.className = "video nowplaying";
    
    var list = document.getElementById("video-list");
    if (current.offsetTop + current.offsetHeight > list.scrollTop + list.clientHeight) {
        list.scrollTop = current.offsetTop - list.clientHeight + current.offsetHeight + 5;
    } else if (current.offsetTop < list.scrollTop) {
        list.scrollTop = current.offsetTop - 5;
    }
}

function replaceAll(strText, reTargetString, reNewString)
{
    var strReplaceAll=strText;
    var intIndexOfMatch = strReplaceAll.indexOf( reTargetString );

    // Loop over the string value replacing out each matching
    // substring.
    while (intIndexOfMatch != -1){
        // Relace out the current instance.
        strReplaceAll = strReplaceAll.replace( reTargetString, reNewString )
        // Get the index of any next matching substring.
        intIndexOfMatch = strReplaceAll.indexOf( reTargetString );
    }
    return(strReplaceAll);
}

function moveToNextVideo(str)
{
   if (videoFiles.length > 1) //more than 1 videos
    {
        for (var i = 0; i < videoFiles.length; i++)
        {
            if (videoFiles[i]==str)
            {
                if (i==videoFiles.length-1) 
                {
                    changeVideo(0); //return to the first video item
                }
                else
                {
                    changeVideo(i+1);
                }
                break;
            }  
        }
    }
}