var simScrollerWidth = 270;
var simScrollerDistance = 5;
var simScrollerDelay = 10;
var simScrollerPanelDisplay = 5000;

var scroller;
var panels;
var panelsLeft;

function simScrollerSetup(distance) {

	scroller = document.getElementById('simScroller');
	var tmpPanels = scroller.getElementsByTagName('div');
	panels = new Array()
	panelsLeft = new Array();

	// ensure they are our divs
	for (i=0; i<tmpPanels.length; i++) {
		if (tmpPanels[i].className == 'panel') {
			panels[panels.length] = tmpPanels[i];
		}
	}

	for (i=0; i<panels.length; i++) {
		panelsLeft[i] = (i * simScrollerWidth);
		panels[i].style.left = panelsLeft[i] + 'px';
		panels[i].style.display = 'block';
	}
	setTimeout('simScrollerGo()', simScrollerPanelDisplay);
}


function simScrollerGo() {
	//var d = document.getElementById('debug')
	//d.innerHTML = '';

	var leftestItem = -1;

	for (i=0; i<panels.length; i++) {
		panelsLeft[i] = panelsLeft[i] - simScrollerDistance;
		panels[i].style.left = panelsLeft[i] + 'px';

		//d.innerHTML += 'Panel ' + i + '.left = ' + panelsLeft[i] + '<br />';

		if (panelsLeft[i] <= (simScrollerWidth * -1)) {
			leftestItem = i;
		}
	}

	if (leftestItem == -1) {
		setTimeout('simScrollerGo()', simScrollerDelay);

	} else {

		panelsLeft[leftestItem] = ((panels.length * simScrollerWidth) - simScrollerWidth);
		panels[leftestItem].style.left = panelsLeft[leftestItem] + 'px';

		setTimeout('simScrollerGo()', simScrollerPanelDisplay);
		return;
	}
}