function ShowPhoto(photoID) {

    $('<img />')
        .attr('src', '/resources/images/' + photoID + '.jpg')
        .attr('id', "photo" + photoID)
        .load(function () {
            $("#photoModal").html(this);

            var p = GetImgSize('/resources/images/' + photoID + '.jpg');
            var width = p[0]['width'];
            var height = p[0]['height'];

            //$("#photoModal").html("<img id=\"photo" + photoID + "\" src=\"resources/images/" + photoID + ".jpg\" alt=\"\" />");
            //var width = $(this).width();
            //var height = $(this).height();
            $('#overlay').fadeTo('fast', 0.5, function () { $('#overlay').fadeIn('fast', 0); $('#photoModalWrapper').fadeIn('fast', 0); })
            $("#photoModalWrapper").css("width", width);
            $("#photoModalWrapper").css("height", height);
            $("#photoModalWrapper").css("margin-left", "-" + (width / 2));
            $("#photoModalWrapper").css("border", "10px solid #cccccc");
        });
}

function HidePhoto() {
    $('#photoModalWrapper').fadeOut('fast', 0);
    $("#photoModal").html("");
    $('#overlay').fadeOut('fast', 0);
}

function GetImgSize(imgSrc) {
    var newImg = new Image();
    newImg.src = imgSrc;
    var height = newImg.height;
    var width = newImg.width;
    p = $(newImg).ready(function () {
        return { width: newImg.width, height: newImg.height };
    });

    return p;
}