google.load("maps","2.x");

$(document).ready(function(){ 
  //var bounds = new GLatLngBounds();					   
  var ciudades = Array("Santiago","Puerto Montt","Puelo","Posada Puelo");
   var zoom     = Array("14","11","8","4");

  var sgto = '-33.45436,-70.565186';
  var map = new GMap2(document.getElementById('map')); 
  var burnsvilleMN = new GLatLng(-35.675147,-71.542969); 
  map.setCenter(burnsvilleMN, 4); 
  map.addControl(new GSmallMapControl());
  map.setMapType(G_SATELLITE_MAP);
  map.addControl(new GMapTypeControl());
  var markers = Array();
  
  var santiago = new GLatLng(-33.46810795527895, -70.65444946289062);
  var marker = new GMarker(santiago); 
  map.addOverlay(marker); 
  markers[0] = marker;
  
  var puertoMontt = new GLatLng(-41.47212318909891, -72.95170783996582);
  var marker = new GMarker(puertoMontt); 
  map.addOverlay(marker); 
  markers[1] = marker;
 
  var puelo = new GLatLng(-41.66393558993827, -72.29742050170898);
  var marker = new GMarker(puelo); 
  map.addOverlay(marker);
  markers[2] = marker;
  
  var posadaPuelo = new GLatLng(-41.61071372293315, -72.23590135574341);
  var marker = new GMarker(posadaPuelo); 
  map.addOverlay(marker);
  markers[3] = marker;
  

 
 $(markers).each(function(i,marker){ 
    GEvent.addListener(marker,"click", function(){ 
     map.panTo(marker.getLatLng()); 
    });
	var bounds = new GLatLngBounds();
	bounds.extend(marker.getPoint()); 
    
//	$("<li />").html(ciudades[i]).bind('click',function(){ 
//		map.setZoom(map.getBoundsZoomLevel(bounds) - zoom[i]); 
//		map.setCenter(bounds.getCenter()); 
//	}).appendTo("#list");

	
	$("<li />").html(ciudades[i]).attr("id",i).appendTo("#list");
	//alert($("#"+i).html());
	$("#"+i).bind("click",function(){
		map.setZoom(map.getBoundsZoomLevel(bounds) - zoom[i]); 
		map.setCenter(bounds.getCenter()); });

  });
  
  
  
});