var dialogCounter = 0;

function viewPicture(link, imageName) {

    var img = link.getElementsByTagName('img')[0];
    var url = '../pictures/images/' + imageName + '_large.jpg';
    var dialogObject = document.createElement('div');
    dialogObject.id = "img_" + dialogCounter;
    dialogObject.innerHTML = '<img src="' + url + '" />';
    dialogCounter++;
    document.body.appendChild(dialogObject);

    $('#' + dialogObject.id).dialog({
        title: img.alt,
        closeOnEscape: true,
        width: 680,
        height: 540,
        close: function(event, ui) {
            documet.body.removeChild(dialogObject);
        }
    })
    
}