function mostrarDialogoEspera(mensaje, titulo)
{
  titulo = titulo != null ? titulo : 'Espere';
  mensaje = mensaje != null ? mensaje : 'Cargando...';
  $(document.body).createAppend('div', {id: 'dialogoEspera'});
  $("#dialogoEspera").attr('title', 'Espere, por favor');
  $("#dialogoEspera").createAppend('p');
  $("#dialogoEspera p").append(mensaje);
  $("#dialogoEspera").dialog({
    bgiframe: true,
    modal: true,
    closeOnEscape: false,
    resizable: false,
    open: function(event, ui) { $(".ui-dialog-titlebar-close").hide() },
    close: function(event, ui) { $(this).remove() }
  });
}

function ocultarDialogoEspera()
{
  $("#dialogoEspera").dialog('close');
}

function mostrarMensajeModal(mensaje, titulo)
{
  titulo = titulo != null ? titulo : 'Información';
  $(document.body).createAppend('div', {id: 'dialogo'});
  $("#dialogo").attr('title', titulo);
  $("#dialogo").createAppend('p');
  $("#dialogo p").append(mensaje);
  $("#dialogo").dialog({
    bgiframe: true,
    modal: true,
    resizable: false,
    close: function(event, ui) { $(this).remove() },
    buttons: {
      Aceptar: function() { $(this).dialog('close') }
    }
  });
}

function mostrarConfirmacionModal(mensaje, titulo, accionOk)
{
  titulo = titulo != null ? titulo : 'Confirmación';
  $(document.body).createAppend('div', {id: 'dialogoConfirmacion'});
  $("#dialogoConfirmacion").attr('title', titulo);
  $("#dialogoConfirmacion").createAppend('p');
  $("#dialogoConfirmacion p").createAppend('span', {className: 'ui-icon ui-icon-alert ui-icon-position'});
  $("#dialogoConfirmacion p").append(mensaje);
  $("#dialogoConfirmacion").dialog({
    bgiframe: true,
    modal: true,
    resizable: false,
    height: 200,
    overlay: {
      backgroundColor: '#000',
      opacity: 0.5
    },
    close: function(event, ui) { $(this).remove(); },
    buttons: {
      Continuar: function()  { eval(accionOk); $(this).dialog('close'); },
      Cancelar: function() { $(this).dialog('close'); }
    }
  });
}