$(function() {
	var map;
	var marker;
	
	var helsinki = new google.maps.LatLng(60.170344, 24.935843);
	var turku = new google.maps.LatLng(60.450668, 22.269931);
	var kajaani = new google.maps.LatLng(64.227156,27.728307);
	var jyvaskyla = new google.maps.LatLng(62.243065,25.748488);
	
	$("#tabs").tabs({
		select: function(event, ui) {
			switch (ui.index) {
				default:
				case 0:
				  map.setCenter(helsinki);
				  marker.setPosition(helsinki);
				  break;
				case 1:
				  map.setCenter(turku);
				  marker.setPosition(turku);
				  break;
				case 2:
				  map.setCenter(kajaani);
				  marker.setPosition(kajaani);
				  break;
				case 3:
				  map.setCenter(jyvaskyla);
				  marker.setPosition(jyvaskyla);
				  break;
			}
		}
	});
	
	$("a#toggle").toggle(function(){
		$("#map_canvas").hide();
		$("a#toggle").html("Show the map");
    },function(){
		$("#map_canvas").show();
		$("a#toggle").html("Hide the map");
	});
	
	
	function initialize() {
		var myOptions = {
			zoom: 16,
			center: new google.maps.LatLng(60.170344, 24.935843),
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};
		map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
		
		marker = new google.maps.Marker({
      map: map,
      position: helsinki
    });
	}

	google.maps.event.addDomListener(window, 'load', initialize);
});