$(document).ready(function() {
	// Declare variables
	$slide = $('#slides > li');
	$link = $('#slide-nav a');
	width = $slide.width();
	zindex = 1000;
	index = 0;
	delay = 10000;	// Default delay to rest between slides
	limit = $slide.length - 1;
	
	
	// Position the slides
	$slide.css({ left: -width });
	
	// Add the css class of active to the slide
	$slide.first().addClass( 'active' );
	$link.first().addClass( 'selected' );
	
	// Position the queued slides back to the left
	move_slides = function() {
		// Move all inactive slides back to the original position
		$slide.css({ left: -width });
	}
	
	// Rotate command - iterates over the list, animates each one, pauses the delay value, then continues
	rotate = function() {
		if( index === undefined ) index = 0;
		$slide.eq(index)
			.css({ 'z-index': zindex })
			.animate({ left: '0' })
			.delay(delay)
			.animate({ left: width }, 500, 0, function(){
				move_slides();
				if( index == limit ) {
					index = 0;
				} else {
					index++;
				}
				rotate();
				$link.removeClass('selected');
				$link.eq(index).addClass('selected');
			});
		zindex++;
	};
	
	rotate();
	
	$link.click( function() {
		index = $link.index();
		
		$link.removeClass('selected');
		$(this).addClass('selected');
		
		$slide.removeClass('active');
		$slide.eq(index).addClass('active');
		
		rotate();
		
		return false;
	});
});