$(document).ready(function () {
	var panel_count = $('#feature-buttons li').size();

	var activate = function(i) {
		$('#feature-buttons li').removeClass('on');
		$('#feature-button-'+i).addClass('on');
		$('.feature-panel').fadeOut();
		$('#feature-panel-'+i).fadeIn();
	}
 
	var interval_id = setInterval(function() {
		var i;
		for (i = 0; i < panel_count; i++)
			if ($('#feature-button-'+i).hasClass('on'))
				break;
		i = (i + 1) % panel_count;
		activate(i);
	}, 10000);
 
	for (var i = 0; i < panel_count; i++) {
		$('#feature-button-' + i).click(function (num) {
			return function () { activate(num); clearInterval(interval_id) };
		}(i));
	}
});