$(document).ready(function() {


if(document.getElementById("map")){
      if (GBrowserIsCompatible() && $("#map") ) {

      // Display the map, with some controls and set the initial location
        var map = new GMap2(document.getElementById("map"));
	      	//map.addControl(new GSmallMapControl());
			map.addControl(new GSmallMapControl());
	      	map.addControl(new GMapTypeControl());
	        map.setCenter(new GLatLng(20, 0), 2);
      		//map.setCenter(new GLatLng(45.563938, -122.638141), 9);


			map.enableScrollWheelZoom()

			//prevent page scrolling when on the map
            function wheelevent(e){
				if (!e){
					e = window.event
				}
				if (e.preventDefault){
					e.preventDefault()
				}
				e.returnValue = false;
			}
			GEvent.addDomListener(map.getContainer(), "DOMMouseScroll", wheelevent);
			map.getContainer().onmousewheel = wheelevent;


			//load xml data	
			GDownloadUrl("/phpsqlajax_genxml.php", function(data) {
			  var xml = GXml.parse(data);
			
			  var markers = xml.documentElement.getElementsByTagName("marker");
			  for (var i = 0; i < markers.length; i++) {
			    var title = markers[i].getAttribute("title");
			    var address = markers[i].getAttribute("streetaddress1");
			    var filename = markers[i].getAttribute("filename");
				var fileurl = markers[i].getAttribute("fileurl");
				var fname = markers[i].getAttribute("fname");
				var url = markers[i].getAttribute("url");
				var time = markers[i].getAttribute("time");
				var description = markers[i].getAttribute("description");
								
			    var point = markers[i].getAttribute("geotag");
				var point = point.split(", "); //make it an array of lat[] and lang[]
			    var marker = createMarker(point, title, address, fname, url, time, description, filename, fileurl);
			    map.addOverlay(marker);
			  }
			});


			function createMarker(point, title, address, fname, url, time, description, filename, fileurl) {
			  var marker = new GMarker(new GLatLng(point[0], point[1]));
			  var html = "<div class='markerwrap'><h4 class='recordingtitle'><a href='" + fileurl + filename + "'>" + title + "</a></h4>" +
				 		 "<div class='description'>" + description + "</div>" +
						 "<dl><dt>location</dt><dd class='location'>"+ address +"</dd>" +
						 "<dt>recordist</dt><dd><a href='" + url + "'>"  + fname + "</a></dd>" +						
						 "<dt>time</dt><dd>"+ time +"</dd></dl></div>"
			  	//console.log(marker);
				GEvent.addListener(marker, 'click', function() {
			    marker.openInfoWindowHtml(html);
			  });
			  return marker;
			}



	}
  else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }// if GBrowser



} //if
});//doc ready