

function easyscroll (action){
	
	// id of the container element 
	var id = "myContent";
	
	// movement speed
	var speed = 6;
	
	// desired height of the container element (in pixels)
	var height = 400;
	
	//
	// END CONFIG
	// do not edit below this line (unless you want to of course :) )
	//

	var obj = document.getElementById(id);
	
	window.clearInterval(obj.interval);
	
	var oldTop = obj.offsetTop;
	
	this.action = action;

	obj.up = false;
	obj.down = false;
		
	//document.getElementById("Rechner").innerHTML = "oldTop: "+oldTop;
	
	this.start = function(){				
		var newTop;
		var objHeight = obj.offsetHeight;
		var top = obj.offsetTop;
		if(action=="up"){
			newTop = (top < 0) ? top+speed : top;
			obj.style.top = newTop + "px";
			if (newTop >= oldTop + 96 || newTop==0) 
				window.clearInterval(obj.interval);
		};
		if(action=="down"){		 
			newTop = ((objHeight+top) > height) ? top-speed : top;	
			obj.style.top = newTop + "px";
			if (newTop + 96 <= oldTop || newTop + objHeight <= height) 
				window.clearInterval(obj.interval);
		};	
		if (newTop==0)
			document.getElementById("btnUp").style.visibility = "hidden";
		else
			document.getElementById("btnUp").style.visibility = "visible";
		if (newTop + objHeight <= height) 
			document.getElementById("btnDown").style.visibility = "hidden";
		else
			document.getElementById("btnDown").style.visibility = "visible";
		//document.getElementById("Rechner").innerHTML += "newTop: "+newTop+", ";
		//document.getElementById("Rechner").innerHTML += "objHeight: "+objHeight+"<br />";
	};	
	obj.interval = setInterval("start()",10);		
		
};
