/*
Rotating Homepage Features
Author: Jason Hollett (Cyan Solutions Ltd.)
___________________________________________________________________________ */


var currentIndex = 1; // starting feature
var targetIndex = 2; // for auto play
var featureCount = 0;
var delay = 500;
var timer = 0;


$(document).ready(function() {
	attachEvents();
	timer = setInterval(function() { loadFeature(targetIndex); }, 10000);
});


function attachEvents() {

	$("#features #nav a").each(

		function (index) {
			$(this).bind (
				"click",
				function(){
					clearInterval(timer); // stop auto play on click
					loadFeature(index+1);
					return false;
				}
			);
			featureCount++;
		}
	
	);

}


function loadFeature(_index) {

	// set buttons
	$("#features #nav ul li:eq(" + (currentIndex-1) + ") a").removeClass('selected'); // reset selected
	$("#features #nav ul li:eq(" + (_index-1) + ") a").addClass('selected');

	// set headline
	$("#features #headline"+currentIndex).addClass("hidden"); // hide shown
	$("#features #headline"+(_index)).removeClass("hidden");

	hideFeature(_index);
}


function hideFeature(_index) {
	if (currentIndex != _index) {
		$("#features #img"+currentIndex).fadeTo(delay, 0, function() { $(this).addClass("hidden"); showFeature(_index); }); // fade out image
	}
}


function showFeature(_index) {
	$("#features #img"+_index).removeClass("hidden").fadeTo(delay, 1);
	
	currentIndex = _index;

	if (targetIndex == featureCount) {
		targetIndex = 1;
	} else {
		targetIndex++;
	}
}