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

function init() {
	tscdiv = document.getElementById("tsc");	
	tscidiv = document.getElementById("tsci");
	tscidiv.style.marginTop = "0px"
	scrollh = tscidiv.offsetHeight;
	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>';
	}	
	if(document.getElementById("blaettern")) {
		allPs = document.getElementById("blaettern").getElementsByTagName("div");
		if(allPs.length>1) {
			linkpages = "";
			for(i=0;i<allPs.length;i++) {
				linkpages += "<a href='javascript:doBlaettern("+i+")' id='p"+i+"'>"+(i+1)+"</a> ";
				allPs[i].style.marginLeft = "550px";
				allPs[i].style.display = "none";
			}
			if(document.getElementById("showPages")) {
				document.getElementById("showPages").innerHTML = linkpages;
				document.getElementById("p0").className = "aktpage";
			}
			allPs[0].style.marginLeft = "0px";
			allPs[0].style.display = "block";
		}
	}
}

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 bigger;
var smaller;

function bigIt(elem) {
	clearTimeout(smaller);
	elem.className = "picsize1";
	bigger = setTimeout(function() { elem.className = "picsize2"; }, 25);
}

function smallIt(elem) {
	clearTimeout(bigger);
	elem.className = "picsize1";
	smaller = setTimeout(function() { elem.className = "picsize"; }, 25);
}

var lastnum = 0;
var speed = 10;
var mover;

function doBlaettern(num) {
	//alert(allPs.length);
	if (num == "next" && lastnum < allPs.length-1) { 
		num = parseInt(lastnum + 1); 
	} else if(num == "next") { 
		num = 0; 
	}
	if(lastnum != num) {
		clearTimeout(mover);
		speed = 10;
		allPs[lastnum].style.marginLeft = "550px";
		allPs[lastnum].style.display = "none";
		allPs[num].style.display = "block";
		if(document.getElementById("showPages")) {
			document.getElementById("p"+num).className = "aktpage";
			document.getElementById("p"+lastnum).className = "";
		}
		lastnum = num;
		moveIn(allPs[num],540);
	}
}

function moveIn(div,pos) {
	if(pos >= 0) {
		div.style.marginLeft = pos + "px";
		pos -= 20;
		if(pos <= 40) speed = speed*1.5;
		mover = setTimeout(function() { moveIn(div,pos) }, speed);
	}
}