var videoOffset = 0;
var navigating = false;
var navigationSpeed = 0;

function beginNavigatePast()
{
    navigationSpeed = 0;
    navigating = true;
    window.setTimeout(navigatePastImpl, 300);
}

function navigatePastImpl()
{
    if (navigating)
    {
        videoOffset -= 4;
        updateNavigationOffset();
        window.setTimeout(navigatePastImpl, 20);
    }
}        

function beginNavigateFuture()
{
    navigationSpeed = 0;
    navigating = true;
    window.setTimeout(navigateFutureImpl, 300);
}

function navigateFutureImpl()
{
    if (navigating)
    {
        videoOffset += 4;
        updateNavigationOffset();
        window.setTimeout(navigateFutureImpl, 20);
    }
}        

function updateNavigationOffset()
{
    var divLatestVideos = $get('divLatestVideos');
    
    videoOffset = Math.max(0, videoOffset);
    videoOffset = Math.min(divLatestVideos.scrollWidth, videoOffset);
    navigationSpeed++;
    
    divLatestVideos.scrollLeft = videoOffset;
}

function endNavigate()
{
    navigating = false;
    navigationSpeed = 0;
}

Sys.Application.add_load(function()
{
    updateNavigationOffset();
});