//<![CDATA[

    var locations = {};

    function load() {
      var map = new GMap2(document.getElementById("map"));
      map.setCenter(new GLatLng(43.6707935, -79.3842368), 11);
	  map.addControl(new GSmallMapControl());

      GDownloadUrl("system_load_data.php", function(data) {
        var xml = GXml.parse(data);
        var markers = xml.documentElement.getElementsByTagName("marker");
        for (var i = 0; i < markers.length; i++) {
        
          var name 			= markers[i].getAttribute("name");
          var address 		= markers[i].getAttribute("address");
          var company		= markers[i].getAttribute("company");
          var city 			= markers[i].getAttribute("city");
          var state 		= markers[i].getAttribute("state");
          var zip 			= markers[i].getAttribute("zip");
          var type 			= markers[i].getAttribute("type");
          var price			= markers[i].getAttribute("price");
          var idnum			= markers[i].getAttribute("idnum");
          var photonum		= markers[i].getAttribute("photonum");
          var latlng 		= new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")));
          
          var store 		= {latlng: latlng, name: name, address: address, company: company, city: city, state: state, zip: zip, type: type, price: price, idnum: idnum, photonum: photonum};
          var latlngHash 	= (latlng.lat().toFixed(6) + "" + latlng.lng().toFixed(6));

          latlngHash 		= latlngHash.replace(".","").replace(".", "").replace("-","");
          if (locations[latlngHash] == null) { locations[latlngHash] = [] }
          locations[latlngHash].push(store);
          
        }
        
        for (var latlngHash in locations) {
          var stores = locations[latlngHash];
          if (stores.length > 1) {
            map.addOverlay(createClusteredMarker(stores));
          } else {
            map.addOverlay(createMarker(stores));
          }
         }
      });
    }

    
    
    function createMarker(stores) {

        var store = stores[0];
        var iconOptions = {};
        iconOptions.width = 32;
        iconOptions.height = 32;
        iconOptions.primaryColor = "FF7200";
        iconOptions.cornerColor = "#FFFFFF";
        iconOptions.strokeColor = "#000000";
        var newIcon = MapIconMaker.createMarkerIcon(iconOptions);
        
        var marker = new GMarker(store.latlng, {icon: newIcon});
        var html = "<table><tr><td width='200'><font color='#000099' style='font-size:14px'><b>" + store.name + "</b></font><br/><font style='font-size:11px; font-style:italic'>" + store.address + "</font><br /><font style='font-size:11px; font-style:italic'>" + store.city + ", " + store.state + " " + store.zip + "</font><br /> <a style='font-size:12px; color:#000099' href='site_detail.php?job=" + store.idnum + "'>View Job Details</a></td></tr></table>";

        GEvent.addListener(marker, 'click', function() { marker.openInfoWindowHtml(html); });
        return marker;

    }
    

    function createClusteredMarker(stores) {
      var newIcon = MapIconMaker.createMarkerIcon({width: 44, height: 44, primaryColor: "#00ff00"});
      var marker = new GMarker(stores[0].latlng, {icon: newIcon});
      var html = "";
      if (stores.length > 2 && stores[0].company != null) {
      	// More than 2 jobs by same company (presumably)
      	// Display 2 jobs and a link to rest
	  	for (var i = 0; i < 2; i++) {
			html += "<b><a style='font-size:12px; color:#000099' href='site_detail.php?job=" + stores[i].idnum + "'>"	 + stores[i].name + "</a></b> <br/>" + stores[i].address + "<br/>";
	  	}
		html += "<a style='font-size:12px; color:#000099' href='site_search.php?skeyword=" + stores[0].company + "'>View all jobs by this employer</a><br />";
      } else {
	      for (var i = 0; i < stores.length; i++) {
	        html += "<b><a style='font-size:12px; color:#000099' href='site_detail.php?job=" + stores[i].idnum + "'>"	 + stores[i].name + "</a></b> <br/>" + stores[i].address + "<br/>";
	      }
	  }
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }
    //]]>