var media_popup = function(id, type, width, height) {
    var dialog = $('<div/>').css({ 'width' : width, 'padding' : '5px 0 0 0' });
    var iframe = $('<iframe/>');
    iframe.attr('src', '/include/service/media-popup.php?type=' + type + '&id=' + id).css({ 'width' : width, 'height' : height, 'border' : 'none', 'overflow' : 'hidden', 'margin' : 0, 'padding' : 0 });
    dialog.append(iframe);
    dialog.dialog({
        modal: true,
        width: 'auto',   
        height: 'auto',
        minHeight: 20,
        dialogClass: 'media-popup',
        resizable: false,
        zIndex: 100000,
        open: function() {
            $('.ui-widget-overlay').on('click', function () {
                $(dialog).dialog('close');
            });
        },
        close: function () {
            $(this).dialog('destroy').remove();
        }
    });
}