$(document).ready(function(){
	$('#tests blockquote').each(function(){
		$('#indicator').append('<a href="#">&bull;</a>');
	});
	
	$('#tests blockquote').first().addClass('active');
	$('#indicator a').first().addClass('active');
	
	$('#indicator a').each(function(){
		var idx = $(this).index();
		$(this).click(function(){
			$('#tests blockquote').removeClass('active');
			$('#indicator a').removeClass('active');
			var act = $('#tests blockquote')[idx];
			$(act).addClass('active');
			$(this).addClass('active');
			return false;
		});
	});
	
	$('#controls a.lctrl').click(function(){
		var idx = $('#indicator a.active').index();
		idx = idx - 1;
		if (idx == -1) { 
			idx = $('#indicator a').size()-1; 
		}
		
		$('#tests blockquote').removeClass('active');
		$('#indicator a').removeClass('active');
		var actb = $('#tests blockquote')[idx];
		$(actb).addClass('active');
		var acti = $('#indicator a')[idx];
		$(acti).addClass('active');
		
		return false;
		
	});
	
	$('#controls a.rctrl').click(function(){
		var idx = $('#indicator a.active').index();
		idx = idx + 1;
		if (idx == $('#indicator a').size()) { 
			idx = 0; 
		}
		
		$('#tests blockquote').removeClass('active');
		$('#indicator a').removeClass('active');
		var actb = $('#tests blockquote')[idx];
		$(actb).addClass('active');
		var acti = $('#indicator a')[idx];
		$(acti).addClass('active');
		
		return false;
		
	});

});