// creamos el objeto XML que cargará el listado

function crearObjetoXML(archivoXML){
   //--- Compruebo si se trata de IE o no.
   //--- Si es IE el objeto ActiveXObject existirá.
   if(window.ActiveXObject){
      //--- Creo un nuevo objeto de la librería Microsoft.XMLDOM que es la que se encarga
      //--- en Internet Explorer de 'parsear' un archivo XML.
      xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
      //--- Defino la asincronización a false
      xmlDoc.async = false;
      xmlDoc.load(archivoXML);
      parsearXML();
   }else if(document.implementation && document.implementation.createDocument){
      xmlDoc = document.implementation.createDocument("","",null);
      xmlDoc.load(archivoXML);
      //--- Le decimos que cuando haya terminado de cargar el XML
      //--- ejecute la función de parsear el mismo.
      //--- NOTA: Se le llama a la función sin los paréntesis. Si se le colocan no funciona
      xmlDoc.onload = parsearXML;
	  
   }else{
      alert ('Su navegador no puede soportar este script');
   }
}




var titular = '';

function parsearXML(){   

	var imagen = xmlDoc.getElementsByTagName('imagen');
	var longitudXML = imagen.length;
	
  	var contenido = document.getElementById('listMapa');
	
	for(var i=0;i<longitudXML;i++){			
	  	var titular = imagen[i].attributes.getNamedItem("titulo").value;
		var archivo = imagen[i].attributes.getNamedItem("file").value;
		
		var subimagen = imagen[i].getElementsByTagName('subimagen');
		var sublongitudXML = subimagen.length;
		
		var indice = i;	
		
		contenido.innerHTML += '<ul><li><a href="'+archivo+'" class="cuerpo">'+titular+'</a></li></ul>';
		
		for(var j=0;j<sublongitudXML;j++){
			var subtitular = subimagen[j].attributes.getNamedItem("titulo").value;
			var subarchivo = subimagen[j].attributes.getNamedItem("file").value;
			
			contenido.innerHTML += '<ul><ul><li><a href="'+subarchivo+'" class="cuerpo">'+subtitular+'</a></li></ul></ul>';
		}
   }
}

crearObjetoXML('js/mapa.xml');