$(document).ready(function(){
	var currentPosition = 0;
	var slideWidth = 950;
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	var slideProjects = $('.slidep');
	
	$('.slidep').hide();
	$('.slidep').eq(currentPosition).fadeIn("def");
	
	// Remove scrollbar in JS
	$('#slidesContainer').css('overflow', 'hidden');

	// 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
	$('.control')
		.bind('click', function(){
		// Determine new position
		$(document).stopTime("movetime");
		currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
		moveSlides();
	});

	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");	
	}
	
	function newFadeIn() {
		$('.slidep').eq(currentPosition).fadeIn("def");	
	}

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