var scrollContainerDiv;
var scrollContentDiv;
var scrollBarDiv;
var scrollLeftDiv;
var scrollSliderDiv;
var scrollRightDiv;
var timer;
var alertDiv;

function setup()
{
	scrollContainerDiv = document.getElementById('scrollContainer');
	scrollContentDiv = document.getElementById('scrollContent');
	scrollBarDiv = document.getElementById('scrollBar');
	scrollLeftDiv = document.getElementById('scrollLeft');
	scrollSliderDiv = document.getElementById('scrollSlider');
	scrollRightDiv = document.getElementById('scrollRight');
	alertDiv = document.getElementById('warning');
	showAlert();
	resize();
}

function resize()
{
	var sliderWidth = (scrollContainerDiv.offsetWidth-32) * scrollContainerDiv.offsetWidth / scrollContentDiv.offsetWidth;
	if (sliderWidth > scrollContainerDiv.offsetWidth - 33)
	{
		scrollBarDiv.style.display = 'none';
		scrollContentDiv.style.left = '0px';
		scrollSliderDiv.style.left = '16px';
	}
	else
	{
		scrollBarDiv.style.display = 'block';
		scrollSliderDiv.style.width = sliderWidth + 'px';//Math.Round(sliderWidth / scrollContainerDiv.offsetWidth * 100) + '%';
		if (document.all){
			scrollRightDiv.style.left = (scrollContainerDiv.offsetWidth - 15) + 'px';
		}

		var maxright = scrollContainerDiv.offsetWidth - 16 - scrollSliderDiv.offsetWidth;
		var left = scrollSliderDiv.style.left.replace(/px/, '');
		if (left < 17)
		{
			left = 16;
		}
		if (left > maxright)
		{
			left = maxright;
		}
		scrollSliderDiv.style.left = left + 'px';
		placeContent(left);

		Drag.init(scrollSliderDiv, null, 16, maxright, 0, 0);
		scrollSliderDiv.onDrag = function(x, y) {
			placeContent(x);
		}
	}
}

function placeContent(x)
{
	contentposition = Math.round(-1 * scrollContentDiv.offsetWidth * (x-16) / (scrollContainerDiv.offsetWidth -32) );
	scrollContentDiv.style.left = contentposition + 'px';
}

function doScroll(delta){
	var left = scrollSliderDiv.style.left.replace(/px/, '');
	left = 1*left + delta;
	//testdataDiv.innerHTML = left;
	scrollSliderDiv.style.left = left + 'px';
	resize();
	timer = setTimeout('doScroll('+delta+')', 50);
}

function scroll(direction)
{
	if (direction == 'stop'){
		if (timer){
			clearTimeout(timer);
		}
	} else if (direction == 'left') {
		doScroll(-10);
	} else if (direction == 'right') {
		doScroll(10);
	}
}