Carregamento de conteúdo em ajax

Pessoal, é o seguinte. Estou construindo um website onde preciso carregar as informações de cada página sem recarregar todo o conteúdo. Até aí, tudo bem, pois o Ajax Loader dá conta do recado. O que ocorre é que algumas dessas páginas carregadas com o Ajax Loader possuem links para outros conteúdos dentro do site. Então, teoricamente, teria que utilizar novamente o Ajax Loader, só que com os "menus" internos de cada página. Só que não funciona nem a pau. Já tentei de tudo, e não consegui resolver esse problema. Seguem abaixo os códigos com os quais estou trabalhando:

Os arquivos responsáveis por carregar a página:

function abrirPag(valor){
var url = valor;

xmlRequest.onreadystatechange = mudancaEstado;
xmlRequest.open("GET",url,true);
xmlRequest.send(null);

if (xmlRequest.readyState == 1) {
document.getElementById("conteudo").innerHTML = "<img src='../img/loader.gif'>";
}

return url;
}

function mudancaEstado(){
if (xmlRequest.readyState == 4){
document.getElementById("conteudo").innerHTML = xmlRequest.responseText;
}
}

 

 

function GetXMLHttp() {
 if(navigator.appName == "Microsoft Internet Explorer") {
 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 }
 else {
 xmlHttp = new XMLHttpRequest();
 }
 return xmlHttp;
}

var xmlRequest = GetXMLHttp();

A função em jQuery que chama a página a ser carregada:

$(function(){
 $("#preloader").hide();

 $("ul#menu a").click(function(){
 pagina = "inc/"+$(this).attr('href')

 $("#preloader").ajaxStart(function(){
 $(this).show()
 })
 $("#preloader").ajaxStop(function(){
 $(this).hide();

 })

 $("#conteudo").load(pagina);
 return false;
 })
})

Agradeço desde já a ajuda de todos!

/applications/core/interface/imageproxy/imageproxy.php?img=http://forum.imasters.com.br/public/style_emoticons/default/biggrin.gif&key=cb0fdb2382312b39ddcb15831fcae62157015f17d2417528782628663387e929" alt="biggrin.gif" />