// gives up and down scroll buttons to images, spans, ... named up_name, down_name, respectively.
// will keep the default scroll_box's style overflow if it encounters errors (so make overflow: auto;)

// usage: put this after the scrollbox div:  var div_scroll1 = new TextScroll('div_scroll1', 'scroll_box');
function TextScroll(scrollname, div_name, up_name, down_name)
{
    this.div_name = div_name;
    this.name = scrollname;
    this.scrollCursor = 0;
    this.speed = 5;
    this.timeoutID = 0;
    this.div_obj = null;
    this.up_name = up_name;
    this.dn_name = down_name;
    this.height = document.getElementById("centerTextTable").offsetHeight;

	
        if (document.getElementById) {
            div_obj = document.getElementById(this.div_name);
            if (div_obj) {
                this.div_obj = div_obj;
                this.div_obj.style.overflow = 'hidden';
            }
            div_up_obj = document.getElementById(this.up_name);
            div_dn_obj = document.getElementById(this.dn_name);
            if (div_up_obj && div_dn_obj) {
            	div_up_obj.onmouseover = function() { eval(scrollname + ".scrollUp();") };
				div_up_obj.onmouseout = function() { eval(scrollname + ".stopScroll();") };
				div_dn_obj.onmouseover = function() { eval(scrollname + ".scrollDown();") };
				div_dn_obj.onmouseout = function() { eval(scrollname + ".stopScroll();") };
            }
        }
	

this.stopScroll = function() {
        clearTimeout(this.timeoutID);
    };

this.scrollUp = function() {
        if (this.div_obj) {
            this.scrollCursor = (this.scrollCursor - this.speed) < 0 ? 0 : this.scrollCursor - this.speed;
            this.div_obj.scrollTop = this.scrollCursor;
            if(this.scrollCursor > 0) {
	            this.timeoutID = setTimeout(this.name + ".scrollUp()", 60);
	        } else {
	        	scrollButton('disable', 'scrollUp'); 
	        }
        }
        scrollButton('activate', 'scrollDown');
    };

this.scrollDown = function() {
        if (this.div_obj) {
            this.scrollCursor += this.speed;
            this.div_obj.scrollTop = this.scrollCursor;
            if(this.scrollCursor < (this.height+25)) {
	            this.timeoutID = setTimeout(this.name + ".scrollDown()", 60);
	        } else {
	        	scrollButton('disable', 'scrollDown'); 
	        }
        }
        scrollButton('activate', 'scrollUp');
    };

this.resetScroll = function() {
        if (this.div_obj) {
            this.div_obj.scrollTop = 0;
            this.scrollCursor = 0;
        }
    };
}

function checkScrollButtons() 
{	
	if(document.getElementById("centerTextTable").offsetHeight < 222) 
	{
		document.getElementById('scrollUpDisabled').style.display = 'none';
		document.getElementById('scrollDown').style.display = 'none';
	}
}
function scrollButton(type, button) 
{
	if(type == 'activate')
	{
		document.getElementById(button).style.display = '';
		document.getElementById(button+'Disabled').style.display = 'none';
	}
	else if(type == 'disable')
	{
		document.getElementById(button).style.display = 'none';
		document.getElementById(button+'Disabled').style.display = '';
	}
}

function fadePictures(pictureName) 
{
	var time = 400;
	if(pictureName == 'picture_2') {time=800;}
	if(pictureName == 'picture_3') {time=1200;}
	setTimeout("Effect.Appear('"+pictureName+"', {duration: 2.5});", time);
}