document.write('<style type="text/css">#scroll_container{overflow:hidden;}</style>');

var timer = null;
var scrollDelay = 15;
var speed = 4;
var currentX = 0;
var currentY = 0;
var containerWidth = 0;
var containerHeight = 0;
var contentWidth = 0;
var contentHeight = 0;
var offsetX = 0;
var offsetY = 0;

function initializeScroll(container, content, speed, scrollDelay) {
	containerWidth = container.clientWidth;
	containerHeight = container.clientHeight;
	contentWidth = content.clientWidth;
	contentHeight = content.clientHeight;
	offsetX = contentWidth-containerWidth;
	offsetY = contentHeight-containerHeight;
	if ( speed > 0 )
		this.speed = speed;
	if ( scrollDelay > 0 )
		this.scrollDelay = scrollDelay;
	if ( offsetY > 0 ) {
		document.getElementById("buttonUp").style.display = 'block';
		document.getElementById("buttonDw").style.display = 'block';
		document.getElementById("scroll_container").style.margin = '0px 0px';
	}
}

function moveUp(obj){
	targetObj = obj;
	if ( currentY >= 0 ) {
		clearTimer();
		return true;
	}
	currentY = currentY + speed;
	targetObj.style.top = currentY+'px';
	timer = setTimeout('moveUp(targetObj)',scrollDelay);
}

function moveDown(obj){
	targetObj = obj;
	if ( offsetY < 0 ||  Math.abs(offsetY) < Math.abs(currentY) ) {
		clearTimer();
		return true;
	}
	currentY = currentY - speed;
	targetObj.style.top = currentY+'px';
	timer = setTimeout('moveDown(targetObj)',scrollDelay);
}

function moveLeft(obj){
	targetObj = obj;
	if ( currentX >= 0 ) {
		clearTimer();
		return true;
	}
	currentX = currentX + speed;
	targetObj.style.left = currentX+'px';
	timer = setTimeout('moveLeft(targetObj)',scrollDelay);
}

function moveRight(obj){
	targetObj = obj;
	if ( offsetX < 0 ||  Math.abs(offsetX) < Math.abs(currentX) ) {
		clearTimer();
		return true;
	}
	currentX = currentX - speed;
	targetObj.style.left = currentX+'px';
	timer = setTimeout('moveRight(targetObj)',scrollDelay);
}

function clearTimer(){
	if (timer)
		timer = clearTimeout(timer);
}