var pauseSeconds;
var indexArray=[0,1,2,3];
var sliding=false;

function activateFeatureBox(pauseLength) {
	pauseSeconds = (pauseLength === undefined)? 9 : pauseLength;
	sliding=false;
	playFeatureItems = true;
	imageArray = document.getElementById('homeFeatureSlideshow').getElementsByTagName('li');
	contentListItems = document.getElementById('homeFeatureText').getElementsByTagName('li');
	navListItems = document.getElementById('homeFeatureNav').getElementsByTagName('li');
	listLength = imageArray.length;
	if (listLength>0) {
		contentListItems[0].style.opacity=1;
		contentListItems[0].style.filter = 'alpha(opacity=100)';
		navListItems[0].style.backgroundPositionX = '0px';
		for (var n=1; n<listLength; n++) {
			imageArray[n].style.left ='885px';
			contentListItems[n].style.left ='920px';
			contentListItems[n].style.opacity = 0;
			contentListItems[n].style.filter = 'alpha(opacity=0)';
			//navListItems[n].style.backgroundPositionX = '-364px';
		}
		pauseNews();
	} 
}	
	
function pauseNews() { 
	if (playFeatureItems) JSTweener.addTween(null, { delay: pauseSeconds, onComplete: function(){ if (playFeatureItems) slideAdvancer(); } });
}

function slideAdvancer() {
	sliding=true;
	imageArray[indexArray[0]].style.left='0px';
	imageArray[indexArray[1]].style.left='885px';
	
	contentListItems[indexArray[0]].style.left='35px';

	contentListItems[indexArray[1]].style.left='920px';  // 920= 35+885
	contentListItems[indexArray[1]].style.opacity=1;
	contentListItems[indexArray[1]].style.filter = 'alpha(opacity=100)';
	
	JSTweener.addTween(imageArray[indexArray[0]].style, {left:-885, suffix: { left: 'px' }, time:1.2, transition:"easeInOutCubic", onComplete:shiftArrays});
	JSTweener.addTween(imageArray[indexArray[1]].style, {left:0, suffix: { left: 'px' }, time:1.2, transition:"easeInOutCubic"});
	JSTweener.addTween(contentListItems[indexArray[0]].style, {left:-850, suffix: { left: 'px' }, opacity:-2, time:1.2, transition:"easeInOutCubic"});
	JSTweener.addTween(contentListItems[indexArray[1]].style, {left:35, suffix: { left: 'px' }, time:1.2, transition:"easeInOutCubic"});
	
	$fx(navListItems[indexArray[0]]).fxAdd({ type: 'backgroundx', from: 0, to: -364, step: -26, delay: 50 }).fxRun(null, 1);
	$fx(navListItems[indexArray[1]]).fxAdd({ type: 'backgroundx', from: -364, to: 0, step: 26, delay: 50 }).fxRun(null, 1);
}
	 

// This is the user activiated navigation that overides slideshow
function slideToFeature(theIndex) {
	playFeatureItems = false;
	if (indexArray[0]!=theIndex&&! sliding) {
		indexArray[1]=theIndex;
		slideAdvancer();
	}
}

function shiftArrays() {
	indexArray.push(indexArray.shift());
	sliding=false;
	 pauseNews();
}