//<![CDATA[

    var IMAGES = [ "sun", "snow" ];
    var MYMARKERS = [ "aaron zingsheim<br>Observer<br>WI 53222<br>", "Chris Kliesmet<br>Leadership<br>9272 N. Thrush Lane<br>Bayside, WI 53217<br><strong>Phone:  </strong>  414-429-9501<br><strong>E-mail:  </strong><a href='mailto:crg@crgnetwork.com'>crg@crgnetwork.com</a><br>", "Corey<br>Activist<br>Greenfield, WI 53221<br>", "Foil<br>Activist<br>West Allis, WI 53214<br>", " LoCoco<br>Observer<br>WI 53217<br>", "Reid W<br>Activist<br>brookfield, WI 53045<br><strong>E-mail:  </strong><a href='mailto:reidweatherly@yahoo.com'>reidweatherly@yahoo.com</a><br>", "Retha<br>Observer<br>Milwaukee, WI 53218<br>", "Robert<br>Observer<br>WI 53207-4079<br>", "Roger<br>Observer<br>WI 53222<br>", "Sherry Markiewicz<br>Activist<br>708 Hillcrest Ave<br>South Milwaukee, WI 53172<br><strong>E-mail:  </strong><a href='mailto:tag_yur_it_71@hotmail.com'>tag_yur_it_71@hotmail.com</a><br>", "Steve<br>Observer<br>WI 53226<br>" ];
    var MYTITLES = [ "aaron zingsheim", "Chris Kliesmet", "Corey", "Foil", " LoCoco", "Reid W", "Retha", "Robert", "Roger", "Sherry Markiewicz", "Steve" ];
    var MYMARKERTYPES = [ "O", "L", "A", "A", "O", "A", "O", "O", "O", "A", "O" ];
    var MYLAT = [ "43.0853090", "43.1858020", "42.9678136", "43.0184849", "43.1327535", "43.0649000", "43.1179750", "42.9764554", "43.0812210", "42.8946580", "43.0652074" ];
    var MYLONG = [ "-88.0340400", "-87.9012710", "-87.9645299", "-88.0304306", "-87.9039279", "-88.1323000", "-87.9989230", "-87.8899825", "-88.0100410", "-87.8562870", "-88.0286314" ];
    var ICONS = [];
    var map = null;
    var mgr = null;

    // Create a base icon for all of our markers that specifies the
    // shadow, icon dimensions, etc.
    var baseIcon = new GIcon(G_DEFAULT_ICON);
    baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
    baseIcon.iconSize = new GSize(20, 34);
    baseIcon.shadowSize = new GSize(37, 34);
    baseIcon.iconAnchor = new GPoint(9, 34);
    baseIcon.infoWindowAnchor = new GPoint(9, 2);

    function initialize() {
          
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
        map.addControl(new GLargeMapControl());
        // map.setCenter(new GLatLng(44.2563,-89.6385), 6);
        //map.setCenter(new GLatLng(42.9754,-87.8697), 9);
        map.setCenter(new GLatLng(44.5871,-89.5874), 6);
        map.enableDoubleClickZoom();
        window.setTimeout(setupWeatherMarkers, 0);
      }
    }

    function getMarkerIcon() {
      
        var icon = new GIcon();
        icon.image = "gmaps/sun.png";
        icon.iconAnchor = new GPoint(16, 16);
        icon.infoWindowAnchor = new GPoint(16, 0);
        icon.iconSize = new GSize(32, 32);
        icon.shadow = "gmaps/sun-shadow.png";
        icon.shadowSize = new GSize(59, 32);
             
      return icon;
    }

    function getMyPoint(lat, lng) {
      return new GLatLng(lat, lng);
    }

    // Creates a marker whose info window displays the letter corresponding
    // to the given index.
    function createMarker(point, strHTML, strLetter, i, strTitle) {
      // Create a lettered icon for this point using our icon class
      var letter = String.fromCharCode(strLetter.charCodeAt(0));
      var letteredIcon = new GIcon(baseIcon);
      letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";

      // Set up our GMarkerOptions object
      markerOptions = { icon:letteredIcon , title:strTitle };
      var marker = new GMarker(point, markerOptions);

      GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(strHTML);
      });
      return marker;
    }
    
    function getMarkers(n) {
      var batch = [];
      for (var i = 0; i < n; ++i) {
        batch.push(new createMarker(getMyPoint(MYLAT[i], MYLONG[i]), MYMARKERS[i], MYMARKERTYPES[i], i , MYTITLES[i] ));
      }
      return batch;
    }

    function myClusterClick(args) {
			cluster.defaultClickAction=function(){
				        map.setCenter(args.clusterMarker.getLatLng(), map.getBoundsZoomLevel(args.clusterMarker.clusterGroupBounds))
				        delete cluster.defaultClickAction;
			        }
			var html='<div style="height:8em; overflow:auto; width:24em"><h4>'+args.clusteredMarkers.length+' People:</h4>';
			for (i=0; i<args.clusteredMarkers.length; i++) {
				html+='<a href="javascript:cluster.triggerClick('+args.clusteredMarkers[i].index+')">'+args.clusteredMarkers[i].getTitle()+'</a><br />';
				//html+=''+args.clusteredMarkers[i].getTitle()+'<br />';
			}
			html+='<br /><a href="javascript:void(0)" onclick="cluster.defaultClickAction()">Zoom</a> in to show these people</div>';
			map.openInfoWindowHtml(args.clusterMarker.getLatLng(), html);
		}


    function setupWeatherMarkers() {
      //mgr = new MarkerManager(map);
      //mgr.addMarkers(getMarkers(MYMARKERS.length), 6);
      //mgr.refresh();
      
      //	create a ClusterMarker
	  cluster=new ClusterMarker(map, {clusterMarkerTitle:'Click to see info about %count people' , clusterMarkerClick:myClusterClick });
       
      cluster.removeMarkers();
	  cluster.addMarkers(getMarkers(MYMARKERS.length));
	  //alert(MYMARKERS.length)
	  if (MYMARKERS.length == 0)
	  {
	  }
	  else
	  {
	  cluster.fitMapToMarkers();
      }
      
    }
    //]]>