// JavaScript Document

           var iconA = new GIcon(); 
		   iconA.image = 'ico/32_america.png'; 
		   iconA.shadow = 'ico/32_ombre.png'; 
		   iconA.iconSize = new GSize(32, 32); 
		   iconA.shadowSize = new GSize(50, 32); 
		   iconA.iconAnchor = new GPoint(16, 32); 
		   iconA.infoWindowAnchor = new GPoint(5, 1); 
		   
		   
		   var iconS = new GIcon(); 
		   iconS.image = 'ico/32_speedmaster.png'; 
		   iconS.shadow = 'ico/32_ombre.png'; 
		   iconS.iconSize = new GSize(32, 32); 
		   iconS.shadowSize = new GSize(50, 32); 
		   iconS.iconAnchor = new GPoint(16, 32); 
		   iconS.infoWindowAnchor = new GPoint(5, 1);
		   
		   	function getCuIcon(moto){
				var customIcon ; 
				if(moto == 'America'){
					customIcon = iconA; ;
				}
				else{
					customIcon = iconS; ;
					}
			return customIcon;
			}

		   
		   	function getCuLogo(moto){
		    var customLogo ; 
			if(moto == 'America'){
				customLogo = 'ico/logo_america.jpg'; ;
				}
				else{
					customLogo = 'ico/logo_speedmaster.jpg'; ;
					}
			return customLogo;
			}
		   
		   function createMarker(point, name, address, moto, lat, lng, profil) {  
	  
	       var zoomdiv = '<div id="bull-zoom">Zoom : '		               
		               + '<img src="ico/zoom_8.png" witdh="25" height="16" alt="Zoomer 8" style="vertical-align : middle; cursor: pointer;" onclick="zoomSpot(8);" hspace="3"/>'
					   + '<img src="ico/zoom_10.png" witdh="25" height="16" alt="Zoomer 10" style="vertical-align : middle; cursor: pointer;" onclick="zoomSpot(10);" hspace="3"/>'
					   + '<img src="ico/zoom_15.png" witdh="25" height="16" alt="Zoomer 15" style="vertical-align : middle; cursor: pointer;" onclick="zoomSpot(15);" hspace="3"/>'
					   + '<img src="ico/zoom_max.png" witdh="25" height="16" alt="Zoomer Maxi" style="vertical-align : middle; cursor: pointer;" onclick="zoomSpot(17);" hspace="3"/>'
					   + '<img src="ico/zoom_5.png" witdh="25" height="16" alt="Taille d\'origine" style="vertical-align : middle; cursor: pointer;" onclick="zoomSpot(5);" hspace="3"/>'
					   + '</div>';
					   
			var latlngdiv = '<div id="bull-latlng">Latitude : ' + lat + '<br />Longitude : ' + lng + '</div>';
	       
		   var title = name;
	       var xmarker = new GMarker(point, {title: title, icon:getCuIcon(moto)}); 
		   var logo = getCuLogo(moto);

		   var html = "<div align='center'><img src='" + logo + "' title='Triumph " + moto + "'/></div>"
		            + "<div id='bull'>"
		            + "<a href='" + profil + "' target='_top' title='Voir le profil de " + name + "'>" 
		            + name 
					+ "</a> <br /><span class='bull-address'>" 
					+ address 
					+ "</span><br /><br />"
					+ "<div style='clear: both;'></div>"
					+ zoomdiv 
					+ latlngdiv
					+ "</div>";
		   
		   GEvent.addListener(xmarker, 'click', function() { xmarker.openInfoWindowHtml(html);}); 

		   return xmarker; 
		   } 


var map;
var progressBar;
function initialize() { 
   if (GBrowserIsCompatible()) {     
   
       var tab_markers = new Array();
      document.getElementById("map-result").innerHTML = "Chargement de la carte";
   
      /* création de la carte centrée sur BOURGES/FRANCE */
      map = new GMap2(document.getElementById("map-canvas")); 
	  var center = new GLatLng(x_center, y_center);
      var loader = new GeoLoaderControl();
	  map.addControl(loader);
	  map.setCenter(center, z_zoom);
	  	  
	  /* Types de cartes */
	  var customUI = map.getDefaultUI();
	  customUI.maptypes.physical  = true;
	  customUI.maptypes.normal  = true;
	  customUI.maptypes.satellite  = true;
	  customUI.maptypes.hybrid  = false;  
	  map.setUI(customUI);
	  map.disableDoubleClickZoom() ;

	 var cache = new GGeocodeCache();

	 xml_url = "phpsqlajax_genxml.php"; 
	 

	GDownloadUrl(xml_url, function(data) {  
	  var xml = GXml.parse(data);  
	  var markers = xml.documentElement.getElementsByTagName("marker");  
	  
	  var total = xml.documentElement.getElementsByTagName("quantity"); 
	  var num = 0;
	  var maxNum = total[0].getAttribute("value");
	  
		  for (var i = 0; i < markers.length; i++) {  
             
			 num++;

			 var name = markers[i].getAttribute("name");
			 var address = markers[i].getAttribute("address");  
			 var moto = markers[i].getAttribute("moto");
			 var profil = markers[i].getAttribute("profil");
			 var lat = parseFloat(markers[i].getAttribute("lat"));
			 var lng = parseFloat(markers[i].getAttribute("lng"))	 
			 var point = new GLatLng(lat, lng);
			 
			 var z_marker = createMarker(point, name, address, moto, lat, lng, profil);    
			 map.addOverlay(z_marker);  
			 
			 tab_markers.push(z_marker);
			 document.getElementById("map-result").innerHTML = "Membres géolocalisés : " + num;
			
		  }
		  

		  map.removeControl(loader);
		  num = 0;	
		  
	   });
	
	} 	    
} 
 function animate(lat, lng, z) {    
      map.panTo(new GLatLng(lat, lng));
	  map.setZoom(z);
}
 function zoomSpot(z) {    
  map.setZoom(z);

}