// JavaScript Document
var map;
	

    if (GBrowserIsCompatible()) {
      map = new GMap(document.getElementById("map"));
	  //map.addControl(new GLargeMapControl());
	  //map.addControl(new GMapTypeControl());
	  map.centerAndZoom(new GPoint(-73.990614, 40.746466), 5);
	}
	
function buildMainMap(){
	var icon = new GIcon();
	icon.image = "http://www.viewacity.com/images/mm_20_red.png";
	//icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
	icon.shadow="";
	icon.iconSize = new GSize(12, 20);
	icon.shadowSize = new GSize(22, 20);
	icon.iconAnchor = new GPoint(6, 20);
	icon.infoWindowAnchor = new GPoint(5, 1);
	
	var j;
	var i;
	for(j = 0; j < trails.length; j++){
		var trail = trails[j].trail;
		var points = [];
		for(i = 0; i < trail.length; i++){
			point = new GPoint(trail[i].lat, trail[i].lng)
			if(i == 0){
				var nameMarker = createMapMarker(point, trails[j], icon);
				map.addOverlay(nameMarker);
			}
			points.push(point);
		}
		map.addOverlay(new GPolyline(points, colors[j]));
	}
}

function createMapMarker(point, route, icon){
	var marker = new GMarker(point, icon);
	var html = "<div class=\"bubbleTitle\">"+route.name+"</div><br><div class=\"bubbleDesc\">" + route.description + "</div><p><a href=\"javascript:submitForm(\'" + route.trailId + ":0\');\">Start Tour</a></p>"; 
	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html);});
	return marker;
}

function submitForm(name){
	if(name != ""){
		window.location.href="movingMap1.php?trailName="+name;
	}
}