$(document).ready(function() {
	// show navigation
	$("div#signup ul").show();
	
	// event handling
	$("div#signup ul li a").click(function(e) {
		// add/remove selected classes
		$("div#signup ul li").removeClass("selected");
		$(this).parent().addClass("selected")
		// get current index based of number of lis
		var index = $("div#signup ul li").index($(this).parent());
		// animate the wrapper
		$("div#signup div#core-benefits-wrapper").animate({
			marginLeft: -($("div#signup div#core-benefits").width() * index)
		},{ duration: 650, easing: "easeOutCirc", queue: false });
		// if element was actually clicked by a user, disable timer
		if(e.originalEvent) clearInterval(timer);
		// prevent default actions
		this.blur();
		return false;
	});
	
	// create timeout animation
	timer = setInterval(function() {
		// if at last item, go back to start
		if($("div#signup ul li").index($("div#signup ul li.selected")) == $("div#signup ul li").length - 1) {
			$("div#signup ul li:first a").click();
		}
		// else, select next item
		else { 
			$("div#signup ul li.selected").next().children("a").click();
		}
	}, 6000);
});