var dialog = null;
var dialogOverlay = null;

function closeDialog() {
    if (dialog) {
        dialog.hide(250);
    }

    $().triggerHandler('dialog_closed');

    if (dialogOverlay) {
        dialogOverlay.remove();
        dialogOverlay = null;
    }
}

function hideOverlay() {
    
}

function showDialog(selector) {
    dialogOverlay = showOverlay();

    dialog = $(selector);
    dialog.show(250);

    $().triggerHandler('dialog_shown');
}

function showOverlay() {
    var overlay = $('<div class="overlay"></div>');
    overlay.css({ backgroundColor: '#000', height: '100%', opacity: '0.75', position: 'fixed', width: '100%', zIndex: '99' });
    overlay.appendTo('body');

    return overlay;
}