// document ready shorthand
$(function() {
	prepFeatures();
});

function prepFeatures() {
	if ($('#features li').size() > 1) {
		$('#features').after('<ul id="navFeatures"></ul>');
		$('#features li').each(function () {
			$('#navFeatures').append('<li><h3>'+$(this).find('h3').html()+'</h3><p>'+$(this).find('p.desc').html()+'</p></li>');
		});
		$('#features li:first,#navFeatures li:first').addClass('active');
		$('#navFeatures li').hover(function () {
			showFeature($(this));
		});
	}
}

function showFeature(e) {
	var target = $('#features li').eq($('#navFeatures li').index(e));
	if (!target.hasClass('active')) {
		$('#features li.active,#navFeatures li.active').removeClass('active');
		target.addClass('active');
		e.addClass('active');		
	}
}