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

$(document).ready(function(){ 
  //var bounds = new GLatLngBounds();					   
  var ciudades = Array("Santiago","Puerto Montt","Coyhaique","Balmaceda","Cerro Castillo","Puerto Tranquilo","Puerto Bertrand","Green Baker Lodge");
  var zoom     = Array("14","13","12","10","10","10","7","4");

  var sgto = '-33.45436,-70.565186';
  var map = new GMap2(document.getElementById('map')); 
  var burnsvilleMN = new GLatLng(-33.449776583118435, -70.65719604492188); 
  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 coyhaique = new GLatLng(-45.577522694836894, -72.06439018249512);
  var marker = new GMarker(coyhaique); 
  map.addOverlay(marker);
  markers[2] = marker;
  
  var balmaceda = new GLatLng(-45.909167,-71.700556);
  var marker = new GMarker(balmaceda); 
  map.addOverlay(marker);
  markers[3] = marker;
  
  var cerroCastillo = new GLatLng(-46.12179717806284, -72.15991973876953);
  var marker = new GMarker(cerroCastillo); 
  map.addOverlay(marker);
  markers[4] = marker;
   
  var puertoTranquilo = new GLatLng(-46.6246254230219, -72.67662048339844);
  var marker = new GMarker(puertoTranquilo);
  map.addOverlay(marker);
  markers[5] = marker;
 
  var puertoBertrand = new GLatLng(-47.016750815143105, -72.82978534698486);
  var marker = new GMarker(puertoBertrand);
  map.addOverlay(marker);
  markers[6] = marker;
  
  var greenBakerLodge = new GLatLng(-47.042111852, -72.8191354794);
  
   var marker = new GMarker(greenBakerLodge);
  map.addOverlay(marker);
  markers[7] = 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()); });

  });
 
});