Cargar html en div

[deadjoker9]

Hola a todos, estoy tratando de cargar un contenido HTML en un div cuando doy click en un enlace.
Se supone que asi deberia funcionar, pero no lo hace!!
Tampoco me salen errores.
Gracias de antemano!
Saludos!!!
Codigo JavaScript

Código PHP:

  addEvent(window, 'load', iniciarEventos, false);
 
function iniciarEventos()
{
    var des=document.getElementById('des');
    addEvent(des, 'click', cargarPagina('descargas.html', 'principal'), false);
}
function cargarPagina(url,id)
{
    cargar= crearXMLHttp();
    cargar.onreadystatechange=carP(id);
    cargar.open('POST', url, true);
    cargar.send(null);
}
function carP(id)
{
    var pagina= document.getElementById(id)
    if (cargar.readyState==4)
    {
        pagina.innerHTML = cargar.responseText;
    }
    else
    {
        pagina.innerHTML = <h1>'Cargando'</h1>;    
    }
}
 
 
function addEvento(elemento,nombreEvento,funcion,captura)
{
  if (elemento.attachEvent)
  {
    elemento.attachEvent('on'+nombreEvento,funcion);
    return true;
  }
  else  
    if (elemento.addEventListener)
    {
      elemento.addEventListener(nombreEvento,funcion,captura);
      return true;
    }
    else
      return false;
}
 
function crearXMLHttp(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
} 
   

Codigo HTML

Código PHP:

  <a id="des" href="#">Descargas</a>  //enlace que al darle click debe cargar el contenido en el div
<div id="principal">Principal</div> //Div donde debe cargar el contenido