// JavaScript Document
var map;

var markers = [];
var marker;

function load() {
var num = 0;
  if (GBrowserIsCompatible()) {
	if(document.implementation.hasFeature(
		"http://www.w3.org/TR/SVG11/feature#SVG","1.1")){ 
	 _mSvgEnabled = true;
	  _mSvgForced  = true;
	}
	var vwbList = document.getElementById('vwbList');
	map = new GMap2(document.getElementById('map'));
	var mt = map.getMapTypes(); 
	  for (var i=0; i<mt.length; i++) { 
			mt[i].getMinimumResolution = function() {return 4;} 
			mt[i].getMaximumResolution = function() {return 12;} 
	 } 
	
	map.addControl(new GLargeMapControl());
	map.addControl(new GScaleControl());
	map.setCenter(new GLatLng(38, -88), 4);

	
	var searchUrl = 'genXML/wwb_genxml.php';
		GDownloadUrl(searchUrl, function(data) {
		   var xml = GXml.parse(data);
		   var recs = xml.documentElement.getElementsByTagName('marker');
			if (recs.length == 0) {
			 return;
		    }
			//var bounds = new GLatLngBounds();
			 
			 var icon = new GIcon(G_DEFAULT_ICON);
			 icon.image = "http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png";
			 for (var i = 0; i < recs.length; i++) {
				var latlng = new GLatLng(parseFloat(recs[i].getAttribute('lat')),  parseFloat(recs[i].getAttribute('lng')));
				var marker = new GMarker(latlng, {icon: icon});
				markers.push(marker);
			  }
			  var mcOptions = {gridSize: 30, maxZoom: 12};
          	var markerCluster = new MarkerClusterer(map, markers, mcOptions);
		 });
  }
}