var i=0;
var scroll_break=1;


function scroll_up(getid,getids, height){
	if (scroll_break)
	{	

	   	if (i>=20) i=i-20;
	    else if (i<20 && i>=0) i=0;
				
		document.getElementById(getid).scrollTop=i;

		document.getElementById(getids).style.top = ((height - 59)/100) * ((document.getElementById(getid).scrollTop/(document.getElementById(getid).scrollHeight - height)) *100);

		setTimeout('scroll_up(\'' + getid + '\', \'' + getids + '\', \'' + height + '\');', 50);
    }
	else
        scroll_break=1;
}

function scroll_down(getid,getids, height){
	if (scroll_break)
	{

		var scroll=document.getElementById(getid).scrollTop;
	
		if ((i-20)<=scroll)
			i=i+20;
		else if ((i-20)>scroll)
			i=scroll;

		document.getElementById(getid).scrollTop=i;

		document.getElementById(getids).style.top = ((height - 59)/100) * ((document.getElementById(getid).scrollTop/(document.getElementById(getid).scrollHeight - height)) *100);

		setTimeout('scroll_down(\'' + getid + '\', \'' + getids + '\', \'' + height + '\');', 50);
	}
    else
        scroll_break=1;
}

function scroll_breaker(){
    scroll_break=0;
}