não consigo carregar outra página usando o ajax. ME!

É o seguinte galerá, estou fazendo um sistema de gerenciador de um site para um cliente. E foi solicitado um chat neste gerenciador, para que os funcionarios possam trocar uma idéia lá dentro.

Bom, o chat eu tenho, inclusive é um chat em ajax. Que quando você entra na página do chat, ele carrega primeiro (como o gmail) e depois abre todo o chat pedindo um nick para entrada.

Meu gerenciador é inteiro em ajax. Dai estou usando a seguinte lógica...

Eu estou utilizando o menu painel horizontal do Spry que da para criar pelo dreamweaver cs3.

Eu criei uma <div id="messenger"></div> no "TabbedPanelsContent" onde carregará o chat, veja:

 

<div class="TabbedPanelsContentGroup">
 <div class="TabbedPanelsContent"><p>Bom dia <strong>Sr. Administrador</strong></p></div>
 <div class="TabbedPanelsContent">aqui vai o conteúdo do item Empresas</div>
 <div class="TabbedPanelsContent">aqui vai o conteúdo do item Controle de Caixa</div>
 <div class="TabbedPanelsContent">aqui vai o conteúdo do item Categorias</div>
 <div class="TabbedPanelsContent">aqui vai o conteúdo do item Notícias</div>
 <div class="TabbedPanelsContent">aqui vai o conteúdo do item Enquetes</div>
 <div class="TabbedPanelsContent"><a href="#" id="ativaMessenger">Chat</a><div id="messenger"></div><?php //@include('chat.php'); ?></div>
 <div class="TabbedPanelsContent">aqui vai o conteúdo do item Administradores</div>
 <div class="TabbedPanelsContent">
 <p>Tem certeza que deseja sair?</p>
 <p><span id="btnConfirma"><a href="#"><img src="imagens/18xapply.png" width="16" height="16" align="absmiddle" /> CONFIRMAR</a></span> <span id="btnCancela"><a href="#"><img src="imagens/18xcancel.png" width="16" height="16" align="absmiddle" /> CANCELAR</a></span></p>
 </div>
 </div><!-- fim-> TabbedPanelsContentGroup -->

Ele carrega a página "chat.php" nestá página, mas o chat só fica "Carregando..." e nada...

o código ajax que estou utilizando para carregar o chat, é esse:

CODE

function ativarMessenger() {	var ativaMessenger = document.getElementById('ativaMessenger');

	// Se não houver o elemento "ativaMessenger", não retorna nada.

	if (!ativaMessenger) return false;

	// Ao clicar no link uma função será executada.

	ativaMessenger.onclick = function() {

 var ajax = openAjax();

 var recipiente = document.getElementById('messenger');

 // Método e a página que será requisitada

 ajax.open('GET', 'chat.php', true);

 // determina o que será feito em cada estado do readyState

 ajax.onreadystatechange = function() {

 if (ajax.readyState == 1) {

 }

 if (ajax.readyState == 4) {

 if (ajax.status == 200) {

 recipiente.innerHTML = ajax.responseText;

 }

 }

 }

 // Envia a requisição

 ajax.send(null);

 return false;

	}

}

Imagino que deve ser aquele famoso problema que páginas carregadas por ajax não executam os seus scripts externos...

alguém pode me ajudar a solucionar este problema do melhor jeito, sem gambiarras???

abraços!!