// JavaScript Document
//Local Venue GMap

var map;
var allmarkers = []; 
var blueIcon = new GIcon(G_DEFAULT_ICON);
blueIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";
function init() {
		  
		  
		  if (GBrowserIsCompatible()) {
	  
			  /*function createMarker(posn,title,street,location,website,address,phone) {
				var marker = new GMarker(posn, {title: title, draggable:false });
				GEvent.addListener(marker, "click", function() {
					marker.openInfoWindowHtml('<span class="largeheader">' + name + '</span><br /><span class="header">' + street + '<br />' + address + '<br />Bala Cynwyd, PA 19004<br /></span><br /><a href="http://maps.google.com/maps?saddr=&daddr=' + point.toUrlValue() + '" target="_blank">Get Directions</a>');
				});
				return marker;
			}*/
			
			function createMarker(posn,title,street,location,website,address,phone,category,icon) {
				var iconIMG;
				var iconURL;
				switch (icon) {
					//RED ICON
					case 'red':
						iconIMG = new GIcon(G_DEFAULT_ICON);
						iconURL = "red-dot.png"
						break;
			
					//BLUE ICON
					case 'blue':
						iconIMG = new GIcon(G_DEFAULT_ICON);
						iconURL = "blue-dot.png"
						break;
					
					//GREEN ICON
					case 'green':
						iconIMG = new GIcon(G_DEFAULT_ICON);
						iconURL = "green-dot.png"
						break;
						
					//ORANGE ICON
					case 'orange':
						iconIMG = new GIcon(G_DEFAULT_ICON);
						iconURL = "orange-dot.png"
						break;
						
					//YELLOW ICON
					case 'yellow':
						iconIMG = new GIcon(G_DEFAULT_ICON);
						iconURL = "yellow-dot.png"
						break;
						
					//PURPLE ICON
					case 'purple':
						iconIMG = new GIcon(G_DEFAULT_ICON);
						iconURL = "purple-dot.png"
						break;
						
					//PINK ICON
					case 'pink':
						iconIMG = new GIcon(G_DEFAULT_ICON);
						iconURL = "pink-dot.png"
						break;
					
					//RED ICON
					default:
						iconIMG = new GIcon(G_DEFAULT_ICON);
						iconURL = "red-dot.png"
						break;
				}
				iconIMG.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/" + iconURL;
				iconIMG.iconSize = new GSize(32, 32);
				var marker = new GMarker(posn,{title: title, draggable:false, icon:iconIMG });
				
				GEvent.addListener(marker, "click", function() {
				marker.openInfoWindowHtml("<span class=\"largeheader\">" + title + "</span><br /><span class=\"header\">" + category + '<br />' + street + "<br />" + location + "<br />" + phone + "<br /></span><br /><a href=\"" + website + "\" target=\"_blank\">Website</a> | <a href=\"http://maps.google.com/maps?saddr=&daddr=" + address + "\" target=\"_blank\">Get Directions</a>");
				});
				return marker;
			}/**/
			
			function setMarkers() {
				allmarkers.length = 0;
				for (var i in venues) {
					var layer = venues[i];
					var markers = [];
					for (var j in layer["places"]) {
					var place = layer["places"][j];
					var title = place["name"];
					var posn = new GLatLng(place["posn"][0], place["posn"][1]);
					var street = place["street"];
					var location = place["location"];
					var phone = place["phone"];
					var website = place["website"];
					var address = place["street"] + ", " + place["location"];
					var category = place["category"];
					var icon = place["icon"];
					var marker = createMarker(posn,title,street,location,website,address,phone,category,icon); 
					map.addOverlay(marker);
					markers.push(marker);
					allmarkers.push(marker);
				}
			}
			}			
			
			map = new GMap2(document.getElementById("map_canvas"));
			map.addControl(new GSmallMapControl());        
			map.addControl(new GMapTypeControl());
			map.setCenter(new GLatLng(gLAT, gLNG), zoom);
			map.setMapType(G_HYBRID_MAP);
			map.enableDoubleClickZoom();
			
			setMarkers(venues);
			
		
			}
			
			// display a warning if the browser was not compatible
			else {
			  alert("Sorry, the Google Maps API is not compatible with this browser");
			}
		}

/*
var localVenue = [
  {
    "places": [
      {
        "name": "Doc Watson's",
        "posn": [39.9487, -75.1590],
		"street": "216 S 11th St",
		"location": "Philadelphia, PA 19107",
		"phone": "(215) 922-3427",
		"website": "http://www.myspace.com/drwatsonspub"
      },
      {
        "name": "Fergie's Pub",
        "posn": [39.9485, -75.1512],
		"street": "1214 Samson st",
		"location": "Philadelphia, PA 19107",
		"phone": "(215) 928-8118",
		"website": "http://www.fergies.com/"
      },
      {
        "name": "North by Northwest",
        "posn": [40.0436, -75.1819],
		"street": "7165 Germantown Ave",
		"location": "Philadelphia, PA 19119",
		"phone": "(215) 248-1000",
		"website": "http://www.nxnwphl.com/"
      },
    ]
  }
];

 
	var map;
    var mgr;
    var allmarkers = [];

    function init() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
        map.addControl(new GLargeMapControl());
        map.addControl(new GOverviewMapControl());
        map.setCenter(new GLatLng(39.9516, -75.1638), 5);
        map.enableDoubleClickZoom();
        mgr = new MarkerManager(map, {trackMarkers:true});
        window.setTimeout(setupOfficeMarkers, 0);
      }
    }

    function setMarkers() {
      allmarkers.length = 0;
      for (var i in localVenue) {
        var layer = localVenue[i];
        var markers = [];
        for (var j in layer["places"]) {
          var place = layer["places"][j];
          var title = place["name"];
          var posn = new GLatLng(place["posn"][0], place["posn"][1]);
		  var street = place["street"];
		  var location = place["location"];
		  var phone = place["phone"];
		  var website = place["website"];
		  var address = place["street"] + ", " + place["location"];
          var marker = createMarker(posn,title,street,location,website,address,phone); 
          markers.push(marker);
          allmarkers.push(marker);
        }
      }
      mgr.refresh();
    }
  
    function createMarker(posn,title,street,location,website,address,phone) {
      var marker = new GMarker(posn, {title: title, draggable:false });
	  GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml("<span class=\"largeheader\">" + name + "</span><br /><span class=\"header\">" + street + "<br />" + locatino + "<br />" + phone + "<br /></span><br /><a href=\"" + website + "\" target=\"_blank\">Website</a> | <a href=\"http://maps.google.com/maps?saddr=&daddr=" + address + "\" target=\"_blank\">Get Directions</a>");
	  });
      return marker;
    }*/