var scrollOffset = 0;
var delta = 0;
var scrollArea = null;
var timerID = 0;
var height = 0;

function setScrollHeight()
{
    var innerScroll = document.getElementById("innerScroll");
    var totalHeight = 0;
    var linksFound = 0;
          
    for (i = 0; i < innerScroll.childNodes.length; i++)
    {
        if (innerScroll.childNodes[i].tagName == "A")
        {
            totalHeight += innerScroll.childNodes[i].offsetHeight;
            linksFound++;
        }            
        
        if (linksFound > 2)
            break;
    }
    
    var outerScroll = document.getElementById("outerScroll");
    outerScroll.style.height = (totalHeight + 60) + "px";
}
        
function scroll(element, scrollDelta)
{
    scrollArea = document.getElementById(element);
    height = scrollArea.offsetHeight - scrollArea.parentNode.offsetHeight;
    delta = scrollDelta
    timerID = window.setInterval(doScroll, 10, 1);
}

function stopScroll()
{
    window.clearInterval(timerID);
}
    
function doScroll()
{
    var offset = scrollArea.offsetTop - scrollArea.parentNode.offsetTop;
    offset += (1 * delta);
    
    if (offset > 0 || offset < (height * -1))
    {
        window.clearInterval(timerID);
        return;
    }
    scrollArea.style.marginTop = offset + "px";
    window.status = offset;
}