function openDialog(pageUrl) {
    if (window.parent != window && window.parent.openDialog) {
        window.parent.openDialog(pageUrl);
    }
    else {
        jQuery("#dialog").html('<iframe id="modalIframeId" width="100%" height="100%" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto" />');
        $("#modalIframeId").attr("src", pageUrl)
        jQuery("#dialog").dialog({
            modal: true,
            close: function(event, ui) {
                jQuery(this).dialog("destroy");
            },
            position: ["center", 10],
            width: 670,
            height: 292,
            resizable: false,
            dialogClass: 'pop_up_dialog'
        });

    }
}