$(function() {
    $("ul#mycarousel a").click(function() {
        var imageSource = $(this).children("img").attr("src");
		var imageTitle = $(this).children("img").attr("title");
		$("p#caption").html(imageTitle);
        $("#image_content_loader").addClass("loading");
        $("#image_content_loader img").remove();
          showImage(imageSource);
          return false;
        });
});

/* captions */

function showCaption() {
	/* make sure everything is hidden inside div#captions */
		$("div#captions p").remove();
	/* grab title from the current image */
	
	/* show title as caption in the div#captions */
}

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