var interval="";
var pos = 0;

function leadinInit() {
	var imageNodes = djlib.query("a", "leadinServices");
	var menuNodes = djlib.query("td", "homeLeadinMenu");
	interval = setInterval(function() { cycleLeadin(menuNodes, imageNodes) }, 7000);
	djlib.query("td", "homeLeadinMenu").onclick(function(evt){
		window.clearInterval(interval);
		cycleLeadin(menuNodes, imageNodes, evt);
	});
	
}
function cycleLeadin(menuNodes, imageNodes, evt) {
	var currentIndex = djlib.query("td", "homeLeadinMenu").map(function(n){ return n.className }).indexOf("current");
	//currentIndex = currentIndex==-1 ? 0 : currentIndex;
	var newIndex = "";
	if(evt) {
		newIndex = menuNodes.indexOf(evt.currentTarget);
		if(newIndex == currentIndex) {
			return;
		}
	} else {
		newIndex = (currentIndex == menuNodes.length-1) ? 0 : currentIndex+1;
	}
	changeStyles(imageNodes[currentIndex], imageNodes[newIndex], menuNodes[currentIndex], menuNodes[newIndex]);
}


var _spConnects = [];
var _anim, _anim1, _anim2;
function changeStyles(currentImageNode, nextImageNode, currentMenuNode, nextMenuNode) {
	djlib.forEach(_spConnects,djlib.disconnect);
	delete _anim1;
	delete _anim2;
	_anim1 = djlib.fadeOut({ node: currentImageNode, duration: 550 });
	_anim2 = djlib.fadeIn({ 
		node: nextImageNode, 
		duration: 550
	});
	_anim = djlib.fx.combine([_anim1,_anim2]);
	_spConnects.push(djlib.connect(_anim,"onEnd",function(){
		djlib.addClass(nextImageNode, "current");
		djlib.removeClass(currentImageNode, "current");
		djlib.style(currentImageNode,"display","none");
	}));
	
	djlib.style(nextImageNode,{ opacity:"0", display:"block" });
	_anim.play();	
	djlib.removeClass(currentMenuNode, "current");
	djlib.addClass(nextMenuNode, "current");
}