$(document).ready(function(){
	
	$('.gallery-thumbs a').click(function(){
		
		//set image path
		path = $(this).attr("href");
		caption = $(this).attr("alt");
		
		//stop all fades to avoid showing image early
		$("#gallery-image").stop();
	
		loadImage(path, caption);
		
		//set css for selected
		$('.selected').removeClass("selected");
		$(this).addClass("selected");
		
		//kill button action
		return false;
		
	});
	
	function loadImage(path, caption){
		
		$("#gallery-image").css('opacity', '0');
		
		// create loader image         
		var _galleryLoader = new Image();

		// begin loader
		$(_galleryLoader).load(function () {
			
			//swap preloaded image
			$('#gallery-image img').attr({src : path})
			
			//fade in image
			$("#gallery-image").animate({ 
		    	opacity: "1"
		    }, 750 );
		
			//swap caption
			$('#gallery-caption').html(caption);
		
		}).error(function () {
			
			// Error handling
		     alert('error loading images');
		
		}).attr('src', path);
		
	}

});