--- a/src/main/resources/templates/index.html	Thu Aug 25 10:32:35 2011 -0400
+++ b/src/main/resources/templates/index.html	Thu Aug 25 10:33:19 2011 -0400
@@ -8,9 +8,10 @@
 		#stats li h2 { display: inline }
 	</style>
 	
-	<script src="../scripts/Utils.js" type="text/javascript"></script>
-	<script src="http://www.openlayers.org/api/OpenLayers.js" type="text/javascript"></script>
-	<!--<script src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js" type="text/javascript"></script>-->
+	<script src="../scripts/Utils.js"></script>
+	<script src="../scripts/json2.js"></script>
+	<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
+	<!--<script src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js"></script>-->
 	
 	<script type="text/javascript">
 		var OLMap = {
@@ -32,7 +33,9 @@
 					//displayProjection: new OpenLayers.Projection("EPSG:4326"),
 					//baseLayer: new OpenLayers.Layer.OSM()
 				});
-				OLMap.map.addLayer(new OpenLayers.Layer.OSM());
+				var baseLayer = new OpenLayers.Layer.OSM();
+				OLMap.map.addLayer(baseLayer);
+				OLMap.map.setBaseLayer(baseLayer);
 			},
 			addTrail : function(uri, color) {
 				var layer = new OpenLayers.Layer.GML(uri, uri, {
@@ -71,28 +74,64 @@
 				bounds.extend(new OpenLayers.LonLat(minLong,minLat));
 				bounds.extend(new OpenLayers.LonLat(maxLong,maxLat));
 				return bounds;
-			}
+			},
+			clearMap : function() {
+				var gmlLayers = OLMap.map.getLayersByClass('OpenLayers.Layer.GML');
+				for (var i=0; i < gmlLayers.length; i++) {
+				  gmlLayers[i].destroy();
+				};
+			},
+			
 		}
 		
 		function getWorkouts() {
-			
-			
+			return [{date: "", activity: "running", json: "json_uri", gpx: "gpx_uri", distance: "76", duration: "10"}, 
+					{date: "", activity: "running", json: "json_uri", gpx: "gpx_uri", distance: "75", duration: "10"}];
 		}
 		
 		function getWorkout(uri) {
 			
 		}
 
-
+		function toggleLoader() {
+			
+		}
+		
+		function updateHistory(workouts) {
+			
+		}
 
 		function init() {
-			var workoutJson = eval('(' + Util.request('Jun-26-11.json') + ')');
-			console.log(workoutJson);
+			// get list of workouts
+			var workouts = getWorkouts();
+			// reorder ??
+			
+			// update History section
+			updateHistory(workouts);
+			
+			// create map
 			OLMap.createMap();
+			
+			// show results for last workout
+				// add gpx layer
+				// recenter (based on json events)
+				// update stats
+			
+			
+			//var workoutJson = eval('(' + Util.request('Jun-26-11.json') + ')');
+			var workoutJson = Util.requestJSON('Jun-26-11.json');
+			
+			
+			// testing purposes
 			OLMap.addTrail("Jun-26-11.gpx","blue");
 			OLMap.addTrail("Aug-10-11.gpx","red");
+			
+			console.log(OLMap.map.layers);
+			
 			OLMap.centerMap(workoutJson.events);
 			
+			//OLMap.clearMap();
+			
 			initGraphs();	
 		}
 
@@ -156,7 +195,7 @@
 	<div id="history">
 		<h1>History</h1>
 		<ul>
-			<li><a href="#">Workout1</a></li>
+			<li><a onClick="javascript:OLMap.clearMap()" href="#">Workout1</a></li>
 			<li><a href="#">Workout2</a></li>
 		</ul>
 	</div>