Event.observe(window, 'load', function() {
	var wrapper = $('scrollbox-wrapper');
	var scrollbox = $('scrollbox');
	var boxes = $$('#scrollbox .box');
	var boxWidth = wrapper.getWidth();
	var rightDup = boxes[0].cloneNode(true);
	var interval = {length: 7*1000}; // 7 seconds
	scrollbox.appendChild(rightDup);
	scrollbox.setStyle({
		height: wrapper.getHeight()+'px',
		width: (boxWidth*(boxes.length+2))+'px'
	});
	scrollbox.curr = 1;
	
	// Setup Interval
	interval = setInterval(function() {
		scrollbox.morph({left: '-'+(boxWidth*(scrollbox.curr++))+'px'});
		if(scrollbox.curr > boxes.length) {
			setTimeout(function() {
				scrollbox.curr = 1;
				scrollbox.setStyle({left: '0px'});
			}, 2000);
		}
	}, interval.length);
	
	// Setup Number Links
	for(var i = 1; i <= boxes.length; i++) {
		$$('#scrollbox .linkTo'+i).each(function(link) {
			var num = i-1;
			link.observe('click', function() {
				if(interval) {
					clearInterval(interval);
					interval = false;
				}
				scrollbox.morph({left: '-'+(boxWidth*(num))+'px'});
			});
		});
	}
});