AJAX - Cargar combos listas encadenadas

Hola amigos; alguien que pueda ayudarme;

Tengo que cargar los Departamentos, provinicas y Distritos en combos con listas desplegables encadenadas.

estoy trabajando en jsp xml

este es mi codigo en javascript :

************************
************************
**Este es el codigo solo para cargar el combo Departamento pero lo pruebo y no me carga ***
*******************************************************************************************************
*******************************************************************************************************

<%@include file="cabeceraIntranet.jsp" %>
<script type="text/javascript">

var peticion=null;

function inicializa(){
if(window.XMLHttpRequest){
return new XMLHttpRequest();
}else if (window.ActiveXObject){
return new ActiveXObject("Microsoft.XMLHTTP");
}
}

function muestraDepartamentos(){
if(peticion.readyState==4){
var lista=document.getElementById("departamento");
var documento_xml=peticion.responseXML;

if(!documento_xml.documentElement && peticion.responseStream){
documento_xml.load(peticion.responseStream);
}
var departamentos=documento_xml.getElementsByTagName("departamentos")[0];
var losDepartamentos=departamentos.getElementsByTagName("departamento");
lista.options[0]=new Option("-selecciona-");

for(i=0; i<losDepartamentos.length; i++){
var codigo=losDepartamentos[i].getElementsByTagName("codigo")[0].firstChild.nodeValue;
var nombre=losDepartamentos[i].getElementsByTagName("nombre")[0].firstChild.nodeValue;
lista.options[i+1]=new Option (nombre, codigo);
}
}
}
window.onload=function(){
peticion=inicializa();
if(peticion){
peticion.onreadystatechange=muestraDepartamentos;
peticion.open("GET","provincias.xml",true);
peticion.send(null);
}}
//document.getElementById("departamento").onchange=cargaMunicipios;


//}
</script>

*****************lo cargo asi *******
<label for="departamento">Departamento</label>
<select id="departamento">
<option>Cargando...</option>
</select>

Gracias de antemao por los consejos.