//<![CDATA[
//	Declare variables
	var map = null;
    var geocoder = null;
    var gmarkers = [];	 
//	GMaps load function on window.load
    function loadMap() {
	if (GBrowserIsCompatible()) {
        geocoder = new GClientGeocoder();		
		map = new GMap2(document.getElementById("map"));
// 	Background loading graphic underneath the tiles
      	document.getElementById("map").style.backgroundImage = "url(http://www.vaservice.org/global/image/map_loading.gif)";
		map.setCenter(new GLatLng(38.0740, -79.5520), 7);
		map.addControl(new GSmallMapControl());
//		map.addControl(new GMapTypeControl());
//	Cycle through initial load XML for all service org markers and attributes
        GDownloadUrl("http://www.vaservice.org/go/volunteer/mlk_map.xml", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
            var id = markers[i].getAttribute("id");
            var event = markers[i].getAttribute("event");
            var summary = markers[i].getAttribute("summary");				
			var event_web = markers[i].getAttribute("event_web");
			var start_date = markers[i].getAttribute("start_date");				
			var end_date = markers[i].getAttribute("end_date");				
			var sponsor = markers[i].getAttribute("sponsor");				
            var address = markers[i].getAttribute("sponsor_address");
			var phone = markers[i].getAttribute("sponsor_phone");
			var email = markers[i].getAttribute("sponsor_email");
			var url = markers[i].getAttribute("sponsor_url");
			var display_url = markers[i].getAttribute("sponsor_display_url");
			var image = markers[i].getAttribute("image");												
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));					
            var marker = createMarker(point, id, event, summary, event_web, start_date, end_date, sponsor, address, phone, email, url, display_url, image);
            map.addOverlay(marker);
          };
        });
	}
// display a warning if the browser was not compatible
    else {
      alert("Sorry, Google Maps is not compatible with this browser");
	}
	};
//	Begin function to avoid using body tag for load/unload
	function addLoadEvent(func) {
	  var oldonload = window.onload;
	  if (typeof window.onload != 'function') {
		window.onload = func;
	  } else {
		window.onload = function() {
		  if (oldonload) {oldonload();}
		  func();
		};
	  }
	};
	addLoadEvent(loadMap);
// arrange for our onunload handler to 'listen' for onunload events
	if (window.attachEvent) {
			window.attachEvent("onunload", function() {
					GUnload();      // Internet Explorer
			});
	} else {
			window.addEventListener("unload", function() {
					GUnload(); // Firefox and standard browsers
			}, false);
	}
// 	End new function to avoid using body tag for load/unload	
//	Begin function to detect if user presses Return or Enter from keyboard
    function submitEnter(myfield,e) {
        var keycode;
        if (window.event) {
        keycode = window.event.keyCode;
        } else if (e) {
        keycode = e.which;
        } else {
        return true;
		}
        if (keycode == 13)
        {
        searchLocations();
        return false;
        } else {
        return true;
        }
    };
//	Begin function to gecode user submitted address	
   function searchLocations() {
     var address = document.getElementById('addressInput').value;
     geocoder.getLatLng(address, function(latlng) {
//	if/else to determine if geocode was successful. If not throw alert, if so run function searchLocationsNear 
       if (!latlng) {
         alert('Your address \"' + address + '\" was not found. Please try again.');
       } else {searchLocationsNear(latlng);}
     });
   };
//	If geocoding was successful pass user submitted variables (address lat and lng, radius) to service org and radius query
   function searchLocationsNear(center) {
     var radius = document.getElementById('radiusSelect').value;
     var searchUrl = '/go/volunteer/mlk_map_radius.xml?lat=' + center.lat() + '&lng=' + center.lng() + '&radius=' + radius;
     GDownloadUrl(searchUrl, function(data) {
       var xml = GXml.parse(data);
       var markers = xml.documentElement.getElementsByTagName('marker');
       map.clearOverlays();
       var sidebar = document.getElementById('sidebar');
       sidebar.innerHTML = '';
// If statement to determine if no markers are returned. If so return no results found and instructions in sidebar	
       if (markers.length == 0) {
         sidebar.innerHTML = '<p class=\"pubdate\">No results were found.<br /><br />Try one of the following search tips:<br /><br />1. Increase the distance of your search.<br /><br />2. Check the spelling or try varying the spelling of your location.<br /><br />3. Make sure you have the correct city, state or zip code associated with your location.<br /><br />4. Make sure you use one of the following formats for searching:<br /> - street address, city, state<br /> - city, state<br /> - zip code</p>';
         map.setCenter(new GLatLng(38.0740, -79.5520), 7);
         return;
       }
//	Declare var bounds and cycle through XML for markers and attributes and 
       	var bounds = new GLatLngBounds();
		for (var i = 0; i < markers.length; i++) {									
            var id = markers[i].getAttribute("id");
            var event = markers[i].getAttribute("event");
            var summary = markers[i].getAttribute("summary");				
			var event_web = markers[i].getAttribute("event_web");
			var start_date = markers[i].getAttribute("start_date");				
			var end_date = markers[i].getAttribute("end_date");				
			var sponsor = markers[i].getAttribute("sponsor");				
            var address = markers[i].getAttribute("sponsor_address");
			var phone = markers[i].getAttribute("sponsor_phone");
			var email = markers[i].getAttribute("sponsor_email");
			var url = markers[i].getAttribute("sponsor_url");
			var display_url = markers[i].getAttribute("sponsor_display_url");
			var image = markers[i].getAttribute("image");	
			var distance = parseFloat(markers[i].getAttribute("distance"));				
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));																			
            var marker = createMarker(point, id, event, summary, event_web, start_date, end_date, sponsor, address, phone, email, url, display_url, image);
            map.addOverlay(marker);
         	var sidebarEntry = createSidebarEntry(marker, event, sponsor, address, distance);
        	sidebar.appendChild(sidebarEntry);
         	bounds.extend(point);
       	};
//	Set map center and zoom level according to latlng bounds and radius		
       map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
     });
   };
//	Create to create markers and set up event window
    function createMarker(point, id, event, summary, event_web, start_date, end_date, sponsor, address, phone, email, url, display_url, image) {
      var marker = new GMarker(point);
      gmarkers.push(marker);
      var html = "<div style=\"width:350px; height:350px;\"><p><img style=\"padding:0 5px 0 0; float:right;\" src=\""+ image +"\" width=\"80\" height=\"80\" alt=\"logo\" /><b>"+ event +"</b><br />"+ summary +"<a href=\"http://www.vaservice.org/go/volunteer/mlkday/#"+ id +"\">read on</a>.<p><p>Start date: "+ start_date +"<br />End date: "+ end_date +"</p><p>Sponsored by: "+ sponsor +"<br />Address: "+ address +"<br />Phone: "+ phone +"<br />Email: <a href=\"mailto:"+ email +"?subject= MLK Day of Service Map Inquiry\">"+ email +"</a><br />Web: <a href=\""+ url +"\">"+ display_url +"</a></p><p><br /><a href=\"http://maps.google.com/maps?daddr="+ address +"\">Get directions</a></p></div>";
      GEvent.addListener(marker, 'click', function() {marker.openInfoWindowHtml(html);});
      return marker;
    };
//	Create sidebar entries html and style according to results	
    function createSidebarEntry(marker, event, sponsor, address, distance) {
      var div = document.createElement('div');
      var html = '<span class=\"pubdate\"><strong>' + event + '</strong><br /><span class="required">Distance: ' + distance.toFixed(1) + ' mi</span><br />' + address + '<br /><em>Sponsor: ' + sponsor + '</em></span>';
      div.innerHTML = html;
      div.style.cursor = 'pointer';
      div.style.paddingTop= '5px';
      div.style.paddingRight= '3px';
      div.style.paddingBottom= '5px';
      div.style.paddingLeft= '3px';	  
      div.style.borderTop= '1px dotted #bbbbbb';	  
//	  div.style.padding = '3px'; 
      GEvent.addDomListener(div, 'click', function() {
        GEvent.trigger(marker, 'click');
      });
      GEvent.addDomListener(div, 'mouseover', function() {
        div.style.backgroundColor = '#fff';
      });
      GEvent.addDomListener(div, 'mouseout', function() {
        div.style.backgroundColor = '#eee';
      });
      return div;
    };
/*	Old toggle function
    function toggleGroup(type) {
      for (var i = 0; i < markerGroups[type].length; i++) {
        var marker = markerGroups[type][i];
        if (marker.isHidden()) {marker.show();} else {marker.hide();}
      }; 
    };
*/
//]]>