YAS = {}
YAS.features = function(){
	return {
		timer: null,
		timerTime: 10*1000,					 // 10 seconds
		nextFeature: function() {
			//Accept, but don't require an argument, which is the DOM element that was clicked, or the jQuery-ready selector to it.
			var obj = (arguments[0]) ? arguments[0] : false;

			// If we have a click event, then we need to fade into the proper one
			
			if(obj) {
			
				$('#features-nav li.selected').toggleClass('selected');
				$('#features-nav li a[href='+$(obj).attr('href')+']').parent().addClass('selected');
				
				if($('#features-content .selected').length > 0) {
					$('#features-content .selected').fadeOut(function(){
						$('#features-content '+$(obj).attr('href')).fadeIn().toggleClass('selected');
					}).toggleClass('selected');
				} else {
					$('#features-content '+$(obj).attr('href')).fadeIn().toggleClass('selected');
				}
		
			
			// 	Or if we have a timer fade, we need to fade into the next one.
			} else {
			
				$('#features-nav li.selected').toggleClass('selected').next().toggleClass('selected');
				if($('#features-nav li.selected').length == 0){
					$('#features-nav li:first').toggleClass('selected');
				}
				
				if($('#features-content .selected').length > 0) {
				
					$('#features-content .selected').fadeOut(function(){
						$('#features-content '+$('#features-nav li.selected a').attr('href')).fadeIn().toggleClass('selected');
					}).toggleClass('selected');
				} else {
					$('#features-content '+$('#features-nav li.selected a').attr('href')).fadeIn().toggleClass('selected');
				}
			}
		
			this.runTimer();
		
		},
				
		runTimer: function() {
			clearTimeout(this.timer);
			this.timer = setTimeout('YAS.features.nextFeature()',this.timerTime);
		}
				
	}
}();

$(document).ready(function(){
	YAS.features.nextFeature();
	$('#features-nav li a').click(function(){
		YAS.features.nextFeature(this);
	})
});