$(document).ready(function(){
	showFeature(currentFeatureIndex);
	$('div.js-feature a.next').click(showNext);
	totalFeatures = $('div.js-feature').length;
	featurNav = new True.SWF("../art/home_icons.swf", "featureNav", {attributes: {width: 80, height: 270}});            
	featurNav.create("featureNavHolder", true);
	featurNav.onFSCommand = function(cmd, args){showFeature(args.idx - 1);};
});

var currentFeatureIndex = 0;
var featurNav;
var totalFeatures = 0;

function showFeature(p_idx){
	$('div.js-feature').hide();
	$('div.js-feature:eq(' + p_idx + ')').show();
	$('div.content').removeClass('content' + (currentFeatureIndex + 1));
	currentFeatureIndex = p_idx;
	$('div.content').addClass('content' + (currentFeatureIndex + 1));
}

function showNext(){
	var idx = (currentFeatureIndex + 1 == totalFeatures)? 0: currentFeatureIndex + 1;
	showFeature(idx);
	featurNav.setJSON({"idx": idx + 1});
	return false;
}