var scrolltimer;

function stopScroll() {
	loop = false;
	clearTimeout(scrolltimer);
}

function ScrollDown()
{
	var y_pos;
	var credits = document.getElementById("credits");
	var Scroller = document.getElementById("Scroller");
	var Scrollbar = document.getElementById("ScrollBar");
	var Scrollbar_Container = document.getElementById("ScrollBar_Container");

	speed = 1;
	y_pos = parseInt(credits.style.top)
	if(isNaN(y_pos) == true){
		y_pos = 0;
	}
	window.status = y_pos + " :: " + credits.clientHeight;
	if(y_pos > 0 - parseInt(credits.clientHeight - Scroller.clientHeight)){
		credits.style.top = (y_pos - (speed)) + "px";
		y_pos = parseInt(Scrollbar.style.top);
		if(isNaN(y_pos) == true){
			y_pos = 0;
		}
		Scrollbar.style.top = CalcPixels();
		//window.status = Scrollbar.style.top;
	}
	CalcPixels()
	scrolltimer = setTimeout('ScrollDown()', 10);
} 

function ScrollUp()
{
	var y_pos;
	var credits = document.getElementById("credits");
	var Scroller = document.getElementById("Scroller");
	var Scrollbar = document.getElementById("ScrollBar");

	speed = 1;
	y_pos = parseInt(credits.style.top)
	if(isNaN(y_pos) == true){
		y_pos = 0;
	}
	window.status = y_pos + " :: " + credits.clientHeight;
	if(y_pos < 0){
		credits.style.top = (y_pos + (speed)) + "px";
		Scrollbar.style.top = CalcPixels();
	}
	scrolltimer = setTimeout('ScrollUp()', 10);
}

function CalcPixels()
{
	var Scrollbar_Container = document.getElementById("ScrollBar_Container");
	var Scrollbar = document.getElementById("ScrollBar");
	var credits = document.getElementById("credits");
	var Scroller = document.getElementById("Scroller");
	
	var Percentage;
	var tmpPixels;
	
	Percentage = 0 - Math.floor((0 + parseInt(credits.style.top) / parseInt(credits.clientHeight - Scroller.clientHeight)) * 100)
	
	tmpPixels = Math.floor(((Scrollbar_Container.clientHeight - Scrollbar.clientHeight) / 100) * Percentage)
	
	//window.status = tmpPixels + "px";
	
	return tmpPixels;
	
}

function Init()
{
	var docH = document.getElementById("credits").offsetHeight;
    var contH = document.getElementById("Scroller").offsetHeight;
    var scrollAreaH = document.getElementById("ScrollBar_Container").offsetHeight;
    var Scrollbar_Container = document.getElementById("ScrollBar_Container");
	var Scrollbar = document.getElementById("ScrollBar");
      
    //calculate height of scroller and resize the scroller div
    //(however, we make sure that it isn't to small for long pages)
    var scrollH = (contH * scrollAreaH) / docH;
    //if(scroller.scrollH < 15) scroller.scrollH = 15;
    document.getElementById("ScrollBar").style.height = Math.round(scrollH) + "px";
    Drag.init(document.getElementById("ScrollBar"),null,0,0,0,Math.floor(parseInt(Scrollbar_Container.clientHeight - Scrollbar.clientHeight)));
    
    window.status = document.getElementById("ScrollBar").style.top;
    
    document.getElementById("ScrollBar").onDrag = function (x,y) {
		var Scrollbar_Container = document.getElementById("ScrollBar_Container");
		var Scrollbar = document.getElementById("ScrollBar");
		var credits = document.getElementById("credits");
		var Scroller = document.getElementById("Scroller");
		
		var Percentage;
		var tmpPixels;
		
		Percentage = 0 - Math.floor((0 + parseInt(Scrollbar.style.top) / parseInt(Scrollbar.clientHeight - Scrollbar_Container.clientHeight)) * 100)
		
		tmpPixels = Math.floor(((Scroller.clientHeight - credits.clientHeight) / 100) * Percentage)
		if(Percentage <= 100){
			credits.style.top = tmpPixels + "px";
		}
    }
}

function Resize()
{
	//need resize text here	
}