// JavaScript Document

           var iconA = new GIcon(); 
		   iconA.image = 'ico/32_concess_triumph.png'; 
		   iconA.shadow = 'ico/32_concess_ombre.png'; 
		   iconA.iconSize = new GSize(24, 24); 
		   iconA.shadowSize = new GSize(40, 24); 
		   iconA.iconAnchor = new GPoint(16, 24); 
		   iconA.infoWindowAnchor = new GPoint(5, 1); 
		   
		   
		   var iconS = new GIcon(); 
		   iconS.image = 'ico/32_concess_notriumph.png'; 
		   iconS.shadow = 'ico/32_concess_ombre.png'; 
		   iconS.iconSize = new GSize(24, 24); 
		   iconS.shadowSize = new GSize(40, 24); 
		   iconS.iconAnchor = new GPoint(16, 24); 
		   iconS.infoWindowAnchor = new GPoint(5, 1);
		   
		   	function getCuIcon(isTriumph){
				var customIcon ; 
				if(isTriumph == '1'){
					customIcon = iconA; ;
				}
				else{
					customIcon = iconS; ;
					}
			return customIcon;
			}

		   
		   	function getCuLogo(isTriumph){
		    var customLogo ; 
			if(isTriumph == '1'){
				customLogo = 'ico/logo_concess.jpg'; ;
				}
				else{
					customLogo = 'ico/logo_mecano.jpg'; ;
					}
			return customLogo;
			}
		   
		   function createMarker(point, numCons, isTriumph, titre, address, zip, ville, tel, fax, lat, lng) {  
	  
	       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 = titre;
	       var xmarker = new GMarker(point, {title: title, icon:getCuIcon(isTriumph)}); 
		   var logo = getCuLogo(isTriumph);

		   var html = "<div align='center'><img src='" + logo + "' title='Triumph '/></div>"
		            + "<div id='b-cons'>"
		            + "<a href='javascript:get_cons(" + numCons + ")' title='Voir les notes de " + title + "'>" 
		            + titre 
					+ " <img src='ico/droite.gif' width='5' height='9' style='vertical-align:middle' border='0'/>"
					+ "</a> <br /><span id='bull-address'>" 
					+ address + "<br />"
					+ zip + " " + ville
					+ "</span><br />"
					+ "Tel : " + tel + "<br />"
					+ "Fax : " + fax + "<br />"
					+ "</div>"
					+ "<div style='clear: both;'></div>"
					+ zoomdiv 
					+ latlngdiv;
		   
		   GEvent.addListener(xmarker, 'click', function() { xmarker.openInfoWindowHtml(html); get_cons(numCons)}); 

		   return xmarker; 
		   } 


var map;
var progressBar;
function initialize() { 
   if (GBrowserIsCompatible()) {     
   
       var tab_markers = new Array();
      document.getElementById("consmap-result").innerHTML = "Chargement de la carte";
   
      /* création de la carte centrée sur BOURGES/FRANCE */
      map = new GMap2(document.getElementById("consmap-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 = "consajax_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 numCons = markers[i].getAttribute("id");
			 var isTriumph = markers[i].getAttribute("istriumph");
			 var titre = markers[i].getAttribute("titre");
			 var address = markers[i].getAttribute("address");  
			 var zip = markers[i].getAttribute("zip"); 
			 var ville = markers[i].getAttribute("ville"); 
			 var tel = markers[i].getAttribute("tel");
			 var fax = markers[i].getAttribute("fax");
			 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, numCons, isTriumph, titre, address, zip, ville, tel, fax, lat, lng);    
			 map.addOverlay(z_marker);  
			 
			 tab_markers.push(z_marker);
			 document.getElementById("consmap-result").innerHTML = "Concessionnaires 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);

}