jQuery.fn.slideFadeToggle = function(speed, easing, callback) {
	return this.animate({opacity: 'toggle'}, speed, easing, callback); 
};

$(document).ready(function() {

	$(".thumbs li:first a").addClass("selected");
	var thumbTitle = $(".thumbs li:first a").attr("alt");
	$(".featured .caption a").text(thumbTitle);

// Carousel for gallery thumbnails
	$(".gallery .carousel").jCarouselLite({
		 btnNext: ".thumbs .right",
		 btnPrev: ".thumbs .left",
		 circular: false,
		 scroll:1,
		 visible:5,
		 speed:200
	});

// Function to switch featured images and captions
    $(".thumbs li a img").click(function () {
		$(".selected").removeClass("selected"); 
		$(this).parent().addClass("selected");
		var thumbFilename = $(this).attr('rel');
		var galLink = '/project-images/'+thumbFilename;
		$('.featured #image').slideFadeToggle(300,function(){
			$('.featured').load(galLink+' #image', function(){	
				$(this).fadeTo(500,1,function(){
					$('.featured #image').slideFadeToggle(300);
				});
			});
		});
			
		
    });
	 
  
	
});