Estoy tratando de construir un mecanismo de alerta simple, ism con jQuery Tools: en respuesta a un poco de código Javascript, aparece una superposición con un mensaje y un botón Aceptar que, cuando se hace clic, hace que la superposición desaparezca. Trivial, o debería ser. He estado siguiendo servilmentehttp://flowplayer.org/tools/demos/overlay/trigger.html, y tener algo que funciona bien la primera vez que se invoca, pero solo esa vez. Si repito la acción JS que debería exponer la superposición, no lo hace.

Mi contenido / DIV:

<div class='modal' id='the_alert'>
  <div id='modal_content' class='modal_content'>
    <h2>hi there</h2>
    this is the body
    <p>
    <button class='close'>OK</button>
    </p>
  </div>
  <div id='modal_background' class='modal_background'><img src='/images/overlay/f9f9f9-180.png' class='stretch' alt='' /></div>
</div>

y el Javascript:

function showOverlayDialog() {
$('#the_alert').overlay({
    mask: {color: '#cccccc', loadSpeed: 200, opacity: 0.9}, 
    closeOnClick: false,
    load: true 
});
}

Como dije: cuando se invoca showOverlayDialog () la primera vez, la superposición aparece como debería y desaparece cuando se hace clic en el botón "Aceptar". Pero si hago que showOverlayDialog () se ejecute nuevamente, sin volver a cargar la página, no pasa nada. Si vuelvo a cargar la página, se repite el patrón: la primera invocación muestra la superposición, pero la segunda no.

Obviamente me estoy perdiendo algo, ¿algún consejo por ahí? ¡Gracias!