window.onload = function(){ scrollStart(); }
var scrollArray = new Array();
function scrollStart()
{
	var scrollers = getElementsByChildNodes('scrollContent');
	for(i=0;i<scrollers.length;i++)
	{
		var scr = scrollers[i];
		var sc = document.getElementById('scrollContent');
		var sob = new scrollClass();
		if(sc.style.left != '')
			sob.offset = parseInt(sc.style.left);
		sob.max = scrollers.length;
		scrollArray.push(sob);
	}
}
function scrollClass () {
	var me = this;
	this.dir = 0;
	this.pos = 0;
	this.offset = 0;
	this.max = 8;
	this.view = 3;
	this.cpos = 0;
	this.is_moving = false;
	this.interval = '';
	this.movearray = new Array ( 1, 2, 3, 4, 5, 6, 12, 15, 23, 32, 23, 15, 12, 6, 5, 4, 3, 2, 1 );

}
function scrollMove(target)
{
	var sob = scrollArray[0];
	if(target == 1) target = 3;
	else if(target == -1) target = -3;

	var request = (target * 2) + sob.cpos;
	if(request > sob.max && target > 0){
		target = sob.max - sob.cpos - target;
	}
	else if(sob.cpos + target < 0){
		var result = sob.cpos + target;
		target = target - result;
	}
	if(target == 0)
		return;
	sob.dir = target;
	if(  !sob.is_moving && ( (sob.dir > 0 && (sob.cpos + sob.view) < sob.max )  ||  (sob.dir < 0 && sob.cpos > 0) ) )
	{
		sob.is_moving = true;
		sob.cpos += sob.dir;
		sob.interval = setInterval(function () { scrollAct(sob) },15);
	}

	scrollImages(target, sob);
}
function scrollAct(sob)
{
	var sc = document.getElementById( 'scrollContent' );
	if(sob.pos == sob.movearray.length)
	{
		sob.pos = 0;
		clearInterval(sob.interval);
		sob.is_moving = false;
		return;
	}
	sob.offset += ((-1 * sob.dir) * sob.movearray[sob.pos]);
	sc.style.left = sob.offset + 'px';
	sob.pos++;
}
function scrollImages(target, sob)
{
	var leftImg = document.getElementById('scrollImgLeft');
	var rightImg = document.getElementById('scrollImgRight');

	var leftDiv = document.getElementById('scrollLeft');
	var rightDiv = document.getElementById('scrollRight');

	if(target > 0){
		if((sob.cpos + sob.view) == sob.max){
			rightImg.src = url + 'scroll_dis_right.gif';
			rightDiv.style.cursor = 'arrow';
		}

		leftImg.src = url + 'scroll_act_left.gif';
		leftDiv.style.cursor = 'pointer';
	}
	else{

		if(sob.cpos == 0){
			leftImg.src = url + 'scroll_dis_left.gif';
			leftDiv.style.cursor = 'arrow';
		}

		rightImg.src = url + 'scroll_act_right.gif';
		rightDiv.style.cursor = 'pointer';
	}
}
function getElementsByChildNodes(prnt) {
	var parent = document.getElementById(prnt).childNodes;
    var elements = new Array();
    for (var i = 0; i < parent.length; ++i)
         elements.push(parent[i]);
	return elements;
}