var map;
function loadMap(data) {
	
	var options = {
      zoom: 8,
      center: new google.maps.LatLng(60.25604,-134.82128),
	  mapTypeControlOptions: {
		mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.SATELLITE]
      }
    };
    map = new google.maps.Map(document.getElementById("map_canvas_large"), options);
	map.setMapTypeId(google.maps.MapTypeId.TERRAIN);
	
	for(i = 0; i < data.length; i++) {
		var title = data[i][0];
		var description = data[i][1];
		var latitude = data[i][2];
		var longitude = data[i][3];
	
		var marker = new google.maps.Marker({
		  position: new google.maps.LatLng(latitude,longitude), 
		  map: map, 
		  icon: 'images/hicon.gif'
		});
	  
		google.maps.event.addListener(marker, 'mouseover', function() {
			displayInfo(title, description);
		});

		google.maps.event.addListener(marker, 'click', function() {
			displayInfo(title, description);
		});
	}
}

function displayInfo(title, description){	
	document.getElementById('hike_title').innerHTML = title;
	document.getElementById('hike_description').innerHTML = description;
}

function zoom(area){
	var zoomLevel = 8;
	var startCenter;
	if( area == 'whitehorse' )
	{
		startCenter = new google.maps.LatLng(60.25604,-134.82128);
	}
	else if( area == 'kluane' )
	{
		startCenter = new google.maps.LatLng(60.449767,-137.518616);
	}
	else if( area == 'tombstone' )
	{
		startCenter = new google.maps.LatLng(64.52424, -138.21799);
		zoomLevel = 10;
	}
	
	map.setZoom(zoomLevel);
	map.setCenter(startCenter);
}