/* Portfolio script aka carousel */

$(document).ready (function () {
	/*settings*/
	tabrealwidth = 760;
	marginset = 150;
	tabwidth = tabrealwidth + marginset;
	animspeed = 350;

    jQuery.easing.def = "easeOutBack";
	var current = 1; var maxcurrent = $('.car').size();
	$('#next').show();
	$('.car').css({"margin-right":marginset+"px"});
    $('#work').css({"height":"330px"});
	var carouselwidth = maxcurrent * tabwidth;
	$('#carousel').css({"width":carouselwidth+"px"});

	
	$('#next').click( function() {
		if(current != maxcurrent) {
			var leftScroll = current * -tabwidth;  
			current = current + 1;
			$('#carousel').animate({left: leftScroll}, animspeed);
		}
		if(current == 2) { $('#prev').show(); }
		if(current == maxcurrent) { $('#next').hide(); }
		return false;
	});
	
	$('#prev').click( function() {
		if(current != 1) {
			var back = current - 2;
			current = current -1
			var rightScroll = back * -tabwidth;
			$('#carousel').animate({left: rightScroll}, animspeed);
		}
		if(current == 1) { $('#prev').hide(); }
		if(current == maxcurrent-1) { $('#next').show(); }
		return false;
	});
});