function showImage(thumb) {
    $("#panFade").css("width", $(window).width);
    $("#panFade").css("height", $(document).height());
    $("#panFade").show();

    $("#imgFull").css("top", document.documentElement.scrollTop);
    $("#imgFull").css("left", ($(window).width()/2) - 320);  
    $("#imgFull").css("width", "640");
    $("#imgFull").css("height", "480");
    document.getElementById("imgFull").src = thumb.src;
    $("#imgFull").show();

    $("#lblCaption").html("<b>" + thumb.alt + "</b> - Click to close");
    $("#lblCaption").css("left", ($(window).width() / 2) - 318);
    $("#lblCaption").css("top", document.documentElement.scrollTop + 474);
    $("#lblCaption").css("width", "636");
    $("#lblCaption").show();
}

function hideImage() {
    $("#panFade").hide();
    $("#imgFull").hide();
    $("#lblCaption").hide();
}
function initThumbs() {
    var imgs = $(".thumbs img");
    for (i = 0; i < imgs.length; i++) {
        imgs[i].id = "thumb" + i;
        imgs[i].onclick = function() { showImage(this); }
    }
    $("#panFade").css("display", "none");
    $("#imgFull").css("display", "none");
    $("#lblCaption").css("display", "none");
}