var sdPE;
var currState = 0;
var nextState = 0;
var ctrl = "play";
var cycle = 1;

function initDiagram() {
	for(i=0; i < arrState.length; i++) {
		thisImg = "new"+i;
		thisImg = new Image();
		thisImg.src = arrState[i];
		}

	ctrlCycle(5);
	}
	
function handleRoll(state) {
	if(sdPE) {
		sdPE.stop();
		}
	showState(state);
	}

// Displays current state
function showState(state) {
	$('diagram').setAttribute("src",arrState[state]);
	
	currState = state;
	nextState = currState+1;
	if(nextState > (arrState.length-1)) {
		nextState = 0;
		}
	}

function ctrlCycle(dur) {
	// Self-running set of tabs cycle through
	if(cycle == 1) { 
		if(ctrl == "pause") {
			sdPE.stop();
			}
		else {
			showState(nextState);
			sdPE = new PeriodicalExecuter(function() {
				showState(nextState);
				}, dur);
			}
		}
		
	// Just initialize first tab
	else {
		showState(nextState);
		}
	}
	
	
	
/* ===== Start Spotlight Tabs ===== */
/*
var slTabs;
var slContent;
var totTabs;
var currTab = 0;
var nextTab = 0;
var slPE;
var ctrlTab = "pause";
var slCycle = 0;

// Initialize the Spotlight Tabs
function initSpotlight() {
	slTabs = $('slTabs').childElements();
	slContent = $('slContent').childElements();
	totTabs = slTabs.length;
	
	if(slCycle == 1) {
		// Add play/pause button to tabs
		$('slPlayPause').insert('<a href="javascript:ctrlSpotlight();"><img src="/Design/SiteImages/Structure/btn_play.gif" border="0" alt="" width="25" height="19" id="slToggle" /></a>');
		}
	
	ctrlSpotlight();
	}

// Handles user click on a tab
function clickSpotlight(tab) {
	if(slPE) {
		slPE.stop();
		ctrlTab = "pause";
		$('slToggle').setAttribute('src','/Design/SiteImages/Structure/btn_play.gif');
		}
	showSpotlight(tab);
	}

// Displays current tab
function showSpotlight(tab) {
	slTabs.each(function(t) {
		t.removeClassName('on');
		});
	
	slTabs[tab].addClassName('on');
	
	slContent.each(function(c) {
		c.removeClassName('on');
		});
	slContent[tab].addClassName('on');
	currTab = tab;
	nextTab = currTab+1;
	if(nextTab == totTabs) {
		nextTab = 0;
		}
	}

// Toggles play/pause
function ctrlSpotlight() {
	// Self-running set of tabs cycle through
	if(slCycle == 1) { 
		if (ctrlTab == "pause") { 
			ctrlTab = "play"; 
			$('slToggle').setAttribute('src','/Design/SiteImages/Structure/btn_pause.gif');
			} 
		else { 
			ctrlTab = "pause"; 
			$('slToggle').setAttribute('src','/Design/SiteImages/Structure/btn_play.gif');
			}
	
		if(ctrlTab == "pause") {
			slPE.stop();
			}
		else {
			showSpotlight(nextTab);
			slPE = new PeriodicalExecuter(function() {
				showSpotlight(nextTab);
				}, 5);
			}
		}
		
	// Just initialize first tab
	else {
		showSpotlight(nextTab);
		}
	}
*/
/* ===== End Spotlight Tabs ===== */