var scroller = null; // object
var count = 0

var myBlockWidth = 316;
var myBlockItems = 9;
var myMoveThree  = myBlockWidth * 3;
var myMoveReset  = myBlockWidth * 9;
var myMovePause  = 12000;

function doMove()
{
	if (count < 12 )
	{
		toggleNext();
		myTimer=setTimeout("doMove()",myMovePause);
		count++;
	}
	else
	{
		scroller.style.right = (parseInt(scroller.style.right)-myMoveReset + 'px');
		count-=9;
		doMove();
	}
}


function init()
{
	scroller = document.getElementById('scroller');
	scroller.style.right = '0px';
	myTimer=setTimeout(doMove,myMovePause);
	showControl();
}


function toggleNext()
{
	t1 = new Tween(scroller.style, 'right', Tween.regularEaseInOut, parseInt(scroller.style.right)+0, parseInt(scroller.style.right)+myBlockWidth, 2, 'px');
	hideControl();
	t1.start();
	setTimeout(showControl,2000);
}


function hideControl()
{
	document.getElementById('t3').style.display = 'none';
	document.getElementById('t3disabled').style.display = 'block';
}


function showControl()
{
	document.getElementById('t3').style.display = 'block';
	document.getElementById('t3disabled').style.display = 'none';
}


function toggleThree()
{
	if( count < 9 )
	{
			clearTimeout(myTimer);
			t1 = new Tween(scroller.style, 'right', Tween.regularEaseInOut, parseInt(scroller.style.right)+0, parseInt(scroller.style.right)+myMoveThree, 2, 'px');
			hideControl();
			t1.start();
			setTimeout(showControl,2000);
			myTimer=setTimeout("doMove()",myMovePause);
			count+=3;
	}
	else
	{
			scroller.style.right = (parseInt(scroller.style.right)-myMoveReset + 'px');
			count-=9;
			toggleThree();
	}
}


function toggleThreeBack()
{
	if( count > 2 )
	{
			clearTimeout(myTimer);
			t1 = new Tween(scroller.style, 'right', Tween.regularEaseInOut, parseInt(scroller.style.right)+0, parseInt(scroller.style.right)-myMoveThree, 2, 'px');
			hideControl();
			t1.start();
			setTimeout(showControl,2000);
			myTimer=setTimeout("doMove()",myMovePause);
			count-=3;
	}
	else
	{
			document.getElementById('scroller').style.right = (parseInt(scroller.style.right)+myMoveReset + 'px');
			count+=9;
			toggleThreeBack();
	}
}

window.onload = init;