function addLoadEvent(func) 
{
	var oldonload = window.onload;
	if (typeof window.onload != 'function') 
	{
		window.onload = func;
	} 
	else 
	{
		window.onload = function() 
		{
			oldonload();
			func();
		}
	}
}

function ScrollContent() {
	// Check for browser method support
	if ( !document.getElementById ) return false;
	if ( !document.getElementsByTagName ) return false;
	
	// Check - are all the elements there?
	if ( !document.getElementById("newsArticleScroll") ) return false;
	if ( !document.getElementById("scrollable") ) return false;
	if ( !document.getElementById("btnScrollUp") ) return false;
	if ( !document.getElementById("btnScrollDown") ) return false;
	
	
	
	
	var container = document.getElementById("newsArticleScroll");
	var scrollable = document.getElementById("scrollable");
	var up = document.getElementById("btnScrollUp");
	var down = document.getElementById("btnScrollDown");
	var speed = 3;
	
	var iid = 0;
	
	up.onmouseover = function() {
		iid = setInterval(
			"scrollUp()",
			speed
		);
	}
	
	up.onmouseout = function() {
		clearInterval(iid);
	}
	
	down.onmouseover = function() {
		iid = setInterval(
			"scrollDown()",
			speed
		);
	}
	
	down.onmouseout = function() {
		clearInterval(iid);
	}
	
	scrollUp = function () {
		var pos = scrollable.style.marginTop.replace('px', '');
		pos = parseInt(pos);
		
		if( pos < 0 ) {
			scrollable.style.marginTop = ( pos + 1 ) + "px";
		}
	}
	
	scrollDown = function () {
		var pos = scrollable.style.marginTop.replace('px', '');
		
		if( -pos < (scrollable.offsetHeight - (container.offsetHeight - 60) ) ) {
			scrollable.style.marginTop = ( pos - 1 ) + "px";
		}
	}
}

addLoadEvent(ScrollContent);