Mostrar GIF mientras carga pagina

[jotaincubus]

Buen día, tengo un codigo JavaScript que lo que hace es cargar una pagina en una ventana modal hecha en JqueryUI... hasta aquí todo perfecto.

Resulta que lo que quiero lograr es mostrar un GIF que tengo que es como un loading... mientras carga la pagina en la ventana modal...

Este es el codigo que hace la llamada:

Código Javascript:

<script type="text/javascript">
        $(document).ready(function () {
            $('a#pop').live('click', function (e) {
                e.preventDefault();
                var page = $(this).attr("href")
                var pagetitle = $(this).attr("title")
                var $dialog = $('<div></div>')
                .html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
                .dialog({
                    autoOpen: false,
                    modal: true,
                    height: 625,
                    width: 700,
                    title: pagetitle
                });
                $dialog.dialog('open');
            });
        });
    </script>
 

Muchas gracias al que me pueda ayudar...