var dia;

function CloseMe() {
    dia.dialog('destroy');
    dia.remove();
}

function ShowProduct(imageId, produktname, produktpris, description, produktId) {
    var diaText = 
        '<img src="../images/close.png" id="close" onclick="CloseMe()" alt="close" />' +
        '<img id="theimage" src="ReadImage.aspx?asset=' + imageId + '&amp;quality=original&amp;custom=size:650x400" alt="produkt" />' +
        '<div id="meta"><div class="produktmeta">' +
        '<div class="produktbeskrivelse">' + '<div class="produktnavn">' + produktname + '</div>' + '<div class="metaDescription">' + description + '</div>' + '<div class="metaDescription">' + "Varenummer: " + produktId + '</div>' + '</div>' +
        '<div class="produktkost">' + '<div class="produktpris">' + '&nbsp;kr.' + produktpris + '</div>' + '<div>' +        
        '</div></div>';
    var diaId = "ShowAllCombinations";
    jQuery("body").append("<div id='" + diaId + "'>" + diaText + "</div>");
    dia = jQuery("#" + diaId);
    var options =
            {
                dialogClass: 'ShowAllCombinationsClass',
                bgiframe: true,
                modal: true,
                autoOpen: true,
                closeOnEscape: true,
                resizable: false,                
                minWidth: 700,
                minHeight: 0,
                title: 'Big picture',
                close: CloseMe
            };
    dia.dialog(options);
    var theImage = jQuery("#theimage");
    theImage.load(function () {
        dia.dialog('option', 'width', 700);
        dia.dialog('option', 'height', theImage.height() + 150);
        dia.dialog('option', 'position', 'top');
    });
}