$(document).ready(function(){
	
	$('.projectTab').click(function(){
		indexTab = $('#projectsNav .projectTab').index(this);
		//alert(indexTab);
		$(this).addClass('active').siblings('.projectTab').removeClass('active');
		$('#projectSet .infiniteCarousel:eq('+indexTab+')').fadeIn().addClass('active').trigger('goto',1).siblings('.infiniteCarousel').fadeOut().removeClass('active');
	});

    // THIS IS NEW CODE FOR THE AUTOMATIC INFINITE CAROUSEL
    var autoscrolling = true;
	
	$('.project').infiniteCarousel({
		transitionSpeed : 2000,
		displayTime : 10000,
		textholderHeight : .25,
		displayProgressBar : false
	});
    
    $('.homeCarousel').infiniteCarousel({
		transitionSpeed : 400,
		displayTime : 5000,
		textholderHeight : .25,
		displayProgressBar : false,
		displayThumbnails: false,
		showControls:false,
		easeLeft: 'swing',
		easeRight: 'swing'
	});
	$('.infiniteCarousel').infiniteCarousel({
		transitionSpeed : 400,
		autoStart : false,
		displayThumbnails: false,
		displayProgressBar : false,
		showControls:true,
		autoHideControls:false,
		easeLeft: 'swing',
		easeRight: 'swing'
	});
	
	$('.back').fadeOut();
	$('.forward').fadeOut();
	
	$('#projectSet').mouseenter(function(){
		$('.back').fadeIn();
		$('.forward').fadeIn();
	}).mouseleave(function () {
		$('.back').fadeOut();
		$('.forward').fadeOut();
    });
	
	$('.infiniteCarousel:eq(0)').fadeIn();

});