var s = false;

$(function(){

	if ($(window).width() > 1150) {
	  
	  $(window).load(function(){
	    var t = 0;
  		$(".projects").each(function () {
  		    $this = $(this);
  		    console.log($this.outerHeight());
  		    if ( $this.outerHeight() > t ) {
  		        t = $this.outerHeight();
  		    }
  		});
  		
  		$('#project-list-wrap').height(t);
	  });
	
		$('.projects').width($(document).width() - 400).removeClass('darker').wrapAll($('<div id="project-list-wrap"><div id="project-list" class="clearfix" /></div>'));
		$('.projects').first().addClass('active');
		$('.projects').last().prependTo('#project-list');
		$('#project-list').css('left', ($(document).width() - 600) * -1);
	
		$(window).resize(function(){
			$('.projects').width($(document).width() - 400);
			$('#project-list').css('left', ($(document).width() - 600) * -1);
		});
	
		setUpSlides();
		setUpKeyboard();
	}
	
});

function setUpKeyboard() {
	active = $('.projects.active');
	activeP = active.prev();
	activeN = active.next();
	
	$(document).keydown(function(e){
		if (e.which == 37 && !s) {
			activeP.click();
		} else if (e.which == 39 && !s) {
			activeN.click();
		}
	});
}

function setUpSlides() {
	active = $('.projects.active');
	activeP = active.prev();
	activeN = active.next();
	
	activeP.addClass('inactive').unbind('click').click(function(){
		s = true;
		var w = $(document).width();
		$('.projects').last().css('opacity', .3).prependTo('#project-list');
		$('#project-list').css('left', "-=" + ($(document).width() - 400));
		active.animate({opacity: .3});
		activeP.animate({opacity: 1});
		$('#project-list').animate({
			left: "+=" + ($(document).width() - 400)
		}, function(){
			active.unbind('click').removeClass('active');
			
			activeP.addClass('active');
			$('.projects').removeClass('inactive');
			setUpSlides();
			s = false;
		});
	});
	activeN.addClass('inactive').unbind('click').click(function(){
		s = true;
		var w = $(document).width();
		active.animate({opacity: .3});
		activeN.animate({opacity: 1});
		activeN.next().css('opacity', .3);
		activeN.next().addClass('inactive');
		$('#project-list').animate({
			left: "-=" + ($(document).width() - 400)
		}, function(){
			active.unbind('click');
			
			activeN.addClass('active');
			$('.projects').removeClass('inactive');
			active.removeClass('active').prev().appendTo('#project-list');
			$(this).css('left', "+=" + ($(document).width() - 400));
			setUpSlides();
			s = false;
		});
	});
}