// Creación del objeto XMLHttpRequest.
function nuevoAjax(xmlhttp){

    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
        }
    }
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}

// Función para cargar los contenidos de forma asíncrona.
//  + pagina: fichero cuyo contenido queremos cargar.
//  + identidicador del elemento en el que se cargará el nuevo contenido.
function cargarContenido(pagina,destino){
    var contenedor;
    var ajax;

    contenedor = document.getElementById(destino);
    ajax = nuevoAjax(ajax);
    ajax.open("GET", pagina, true);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            contenedor.innerHTML = ajax.responseText;
        }
    }
    ajax.send(null);
}