var banner_interval;
var interval_ms = 7500;
var current_banner = 1;
$(document).ready(function () {
	prepareFeatures();
	banner_interval = setInterval(doRotation, interval_ms);
	$("#featureMain").hover(function() {
		clearInterval(banner_interval);
	}, function () {
		banner_interval = setInterval(doRotation, interval_ms);
	});
});

function prepareFeatures() {
	for (var i=1; i<=features.length; i++) {
		if (i != 1) $("#featureMain").append('<a class="hidden" id="featureImg'+i+'"><img src="'+features[i-1].image_large+'" alt="'+features[i-1].title+'" width="550" height="130" /></a>');
	}
}
function doRotation() {
	var next = current_banner < features.length ? current_banner + 1 : 1;
	$("#featureImg"+next).removeClass('hidden').css('display', 'none').fadeIn(1000);
	$("#featureImg"+current_banner).fadeOut(1000);
	current_banner = next;
}