$(document).ready(function() {

	//Recent Work Section
	$('div#recentWorkContainer').after('<a href="#" id="recentWorkPrev" title="Previous">Previous</a><a href="#" id="recentWorkNext" title="Next">Next</a>');
	
	var currentWorkPosition = 0;
	var goTo = 0;
	var scrollAmount = 960;
	
	var interval = null;
	interval = setInterval(timedSlide, 7000);
	
	function timedSlide() {
		if(scrollAmount == 960 && currentWorkPosition == 2880) {
			currentWorkPosition = 0;
		} else {
			currentWorkPosition = currentWorkPosition + scrollAmount;
		}
		
		goTo = '-'+currentWorkPosition+'px';
		clearInterval(interval);
		$('ul#recentWorkDisplay').animate({'left':goTo}, 1500);
		interval = setInterval(timedSlide, 7000);	
	};
	
	$('a#recentWorkPrev, a#recentWorkNext').click(function() {
		$(this).css('outline','none');
		var action = $(this).text();
		if(action == 'Previous') {
			if(currentWorkPosition == 0) {
				currentWorkPosition = 2880;
			} else {
				currentWorkPosition = currentWorkPosition - scrollAmount; 
			}
		} else if( action == 'Next') {
			if(scrollAmount == 960 && currentWorkPosition == 2880) {
				currentWorkPosition = 0;	
			} else {
				currentWorkPosition = currentWorkPosition + scrollAmount; 
			}
		}
		goTo = '-'+currentWorkPosition+'px';
		clearInterval(interval);
		$('ul#recentWorkDisplay').animate({'left':goTo}, 1500);
		interval = setInterval(timedSlide, 7000);
		return false;
	});
});