Como activar un overlay jquery desde una funcion JavaScript

[saymon]

Hola a tod@s

Tengo un problema enorme aqui para ver si alguno de ustedes me puede ayudar. Yo Activo un overlay jquery cuando le doy click a un link, asi:

Código HTML:

<span class="activateOverlayJquery"><a href="/page.html" >Click Aqui</a></span> 

Esta es la funcion de jquerry que me hace trabajar el overlay, osea toma el contenido de page.html in lo muestra como un overlay:

Código Javascript:

$j(document).ready(function() {
    var $loading = $j('<img src="/images/loader.gif" alt="loading" title="loading">');
    $j('.activateOverlayJquery a').each(function() {
        var $dialog = $j('<div></div>')
            .append($loading.clone());
        var $link = $j(this).one('click', function() {
            $dialog
                .load($link.attr('href') + ' #overlayWrap')
                .dialog({
                    autoOpen: false,
                    width: 625,
                    modal: true
                });
            $link.click(function() {
                $dialog.dialog('open');
                return false;
            });
            $j('.ui-resizable-handle').css({ display: "none" });
            $j('.ui-dialog .ui-dialog-content').css({ padding: 0 });
            $j('.ui-dialog .ui-dialog-titlebar').css({ display: "none" });
            $j('.ui-widget-content').css({ backgroundColor: "transparent" });
            return false;
        });
        $j('.closeOverlayJquery').live("click", function() {
         $dialog.dialog("close");
        });
    });
});
 

El punto o problema esta en que activar este overlay por medio de un click no me funciona para algunas partes en donde tengo que aplicarlo, lo que quisiera es activar el overly cuando se hace la llamada a una funcion como por ejemplo: activateOverlay()

Alguien me podria decir como hacer esto ? o el codigo ? se los agradeceria un monton.