var map;
  function initialize() {
    var myLatlng = new google.maps.LatLng(39.215016, -1.882482);
    var myOptions = {
      zoom: 7,
      center: myLatlng,
	  mapTypeControl: true,
	  mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
      navigationControl: true,
      navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},

      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

	downloadUrl("oficinas.xml", function(data) {
      var markers = data.documentElement.getElementsByTagName("marker");
	  var image='imagenes/haya.gif';

      for (var i = 0; i < markers.length; i++) {
        var latlng = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
		var telefono=markers[i].getAttribute("telefono");
		var localidad=markers[i].getAttribute("localidad");
		var provincia=markers[i].getAttribute("provincia");
		var email=markers[i].getAttribute("email");
		var suc=markers[i].getAttribute("suc");
		
		var contenidoVentana ="<img src='imagenes/logo_mini.gif'><br><strong>Viajes Haya Travel "+localidad+"</strong><br>"+telefono+
								"<br><a style='color=#000; text-decoration:none' href='mailto:"+email+"'>"+email+"</a>"+
								"<br><a style='font-weight:bold; color=#000; text-decoration:none' href='oficinas_detalle.php?ids="+suc+"'>Más Información</a>";
		var infowindow = new google.maps.InfoWindow({
													content: contenidoVentana
													});
		var image = new google.maps.MarkerImage('imagenes/haya.gif',
			  // This marker is 20 pixels wide by 32 pixels tall.
			  new google.maps.Size(20, 32),
			  // The origin for this image is 0,0.
			  new google.maps.Point(0,0),
			  // The anchor for this image is the base of the flagpole at 0,32.
			  new google.maps.Point(0, 16));
        var marker = new google.maps.Marker({
											position: latlng, 
											map: map,
											icon:image
											});
		
		google.maps.event.addListener(marker, 'click', function() {
					    map.setZoom(map.getZoom()+4);
						map.setCenter(marker.getPosition());
														  });

		asignarTexto(marker, contenidoVentana);

       }
     }
	 );
  }
function asignarTexto(marker, texto) {
  var infowindow = new google.maps.InfoWindow(
      { content: texto
        
      });
  google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
  });
}
function initialize_suc(id_sucursal) {
    var myLatlng = new google.maps.LatLng(39.515016, -1.762482);
    var myOptions = {
      zoom: 14,
      center: myLatlng,
	  mapTypeControl: true,
	  mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
      navigationControl: true,
      navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},

      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

	downloadUrl("oficinas_detalle.xml", function(data) {
      var markers = data.documentElement.getElementsByTagName("marker");
	  var image='imagenes/haya.gif';

      for (var i = 0; i < markers.length; i++) {
		  
		if(id_sucursal== markers[i].getAttribute("suc")){ 
				
				var latlng = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")),
											parseFloat(markers[i].getAttribute("lng")));
				
				map.setCenter(latlng);
				var telefono=markers[i].getAttribute("telefono");
				var localidad=markers[i].getAttribute("localidad");
				var provincia=markers[i].getAttribute("provincia");
				var email=markers[i].getAttribute("email");
				
		var contenidoVentana ="<img src='imagenes/logo_mini.gif'><br><strong>Viajes Haya Travel "+localidad+"</strong><br>"+telefono+
								"<br><a style='color=#000; text-decoration:none' href='mailto:"+email+"'>"+email+"</a>";
								
				var infowindow = new google.maps.InfoWindow({
															content: contenidoVentana
															});
				var image = new google.maps.MarkerImage('imagenes/haya.gif',
					  new google.maps.Size(20, 32),
					  new google.maps.Point(0,0),
					  new google.maps.Point(0, 32));
				
				var marker = new google.maps.Marker({
													position: latlng, 
													map: map,
													icon:image
													});
				
				google.maps.event.addListener(marker, 'click', function() {
								map.setZoom(map.getZoom()+4);
																  });
		
				asignarTexto(marker, contenidoVentana);
		}

       }
     }
	 );
  }