$(function()
{
    $(".thumbBox a").click(function()
        {
        var imageSource = $(this).attr("href");
        var title = $(this).attr("title");
       
        $("#photoContainer").addClass("loading");
          showImage(imageSource,title);
          return false;
        });
	
	// show the first image
	var first_imageSource = $(".thumbBox a").attr("href");
	var first_title = $(".thumbBox a").attr("title");
	showImage(first_imageSource,first_title);
});

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