$(document).ready(function() {
	$("#items img:gt(0)").fadeTo("fast", 0.3);
	$("#items li:first-child img").addClass("active");
}); 


$(function() {
    $("#items a").click(function() {
	    var imageSource = $(this).children("img").attr("src");
        $("#loader").addClass("loading");
        $("#loader img").remove();
		showImage(imageSource);
        return false;
	});
});

function showImage(src) {
	$("#loader img").fadeOut("normal").remove();
	var largeImage = new Image();
	$(largeImage).load(function() {
		$(this).hide();
        $("#loader").append(this).removeClass("loading");
        $(this).fadeIn("slow");              
	});    
	$(largeImage).attr("src", src);                                                                               
}


$(function() {
	$("#items img").click(function(){
		$("#items img.active").removeClass("active");
		$(this).addClass("active");   
		$("#items img").fadeTo("fast", 0.3);
		$(this).fadeTo("fast", 1.0); 
	}); 
});