$(document).ready(function() {	
	
	var panelNum = 1;
	var rotation;
	
	var setUpSlider = function() {
		
		var $panelControls = $('#rotatingSpot dl dt a');
		$panelControls.next().hide();
	
		$panelControls.click(function(event) {
			for(var i = 0; i < 2; i++ ) {
				$panelControls.parent().removeClass();
			}
			$(this).parent().addClass('current');
			showPanel(event, $(this).attr('rel'), true);
			event.preventDefault();
		});
	}
	
	var showPanel = function(event, num, kill) {
		
		if(num == null) {
			if(panelNum > 3) panelNum = 1;
			num = panelNum++;
		}

		$('#rotatingSpot dd').hide();
		$('#rotatingSpot dt').removeClass();
		$('#rotatingSpot dt img').hide();
		var panelToShow = '#feature' + num;
		$(panelToShow).fadeIn('slow');
		$(panelToShow).prev().addClass('current');
		$(panelToShow).prev().children(1).fadeIn('slow');
		
		if(kill) {
			clearTimeout(rotation);
		} else {
			rotation = setTimeout(showPanel, 5000);
		}
	
	}
	
	setUpSlider();
	showPanel();

});