var changeRef;
var scrollRef;
var el = document.getElementById('reflist');
var refTop = el.offsetTop;
var refHeight = el.offsetHeight;
var refHeightOrig = refHeight;
var i;
var j=270;
var steps=15;
var delay = 5000;
var firstRef = document.getElementById('firstref').innerHTML;
var lastRef = document.getElementById('lastref').innerHTML;
var direction = -1;
var play = "auto";
document.getElementById('reference').style.overflow='hidden';
document.getElementById('refchanger').style.display='block';

function changeReference(direction,play)
{
	refTop = parseInt(el.offsetTop);
	refHeight = parseInt(el.offsetHeight);
	if((refHeight-j) <= (0-refTop)) 
	{
		el.style.top = '-'+j+'px';
		changeRef = window.setTimeout('changeReference('+direction+',"'+play+'");', 0);
	}
	else if(refTop>=0)
	{
		el.style.top = '-'+refHeightOrig+'px';
		changeRef = window.setTimeout('changeReference('+direction+',"'+play+'");', 0);
	}
	else
	{
		el.style.top = (refTop+direction*parseInt(j/steps))+'px';
		if((refTop+direction*parseInt(j/steps)) % j != 0) scrollRef = window.setTimeout('changeReference('+direction+',"'+play+'");', 20);
		else {if(play=='auto') changeRef = window.setTimeout('changeReference('+direction+',"'+play+'");', delay);}
	}
}

el.innerHTML = '<li>' + lastRef + '</li>' + el.innerHTML + '<li>' + firstRef + '</li>';
el.style.top = '-'+j+'px';
changeRef = window.setTimeout('changeReference('+direction+',"'+play+'");', delay);