// function initialize() {
// 	alert("loaded");
//       if (GBrowserIsCompatible()) {
//         var map = new GMap2(document.getElementById("map_canvas"));
//         map.setCenter(new GLatLng(37.4419, -122.1419), 13);
//         map.setUIToDefault();
//       }
//     }


	$(document).ready(function() { 
		//alert("path"+path);
	      if (GBrowserIsCompatible()) {
		
			var iconBlue = new GIcon(); 
			iconBlue.image = 'http://chart.apis.google.com/chart?cht=mm&chs=18x24&chco=FFFFFF,008CFF,000000&ext=.png';
			//iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
			iconBlue.iconSize = new GSize(18, 24);
			//iconBlue.shadowSize = new GSize(22, 20);
			iconBlue.iconAnchor = new GPoint(11, 11);
			iconBlue.infoWindowAnchor = new GPoint(5, 1);
			
			var iconGreen = new GIcon(); 
			iconGreen.image = 'http://chart.apis.google.com/chart?cht=mm&chs=18x24&chco=FFFFFF,73fb05,000000&ext=.png';
			//iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
			iconGreen.iconSize = new GSize(18, 24);
			//iconBlue.shadowSize = new GSize(22, 20);
			iconGreen.iconAnchor = new GPoint(11, 11);
			iconGreen.infoWindowAnchor = new GPoint(5, 1);
			
			var iconOrange = new GIcon(); 
			iconOrange.image = 'http://chart.apis.google.com/chart?cht=mm&chs=18x24&chco=FFFFFF,fcc504,000000&ext=.png';
			//iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
			iconOrange.iconSize = new GSize(18, 24);
			//iconBlue.shadowSize = new GSize(22, 20);
			iconOrange.iconAnchor = new GPoint(11, 11);
			iconOrange.infoWindowAnchor = new GPoint(5, 1);
			
			var iconRed = new GIcon(); 
			iconRed.image = 'http://chart.apis.google.com/chart?cht=mm&chs=18x24&chco=FFFFFF,fb0303,000000&ext=.png';
			//iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
			iconRed.iconSize = new GSize(18, 24);
			//iconBlue.shadowSize = new GSize(22, 20);
			iconRed.iconAnchor = new GPoint(11, 11);
			iconRed.infoWindowAnchor = new GPoint(5, 1);
			
			var iconYellow = new GIcon(); 
			iconYellow.image = 'http://chart.apis.google.com/chart?cht=mm&chs=18x24&chco=FFFFFF,f3fc03,000000&ext=.png';
			//iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
			iconYellow.iconSize = new GSize(18, 24);
			//iconBlue.shadowSize = new GSize(22, 20);
			iconYellow.iconAnchor = new GPoint(11, 11);
			iconYellow.infoWindowAnchor = new GPoint(5, 1);
			
			var iconGrey = new GIcon(); 
			iconRed.image = 'http://chart.apis.google.com/chart?cht=mm&chs=18x24&chco=FFFFFF,cacac8,000000&ext=.png';
			//iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
			iconGrey.iconSize = new GSize(18, 24);
			//iconBlue.shadowSize = new GSize(22, 20);
			iconGrey.iconAnchor = new GPoint(11, 11);
			iconGrey.infoWindowAnchor = new GPoint(5, 1);
			
						
			
						
			var customIcons = [];
			customIcons["262"] = iconGrey;
			customIcons["261"] = iconYellow;
			customIcons["259"] = iconOrange;
			customIcons["258"] = iconGreen;
			customIcons["257"] = iconBlue;
			customIcons["260"] = iconRed;
		
		
			function createMarker(point, name, address,description, type,link) {
				//alert(type);
			  var marker = new GMarker(point, customIcons[type]);
			  if (link != "")
				{
			      link = "<a href='"+link+"' target='_new'>Detail</a>";
			    }
			  var html = "<p style='display: block; width: 200px'><b>" + name + "</b> <br/>" + address +"<br/></p>"+link;
			  GEvent.addListener(marker, 'click', function() {
			    marker.openInfoWindowHtml(html);
			  });
			  return marker;
			}
		
		
			
			var markerClusterer = null;
			var rallymarkers = [];
		
		
	        var map = new GMap2(document.getElementById("map_canvas"));
		 map.addControl(new GSmallMapControl());
		        map.addControl(new GMapTypeControl());
	
	        map.setCenter(new GLatLng(38.037708, -96.626438), 3);
	        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";
			
	        //map.setUIToDefault();
	         //var path;
				 //GDownloadUrl(path, function(data) {
				
				 GDownloadUrl('\/wp-content\/themes\/premiumnews\/includes\/get_markers.php', function(data) {
					 //GDownloadUrl('\/realitytv/sites\/all\/modules\/hearst_api\/modules\/map\/get_markers.php', function(data) {
					  var rallymarkers = [];
					  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 description = markers[i].getAttribute("description");
					    var type = markers[i].getAttribute("type");
						var link = markers[i].getAttribute("link");

					    var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
					                            parseFloat(markers[i].getAttribute("lng")));
					    var marker = createMarker(point, name, address,description, type,link);
					    //map.addOverlay(marker);
						//var marker = new GMarker(point, {icon: icon});
					
					    rallymarkers.push(marker)
					//alert(rallymarkers);
					  }
					markerCluster = new MarkerClusterer(map, rallymarkers);
					});
					
					
		
	      	
		
	
	      }
	 });