// http://foros.cristalab.com/cargar-diferentes-paginas-en-distintos-div-ajax-t24879

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

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

// Función para llamar a los contenidos de forma asíncrona.
/*
 * PARAMETROS:
 * 	pagina: página que se mostrará.
 * 	capa: DIV en el que se mostrará.
 */
function cargarContenido(pagina,capa) {
   var contenedor;
   var ajax;
   
   contenedor = document.getElementById(capa);
   ajax = nuevoAjax(ajax);
   ajax.onreadystatechange=function() {
      if (ajax.readyState==4) {
         contenedor.innerHTML = ajax.responseText;
      }
   }
   // Envío al servidor de la HTTP Request.
   // Enviamos como parámetro, usando el método GET, el contenido del parámetro "pagina". 
   ajax.open("GET", pagina, true);
   ajax.send(null);
}