var interval="";
var pos = 0;
var headingWidth = 980;

function leadinInit() {
	var leadinHeadings = dojo.query(".sliderContainer table");
	var menuNodes = dojo.query(".shelfTab");
	interval = setInterval(function() { cycleLeadin(menuNodes, leadinHeadings) }, 9000);
}
function cycleLeadin(menuNodes, leadinHeadings, evt) {
	var currentIndex = dojo.query(".shelfTab").map(function(n){ return n.className }).indexOf("shelfTab shelfTabSelected");
	currentIndex = currentIndex==-1 ? 0 : currentIndex;
	if(currentIndex == 2) {
		newIndex = 0;
	} else {
		newIndex = currentIndex+1;
	}
	dojo.removeClass(menuNodes[currentIndex], "shelfTabSelected");
	dojo.addClass(menuNodes[newIndex], "shelfTabSelected");
	moveHeading(menuNodes, leadinHeadings,currentIndex,newIndex);
}
function moveHeading(menuNodes, leadinHeadings, currentIndex, newIndex) {
	var moveFrom = dojo.coords(leadinHeadings[0]).l;
	dojo.animateProperty({ node: leadinHeadings[0], duration:1000,
		easing: dojo.fx.easing.quadOut,// we don't want too extreme of an ease
		properties: {
			left: { start: moveFrom, end: headingWidth*newIndex*-1, units:"px" }
		}
	}).play();
}