var speed = 2;
var scrollId = new Array('content', 'names');
var iens6 = document.all || document.getElementById;
var ns4 = document.layers;
var namesArray = new Array();

function getStartPos(id){
	var pos = 0;
	if(id > 0)
		for(var i=id; i>0; i--)
			pos += document.getElementById('num'+(i-1)).offsetHeight;
	
	return pos;
}

function $(id) { return document.getElementById(id); }

function movedown(sid){
	var crossobj = $(scrollId[sid]);
	var contentheight=crossobj.offsetHeight;
	if (window.moveupvar) clearTimeout(moveupvar)
	if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100)){
		crossobj.style.top=parseInt(crossobj.style.top)-speed+"px";
		if(sid == 0) highlightCorrectName(crossobj.style.top, sid);
	} else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
		crossobj.top-=speed
	movedownvar=setTimeout("movedown("+sid+")",20)
}

function moveup(sid){
	var crossobj = $(scrollId[sid]);
	if (window.movedownvar) clearTimeout(movedownvar);
	if (iens6&&parseInt(crossobj.style.top)<=0){
		crossobj.style.top=parseInt(crossobj.style.top)+speed+"px";
		if(sid == 0) highlightCorrectName(crossobj.style.top, sid);
	} else if (ns4&&crossobj.top<=0)
		crossobj.top+=speed;
	moveupvar=setTimeout("moveup("+sid+")",20)
}

function stopscroll(){
	if (window.moveupvar) clearTimeout(moveupvar)
	if (window.movedownvar) clearTimeout(movedownvar)
}

function movetop(crossobj){
	stopscroll()
	if (iens6)
		crossobj.style.top=0+"px"
	else if (ns4)
		crossobj.top=0
}

function highlightCorrectName(currentName, sid){
	var crossobj = $(scrollId[sid]);
	var contentheight=crossobj.offsetHeight;
	for(var i=0; i<namesArray.length; i++){
		if ( parseInt(currentName)<=namesArray[i]*(-1) && (parseInt(currentName)>namesArray[i+1]*(-1) || (i==namesArray.length-1 && parseInt(currentName)>contentheight*(-1)) ) ) {
			clearNames();
			changeName(i);
		}
	}
}


function clearNames(){
	for(var i = 0; i < namesArray.length; i++) {
		$("spn" + i).style.left = "-9999px"; 
		$("per" + i).style.fontWeight = "normal";
	}
}

function changeName(id){
	$("spn" + id).style.left = "-5px";
	$("per" + id).style.fontWeight = "bold";
}

function jumpto(here, sid){
	var crossobj = $(scrollId[sid]);
	var id = here.substr(3);
	stopscroll();
	clearNames();
	changeName(id);
	if(iens6) crossobj.style.top=(namesArray[id]*(-1))+"px";
	else if(ns4) crossobj.top=(namesArray[id]*(-1));
}