$(document).ready(function(){
	var currentPosition = 0;
	var slideWidth = 823;
	var numberOfSlides = 5;
	var slides = $('#splash a');
	var thumbs = $('#splash-controls img');
	
	//$('#splash a').hide();
	//$('#splash a').eq(currentPosition).fadeIn("def");
	
	$('#splash-controls img').eq(currentPosition).css('border', '1px solid #fff');
	
	// Wrap all .slides with #slideInner div
	slides
	.wrapAll('<div id="slideInner"></div>')
	// Float left to display horizontally, readjust .slides width
	.css({
		'float' : 'left',
		'width' : slideWidth
	});

	// Set #slideInner width equal to total width of all slides
	$('#slideInner').css('width', slideWidth * numberOfSlides);

	// Create event listeners for .controls clicks
	$('#splash-controls img')
		.bind('click', function(){
		// Determine new position
		$(document).stopTime("movetime");
		if($(this).attr('id')=='thumb1') {
			currentPosition  = 0;
		}
		if($(this).attr('id')=='thumb2') {
			currentPosition  = 1;
		}
		if($(this).attr('id')=='thumb3') {
			currentPosition  = 2;
		}
		if($(this).attr('id')=='thumb4') {
			currentPosition  = 3;
		}
		if($(this).attr('id')=='thumb5') {
			currentPosition  = 4;
		}		
		moveSlides();
		$(document).everyTime(5500, "movetime",function() { currentPosition++; moveSlides(); }, 0);
	});
		
	$("#splash-controls img").hover(function() {
		$(this).css('border', '1px solid #fff');
	}, function() {
		$(this).css('border', '1px solid #000');
		$('#splash-controls img').eq(currentPosition).css('border', '1px solid #fff');
	});
		

	function moveSlides() {
		if(currentPosition==numberOfSlides) {
			currentPosition = 0;
		}
		if(currentPosition==-1) {
			currentPosition = numberOfSlides-1;
		}
		// Move slideInner using margin-left
		$('#slideInner').animate({
			'marginLeft' : slideWidth*(-currentPosition)
		}, "def", newFadeIn);
		
		$('.slidep').fadeOut("def");
		$('#splash-controls img').css('border', '1px solid #000');
		$('#splash-controls img').eq(currentPosition).css('border', '1px solid #fff');
	}
	
	function newFadeIn() {
		$('.slidep').eq(currentPosition).fadeIn("def");	
	}

	$(document).everyTime(5500, "movetime",function() { currentPosition++; moveSlides(); }, 0);  
});