Untitled

<html>
<body>
<div id="container" style="max-width:500px; height:500px; overflow:hidden; background-color:black; color:white; text-align:center;">

<h1>Test1</h1><br />
<h1>Test2</h1><br />
<h1>Test3</h1><br />
<h1>Test4</h1><br />
<h1>Test5</h1><br />
Testqweqweasfasdasdqw <br>
sadqweasdas dsada <br>
TestqweqweasfasdasdqwTestqweqweasfasdasdqw <br>
TestqweqweasfasdasdqwTestqwe qweasfasdasdqwTestqweqweasf asdasdqwTestqweqweasfasdasdqw<br>
TestqweqweasfasdasdqwTestqweqweasfasdasdqw<br>
<h1>Test6</h1><br />
<h1>Test7</h1><br />
<h1>Test8</h1><br />
<h1>Test9</h1><br />
<h1>Test10</h1><br />

</div>


<script type='text/javascript'>
var speed = 10;
var interval = 20;

function Continue(){
   	divelem = document.getElementById('container');
	if(divelem.scrollTop < (divelem.scrollHeight - divelem.offsetHeight)){
			divelem.scrollTop=divelem.scrollTop+speed;
		}
   	else {
		divelem.scrollTop=0;
	}
}

function Continue1(){
   	divelem = document.getElementById('container');
	divelem.scrollTop=divelem.scrollHeight;

	if(divelem.scrollTop > 0){
			divelem.scrollTop=divelem.scrollTop-speed;
		}
   	else {
		divelem.scrollTop=divelem.scrollHeight;
	}
}

document.getElementById('container').ondrag = function(){
	setInterval(Continue,interval);
};

document.getElementById('container').onclick = function(){
	setInterval(Continue1,interval);
};


setInterval(Continue,interval);
</script>

</body>
</html>