﻿function scrollPlaylist(forward, length) 
{
    populatePlaylist();
    var container = document.getElementById('mediaContainer');
    for(var i = 1; i <= length; i++)
    {      
        container.scrollLeft += (forward ? 1 : -1);
    }
}
function populatePlaylist()
{
    var populateCount=parseInt(document.getElementById('populateCount').value);
    var populatedIndex=parseInt(document.getElementById('populatedIndex').value);
    for(var i=populatedIndex; i<(populatedIndex+populateCount) && i<playlist.length; i++)
    {
        var playListItem = document.getElementById('playListItem' + i);
        var itemImage=playListItem.getElementsByTagName("img");
        if(itemImage==null || itemImage.length==0)
        {
            playListItem.innerHTML = "<img src=\""+playlist[i]+"\" alt=\"Playlist item "+(i+1)+"\" />";
        }
    }
    document.getElementById('populatedIndex').value=populatedIndex+populateCount;
}