var tscdiv;
var tscidiv;
var scrollh;
var displayh;
var scrolling = false;
var stime;
var steps = 2;

function initscroll() {
	tscdiv = document.getElementById("tsc");	
	tscidiv = document.getElementById("tsci");
	tscidiv.style.marginTop = "0px"
	scrollh = tscidiv.offsetHeight + 15;
	displayh = tscdiv.offsetHeight;
	//alert(scrollh+":"+displayh);
	if(scrollh > displayh) {	
		scrolling = true;
		document.getElementById("showButs").innerHTML = '<div class="down" onmouseover="scroll(-'+steps+')" onmouseout="clearScroll()"></div> <div class="up" onmouseover="scroll('+steps+')" onmouseout="clearScroll()"></div>';
	}	
}

function scroll(dir) {
	if(scrolling) {
		movedh = parseInt(tscidiv.style.marginTop) + dir;
		//alert(movedh);
		if(movedh > (displayh - scrollh) && movedh < 0) {
			tscidiv.style.marginTop = (movedh + dir)+"px";
			stime = setTimeout("scroll("+dir+")",40);
		}
	}
}

function clearScroll() {
	clearTimeout(stime);
}

var startpos = -1;
var pfeilpos = 0;
var move;
var remove
var time = 1;

function pushArrow(pos) {
	if(startpos == -1) startpos = document.getElementById("pfeil").offsetTop;
	clearInterval(remove);
	move = setInterval(function(){
		if(pfeilpos < pos) {
			pfeilpos += 5;
			document.getElementById("pfeil").style.top = pfeilpos + "px";
		} else if(pfeilpos > pos) {
			pfeilpos -= 5;
			document.getElementById("pfeil").style.top = pfeilpos + "px";
		} else {
			clearInterval(move);
		}
	},time);		
}

function repushArrow() {
	clearInterval(move);
	remove = setInterval(function(){
		if(pfeilpos < startpos) {
			pfeilpos += 5;
			document.getElementById("pfeil").style.top = pfeilpos + "px";
		} else if(pfeilpos > startpos) {
			pfeilpos -= 5;
			document.getElementById("pfeil").style.top = pfeilpos + "px";
		} else {
			clearInterval(remove);
		}
	},time);	
}