var rotateDelay = 0;
var rotateTime = 5000;
var currentFeature = 1;
var nextFeature = 2;
var numFeatures = 0;

function selectFeature(targetFeature){
	if(targetFeature != currentFeature){
		$('#feature'+targetFeature).addClass('selected');
		$('#feature'+currentFeature).removeClass('selected');
		$('#feature'+targetFeature).fadeIn(400);
		$('#feature'+currentFeature).fadeOut(400);
		$('#feature_nav'+targetFeature).addClass('selected');
		$('#feature_nav'+currentFeature).removeClass('selected');
		
		currentFeature = targetFeature;
	}
}

function rotateFeature(){
	
	if(rotateDelay == 1){
		rotateDelay = 0;
	} else {
		if(nextFeature > numFeatures){
			nextFeature = 1;
		} else {
		
		}
		selectFeature(nextFeature);
		nextFeature++;
	}
	setTimeout(rotateFeature, rotateTime);
}
$(function(){
	$('#signup').hover(function(){
		$('#signup img').css('display', 'block');
	}, function(){
		$('#signup img').css('display', 'none');
	});
	
	numFeatures = $('#feature img').size();
	
	$('#feature_nav a').click(function(){
		var targetFeature = $(this).attr('id').substr(11);
		selectFeature(targetFeature);
		rotateDelay = 1;
		if(nextFeature == targetFeature){
			nextFeature++;
		}
	});
	
	setTimeout(rotateFeature, rotateTime);
});