function galleryImage(src, title, desc) {
    if (title == null) { title = ""; }
    if (desc == null) { desc = ""; }

    var html = '<img id="gallery-image" src="' + src + '" alt="' + title + '" />';
    
    if (title != "" || desc != "") {
        html += '<p>';
        if (title != "") {
            html += '<strong>' + title + '</strong>';
            if (desc != "") {
                html += '<br />' + desc;
            }
        } else if (desc != "") {
            html += desc;
        }
        html += '</p>';
    }
    
    $("#image-container").html(html);
}

$(document).ready(function() {
    var node = $("#thumbs-list li:nth-child(1) a");
    var src = node.attr("href");
    var title = node.attr("title");
    var desc = node.children("img").attr("title");

    galleryImage(src, title, desc);

    $("#thumbs-list a").click(function() {
        $("#image-container").hide();
        var url = $(this).attr("href");
        var title = $(this).attr("title");
        var desc = $(this).children("img").attr("title");

        galleryImage(url, title, desc);
        $("#gallery-image").load(function() {
            $("#image-container").hide();
            $("#image-container").fadeIn();
        });
        return false;
    });
});