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

	var slideContainer = $('slides');
	var slideNav = $('slideNav');
	
	var currentSlide = slideContainer.getElement('li.on');
	var currentButton = slideNav.getElement('li.on');
	
	var slides = slideContainer.getElements('li');
	var buttons = slideNav.getElements('li');
	
	var slideFeature = function(oldSlide,nextSlide)
	{
		
		slideNav.getElements('a').removeEvents();
	
		nextSlide.setStyles({
			
			'opacity' : 0,
			'display' : 'block'
			
		});
		var slideOld = new Fx.Tween(oldSlide, {transition: Fx.Transitions.Expo.easeOut, duration: 3000});
		var slideNew = new Fx.Tween(nextSlide, {transition: Fx.Transitions.Expo.easeOut, duration : 3000});
		slideNew.start('opacity',1);
		slideOld.start('opacity',0);
		buttonEvents.delay(3000);
		
		nextSlide.addClass('on');
		currentSlide = nextSlide;
		
	};
	
	var slideTransition = function()
	{
		
		var buttonIndex = buttons.indexOf(currentButton);
		var nextIndex = buttonIndex+1;
		
		var nextButton = buttons[nextIndex];
		if (!$defined(nextButton))
		{
			nextIndex = 0;
			var nextButton = buttons[nextIndex];
			
		}
		
		currentButton.removeClass('on');
		nextButton.addClass('on');
		var nextSlide = slides[nextIndex];
		
		currentButton = nextButton;
		
		slideFeature(currentSlide,nextSlide);
		
	};
	
	var periodical = slideTransition.periodical(10000);
	
	var buttonEvents = function()
	{
		
		buttons.each(function(button){
			
			button.getElement('a').addEvents({
				
				'click' : function(event){
					
					event.stop();
					
					if (button.hasClass('on'))
						return false;
					
					$clear(periodical);
					
					var oldButton = currentButton;
					oldButton.removeClass('on');
					
					var oldSlide = currentSlide;
					var nextSlide = slides[buttons.indexOf(button)];
					
					button.addClass('on');
					currentButton = button;
					
					slideFeature(oldSlide,nextSlide);
					
				}
				
			});
			
		});
		
	};
	
	buttonEvents();

});