jQuery(document).ready(function($){
	var wrapper = $('div.carousel-wrapper');
	var carousel = $('ul.carousel');
	var pics = $('ul.carousel li');
	var first = $('.first');
	var second = $('.second');
	var third = $('.third');
	wrapper.after('<div class="nextWrapper navWrappers"><a href="#" id="next" class="carousel-nav">&gt;</a></div><div class="prevWrapper navWrappers"><a href="#" id="prev" class="carousel-nav">&lt;</a></div>');
	
	var next = $('.nextWrapper');
	var previous = $('.prevWrapper');
	var picWidth = parseInt(pics.css('width')) + parseInt(pics.css('margin-right'));
	var originalLeft = carousel.css('left');
	var originalLeftInt = parseInt(originalLeft);
	
	var totalPics = pics.length;
	
	var orig = carousel.html();
	
	first.before(orig);
	third.after(orig);
	
	next.click(function(){
		moveSlides('forward');
		return false;
	});
	
	previous.click(function(){
		moveSlides('backward');
		return false;
	});
	
	function moveSlides(dir){
		if (!carousel.hasClass('in-motion')) {
			carousel.addClass('in-motion');
			var left = parseInt(carousel.css('left'));
			var offset;
			var offsetInPx;
			
			if (dir === 'forward'){
				offset = left - picWidth;
			} else if (dir === 'backward'){
				offset = left + picWidth;
			}
	
			offsetInPx = offset + 'px';
			
			carousel.animate({
				left: offsetInPx
			}, 1000, function(){
				if (offset === (originalLeftInt-(totalPics*picWidth)) || offset === (originalLeftInt+(totalPics*picWidth))){
					carousel.css({'left':originalLeft});
				}
				carousel.removeClass('in-motion');
			});
		}
	}	
	
	var pics = $('ul.carousel li');
	pics.each(function(){
		$(this).hover(function(){
			$(this).find('p').fadeIn(200);
		}, function(){
			$(this).find('p').fadeOut(200);
		});
	});
	
	$('#videoSlideshow').hover(function(){
		clearInt(t);
	}, function(){
		setInt(t);
	});
	
	function setInt(){
		t = window.setInterval(function(){
			moveSlides('forward');
		}, 5000);
		return t;
	}
	
	function clearInt(t){
		clearInterval(t);
	}
	
	var t = setInt();
	
});
