window.onload = function(){init()};
var scroll;
var scrollPosition = 0;
var scrollSpeed = 30;
var scrollDistance = 2;

var upArrow;
var upArrowActionId = 0;

var downArrow;
var downArrowActionId = 1;

function init()
{
	scroll = document.getElementById("scroll")
	
	//Detects a scrollable window
	if(scroll != null)
	{
		//Sets up "scroll" so that the pane can be scrolled.
		scroll = scroll.getElementsByTagName("div")[0];
		
		//Finds "up" and "down" arrows so events can be added to them
		var arrows = document.getElementById("arrows").getElementsByTagName("span");
		for (var i=0; i<=arrows.length; i++)
		{
			if(arrows[i] != null)
			{
				if(arrows[i].getAttribute("class") == "arrow upArrow" ){upArrow = arrows[i];}
				if(arrows[i].getAttribute("class") == "arrow downArrow" ){downArrow = arrows[i];}
			}
		}
		
		//Adds events to arrows
		upArrow.onmouseover = function(){upArrowActionId = setTimeout("upArrowAction()", scrollSpeed);};
		upArrow.onmouseout = function(){clearTimeout(upArrowActionId);}		
		downArrow.onmouseover = function(){downArrowActionId = setTimeout("downArrowAction()", scrollSpeed);};
		downArrow.onmouseout = function(){clearTimeout(downArrowActionId); }
	}
}

function upArrowAction()
{
	if(scrollPosition+scrollDistance <= 0)
	{
		scrollPosition = scrollPosition + scrollDistance;
		scroll.style.top = scrollPosition + "px";
		upArrowActionId = setTimeout("upArrowAction()", scrollSpeed);
	}
}

function downArrowAction()
{
	if(scrollPosition-scrollDistance >= (scroll.clientHeight-scroll.parentNode.clientHeight)*-1)
	{
		scrollPosition = scrollPosition - scrollDistance;
		scroll.style.top = scrollPosition + "px";
		downArrowActionId = setTimeout("downArrowAction()", scrollSpeed);
	}
}