// When the page has loaded
jQuery(function($) {
	// Control the slides
	$('a.slide').click( function() {
		// Turn off rotating slides
		$('#hRotateSlides').val('0');
		
		var previous_slide = $('a.slide.selected');
		var previous_slide_id = previous_slide.attr('href').replace('#', '');
		var next_slide_id = $(this).attr('href').replace('#', '');
		
		$('#' + previous_slide_id).fadeOut('fast');
		previous_slide.removeClass('selected');
		
		$(this).addClass('selected');
		
		setTimeout( function() {
			$('#' + next_slide_id).fadeIn();
		}, 250 );
	});
	
	// Rotates the slide every 7 seconds
	function rotate_slides() {
		if( '1' == $('#hRotateSlides').val() ) {
			var previous_slide = $('a.slide.selected');
			var previous_slide_id = parseInt( previous_slide.attr('href').replace('#sl_', '') );
			var next_slide_id = previous_slide_id + 1;
			previous_slide_id = 'sl_' + previous_slide_id;
			
			if( next_slide_id > 4 )
				next_slide_id = 1;
			
			next_slide_id = 'sl_' + next_slide_id;
			
			$('#' + previous_slide_id).fadeOut('fast');
			previous_slide.removeClass('selected');
			
			$('a.slide[href=#' + next_slide_id + ']').addClass('selected');
			
			setTimeout( function() {
				$('#' + next_slide_id).fadeIn();
			}, 250 );
			
			// 7 seconds
			setTimeout( rotate_slides, 7000 );
		}
	}

	// Start in 7 seconds
	setTimeout( rotate_slides, 7000 );
});