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 dTest = document.getElementById("credits");
	// Make sure that the element is on the page.
	if(!!dTest){
	
		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";
			}
    
    /*var scrollY = parseInt(document.getElemennnnntById("ScrollBar").style.top);
    var scrollTop = parseInt(document.getElementById("ScrollBar_Container").clientHeight)
    
    
    
    
    
    
    var docY = 0 - (scrollY * (docH - contH) / Math.floor(parseInt(credits.clientHeight - Scroller.clientHeight)));
    document.getElementById("credits").style.top = docY + "px";*/
    	}
	}
}