var infowindow;
var map;
var markersArray = [];

  function initialize() {
    var myLatlng = new google.maps.LatLng(-20.38678209438063, -43.50294626753661);
    var myOptions = {
      zoom: 15,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    downloadUrl("googlemaps/xml/igrejas3.xml", function(data) {

      var igrejas = data.documentElement.getElementsByTagName("igreja");
	for (var i = 0; i < igrejas.length; i++) {
        var latlng = new google.maps.LatLng(parseFloat(igrejas[i].getAttribute("lat")),
                                    parseFloat(igrejas[i].getAttribute("lng")));

	var nome = igrejas[i].getElementsByTagName('nome')[0].childNodes[0].nodeValue;
	var tipo = igrejas[i].getAttribute("tipo");
	var id = igrejas[i].getAttribute("id");
	var html = igrejas[i].getElementsByTagName('info')[0].childNodes[0].nodeValue;

	var marker = createMarker(nome,tipo, html, latlng,i,id);
       }
     });
  }

  function createMarker(nome,tipo, html, latlng,i,id) {
	var icone = 'http://www.ouropretovirtual.com/googlemaps/icons/'+tipo+'.png';    
	var marker = new google.maps.Marker({position: latlng, title: nome,icon: icone, map: map});
    google.maps.event.addListener(marker, "click", function() {
      if (infowindow) infowindow.close();
      infowindow = new google.maps.InfoWindow({content: html});
      infowindow.open(map, marker);
    });
	
	markersArray.push(marker);
	if (document.getElementById(id)){
	document.getElementById(id).href = "#mapa";
	document.getElementById(id).onclick = function() {google.maps.event.trigger(markersArray[i], 'click');}
	}
    return marker;
  }

