/*
	Copyright 2010 JKI - Main Feature Slide Show
*/
window.addEvent('domready', function()
{
	
	

	var mainFeature = $('mainFeature');
	var ftNav = mainFeature.getElement('ul');
	var buttons = mainFeature.getElements('ul li');
	
	if (buttons.length < 2)
		return false;
	
	var ftImages = {};
	var ftMsgs = {};
	var curBtn = mainFeature.getElement('li.on');
	var curInc = curBtn.getElement('a').get('text');
	var curSet = 'featureSet'+curInc;
	
	var slideFeature = function(curSet,nextSet) {
		
		buttons.removeEvents();
		var curImg = ftImages[curSet];
		var curMsg = ftMsgs[curSet];
		
		var nextImg = ftImages[nextSet];
		var nextMsg = ftMsgs[nextSet];
		
		var slideDistOld = 685;
		nextImg.setStyles({
			
			'left' : slideDistOld+'px',
			'display' : 'block'
			
		});
		var slideOld = new Fx.Tween(curImg, {transition: Fx.Transitions.Expo.easeOut, duration: 1500});
		var slideNew = new Fx.Tween(nextImg, {transition: Fx.Transitions.Expo.easeOut, duration : 1500});
		slideNew.start('left',0);
		slideOld.start('left','-'+slideDistOld+'px');
		curMsg.fade('out');
		nextMsg.fade('hide');
		nextMsg.setStyle('display','block');
		nextMsg.fade('in');
		buttonEvents.delay(1500);
		
	};
	
	var ftTransition = function () {
		
		var nextBtn = curBtn.getNext('li');
		if (!$defined(nextBtn))
			var nextBtn = ftNav.getFirst();
		
		curBtn.removeClass('on');
		nextBtn.addClass('on');
		curBtn = nextBtn;
		curInc = curBtn.getElement('a').get('text');
		nextSet = 'featureSet'+curInc;
		slideFeature(curSet,nextSet);
		curSet = nextSet;
		
	};
	
	var periodical = ftTransition.periodical(10000);
	var buttonEvents = function()
	{
		
		buttons.each(function(buttonEl){
			
			var ftSet = 'featureSet'+buttonEl.getElement('a').get('text');
			ftImages[ftSet] = mainFeature.getElement('img.'+ftSet);
			ftMsgs[ftSet] = mainFeature.getElement('div.'+ftSet);
			
			buttonEl.addEvents({
				
				'click' : function () {
			
					if (buttonEl.hasClass('on')) return false;
					$clear(periodical);
					var oldBtn = mainFeature.getElement('li.on');
					oldBtn.removeClass('on');
					ftSetOld = 'featureSet'+oldBtn.getElement('a').get('text');
					ftSetNew = 'featureSet'+buttonEl.getElement('a').get('text');
					buttonEl.addClass('on');
					slideFeature(ftSetOld,ftSetNew);
				
				}
				
			});
			
		});
		
	};
	
	buttonEvents();

});