var banner_interval;
var interval_ms = 6000;
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 href="'+features[i-1].link+'" class="hidden" id="featureImg'+i+'"><img src="'+features[i-1].image_large+'" alt="'+features[i-1].title+'" width="373" height="192" /></a>');
	}
}
function doRotation() {
	var next = current_banner < features.length ? current_banner + 1 : 1;
	$("#featureImg"+next).removeClass('hidden').fadeIn('slow');
	$("#featureImg"+current_banner).fadeOut('fast');
	current_banner = next;
}