// JavaScript Document

           xImage = new Image(); 
		   xPreload = new Image(); 
           xImage.src = "img/back_legend.gif";
		   xPreload.src = "img/preloader.gif";

           var iconGray = new GIcon(); 
		   iconGray.image = 'ico/mm_20_gray.png'; 
		   iconGray.shadow = 'ico/mm_20_shadow.png'; 
		   iconGray.iconSize = new GSize(12, 20); 
		   iconGray.shadowSize = new GSize(22, 20); 
		   iconGray.iconAnchor = new GPoint(6, 20); 
		   iconGray.infoWindowAnchor = new GPoint(5, 1); 
		   
           var iconWhite = new GIcon(); 
		   iconWhite.image = 'ico/mm_20_white.png'; 
		   iconWhite.shadow = 'ico/mm_20_shadow.png'; 
		   iconWhite.iconSize = new GSize(12, 20); 
		   iconWhite.shadowSize = new GSize(22, 20); 
		   iconWhite.iconAnchor = new GPoint(6, 20); 
		   iconWhite.infoWindowAnchor = new GPoint(5, 1); 
		   
           var iconBlue = new GIcon(); 
		   iconBlue.image = 'ico/mm_20_blue.png'; 
		   iconBlue.shadow = 'ico/mm_20_shadow.png'; 
		   iconBlue.iconSize = new GSize(12, 20); 
		   iconBlue.shadowSize = new GSize(22, 20); 
		   iconBlue.iconAnchor = new GPoint(6, 20); 
		   iconBlue.infoWindowAnchor = new GPoint(5, 1); 
		   
		   var iconBleuClair = new GIcon(); 
		   iconBleuClair.image = 'ico/mm_20_bleuclair.png'; 
		   iconBleuClair.shadow = 'ico/mm_20_shadow.png'; 
		   iconBleuClair.iconSize = new GSize(12, 20); 
		   iconBleuClair.shadowSize = new GSize(22, 20); 
		   iconBleuClair.iconAnchor = new GPoint(6, 20); 
		   iconBleuClair.infoWindowAnchor = new GPoint(5, 1); 
		   
		   var iconBrown = new GIcon(); 
		   iconBrown.image = 'ico/mm_20_brown.png'; 
		   iconBrown.shadow = 'ico/mm_20_shadow.png'; 
		   iconBrown.iconSize = new GSize(12, 20); 
		   iconBrown.shadowSize = new GSize(22, 20); 
		   iconBrown.iconAnchor = new GPoint(6, 20); 
		   iconBrown.infoWindowAnchor = new GPoint(5, 1);
		   
		   var iconMaronFonce = new GIcon(); 
		   iconMaronFonce.image = 'ico/mm_20_maronfonce.png'; 
		   iconMaronFonce.shadow = 'ico/mm_20_shadow.png'; 
		   iconMaronFonce.iconSize = new GSize(12, 20); 
		   iconMaronFonce.shadowSize = new GSize(22, 20); 
		   iconMaronFonce.iconAnchor = new GPoint(6, 20); 
		   iconMaronFonce.infoWindowAnchor = new GPoint(5, 1);
		   
		   var iconGreen = new GIcon(); 
		   iconGreen.image = 'ico/mm_20_green.png'; 
		   iconGreen.shadow = 'ico/mm_20_shadow.png'; 
		   iconGreen.iconSize = new GSize(12, 20); 
		   iconGreen.shadowSize = new GSize(22, 20); 
		   iconGreen.iconAnchor = new GPoint(6, 20); 
		   iconGreen.infoWindowAnchor = new GPoint(5, 1); 
		   
		   var iconVertClair = new GIcon(); 
		   iconVertClair.image = 'ico/mm_20_vertclair.png'; 
		   iconVertClair.shadow = 'ico/mm_20_shadow.png'; 
		   iconVertClair.iconSize = new GSize(12, 20); 
		   iconVertClair.shadowSize = new GSize(22, 20); 
		   iconVertClair.iconAnchor = new GPoint(6, 20); 
		   iconVertClair.infoWindowAnchor = new GPoint(5, 1); 
		   
		   var iconPurple = new GIcon(); 
		   iconPurple.image = 'ico/mm_20_purple.png'; 
		   iconPurple.shadow = 'ico/mm_20_shadow.png'; 
		   iconPurple.iconSize = new GSize(12, 20); 
		   iconPurple.shadowSize = new GSize(22, 20); 
		   iconPurple.iconAnchor = new GPoint(6, 20); 
		   iconPurple.infoWindowAnchor = new GPoint(5, 1); 
		   
		   var iconRed = new GIcon(); 
		   iconRed.image = 'ico/mm_20_red.png'; 
		   iconRed.shadow = 'ico/mm_20_shadow.png'; 
		   iconRed.iconSize = new GSize(12, 20); 
		   iconRed.shadowSize = new GSize(22, 20); 
		   iconRed.iconAnchor = new GPoint(6, 20); 
		   iconRed.infoWindowAnchor = new GPoint(5, 1); 
		   
		   var iconOrange = new GIcon(); 
		   iconOrange.image = 'ico/mm_20_orange.png'; 
		   iconOrange.shadow = 'ico/mm_20_shadow.png'; 
		   iconOrange.iconSize = new GSize(12, 20); 
		   iconOrange.shadowSize = new GSize(22, 20); 
		   iconOrange.iconAnchor = new GPoint(6, 20); 
		   iconOrange.infoWindowAnchor = new GPoint(5, 1); 
		   
		   var iconYellow = new GIcon(); 
		   iconYellow.image = 'ico/mm_20_yellow.png'; 
		   iconYellow.shadow = 'ico/mm_20_shadow.png'; 
		   iconYellow.iconSize = new GSize(12, 20); 
		   iconYellow.shadowSize = new GSize(22, 20); 
		   iconYellow.iconAnchor = new GPoint(6, 20); 
		   iconYellow.infoWindowAnchor = new GPoint(5, 1); 
		   
		   var iconFede = new GIcon(); 
		   iconFede.image = 'ico/fede.png'; 
		   iconFede.shadow = 'ico/fede_shadow.png'; 
		   iconFede.iconSize = new GSize(32, 32); 
		   iconFede.shadowSize = new GSize(56, 32); 
		   iconFede.iconAnchor = new GPoint(16, 32); 
		   iconFede.infoWindowAnchor = new GPoint(16, 0); 
		   
		   var iconN1bus = new GIcon(); 
		   iconN1bus.image = 'ico/n1bus_home.png'; 
		   iconN1bus.shadow = 'ico/n1bus_home_shadow.png'; 
		   iconN1bus.iconSize = new GSize(32, 32); 
		   iconN1bus.shadowSize = new GSize(50, 32); 
		   iconN1bus.iconAnchor = new GPoint(16, 32); 
		   iconN1bus.infoWindowAnchor = new GPoint(5, 1);
		   
		   
		   	
	function getCuIcon(fede, type){
		
		var customIcon ; 
		
		if(type == 'FEDE'){			
		customIcon = iconFede;
		}
		else if(type == 'N1BUS'){			
		customIcon = iconN1bus;
		}
	   else if (type == 'CLUB'){
		      
			  switch(fede){
				  
				   case "FFFCDA" : customIcon = iconWhite;
				  break;
				  
				  case "FFSCDA-KICK" : customIcon = iconRed;
				  break;
				  
				  case "FFSCDA-K1" : customIcon = iconBlue;
				  break;
				  
				  case "FFSCDA-THAI" : customIcon = iconBrown;
				  break;
				  
				  case "FFSCDA-KFCES" : customIcon = iconGreen;
				  break;
				  
				  case "FFSCDA-PANCRASE" : customIcon = iconOrange;
				  break;
				  
				  case "FFSCDA-FULL" : customIcon = iconPurple;
				  break;
				  
				  case "FFSCDA-BOXAM" : customIcon = iconVertClair;
				  break;
				  
				  case "FFSCDA-CFIGHT" : customIcon = iconMaronFonce;
				  break;
				  
				  case "FFSCDA-LUTTE" : customIcon = iconBleuClair;
				  break;
			  }
	   }
	  return customIcon;
	   }
	   
	function getCuLogo(fede){
		
		var customLogo ; 

			  switch(fede){
				  
				  case "FFFCDA" : customLogo = 'logo/fffcda.gif';
				  break;
				  
				  case "FFSCDA-KICK" : customLogo = 'logo/ffscda.gif';
				  break;
				  
				  case "FFSCDA-K1" : customLogo = 'logo/ffscda.gif';
				  break;
				  
				  case "FFSCDA-THAI" : customLogo = 'logo/ffscda.gif';
				  break;
				  
				  case "FFSCDA-KFCES" : customLogo = 'logo/ffscda.gif';
				  break;
				  
				  case "FFSCDA-PANCRASE" : customLogo = 'logo/ffscda.gif';
				  break;
				  
				  case "FFSCDA-FULL" : customLogo = 'logo/ffscda.gif';
				  break;
				  
				  case "FFSCDA-BOXAM" : customLogo = 'logo/ffscda.gif';
				  break;
				  
				  case "FFSCDA-CFIGHT" : customLogo = 'logo/ffscda.gif';
				  break;
				  
				  case "FFSCDA-LUTTE" : customLogo = 'logo/ffscda.gif';
				  break;
				  
				  case "N1BUS" : customLogo = 'logo/n1bus.gif';
				  break;
			  }

	  return customLogo;
	   }
		   
	  function createMarker(point, name, address, type, fede, 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 xmarker = new GMarker(point, getCuIcon(fede, type)); 
		   var logo = getCuLogo(fede);
		   
		   if(fede != "N1BUS"){
		   var bugurl = "spot-a-localiser/" + encodeURIComponent(name) + "/" + encodeURIComponent(address);
		   var html = "<div  style='background: url(" + logo + ") no-repeat right bottom; min-height: 160px;'>"
		            + "<div id='bull'>"
		            + "<strong>" 
		            + name 
					+ "</strong> <br /><span class='bull-address'>" 
					+ address 
					+ "</span><br /><br />"
					+ "<span class='bull-bug'>"
					+ "<img src='ico/info.gif' width='16' height='16' style='vertical-align: middle' alt='Si vous êtes administrateur de ce club dans Monclubdesport, vous pouvez signaler une nouvelle position géographique si celui-ci est mal localisé'> <strong>Administrateur du club : </strong>"
					+ '<a href="'
					+ bugurl
					+ '" target="_top" title="Signaler la position géographique de ce club" style="color:#0000cc">'
					+ "Modifier la position géographique</a></span>"
					+ "</div><div style='clear: both;'></div>"
					+ zoomdiv 
					+ latlngdiv
					+ "</div>";
		   }
		   else{
			   var html = "<div  style='background: url(" + logo + ") no-repeat right bottom; min-height: 160px;'>"
		            + "<div id='bull'>"
		            + "<strong>"
		            + name 
					+ "</strong> <br /><span class='bull-address'>" 
					+ address 
					+ "</span><br /><br />"
					+ "<span class='bull-bug'>"
					+ "<img src='ico/info.gif' width='16' height='16' style='vertical-align: middle' alt='Si vous êtes administrateur de ce club dans Monclubdesport, vous pouvez signaler une nouvelle position géographique si celui-ci est mal localisé'> <strong>Site Web principal : </strong>"
					+ '<a href="http://www.n1bus.fr"'
					+ 'target="_blank" title="N1bus-Experiences : Réalisation de sites Internet dynamiques et applications Web, dépannage informatique, installation réseaux, vente noms de domaines, hébergement Web, vente de matériel informatique, développement de logiciels">'
					+ "http://www.n1bus.fr</a></span>"
					+ "</div>"
					+ zoomdiv 
					+ latlngdiv 
					+ "</div>";
		   }
		   
		   GEvent.addListener(xmarker, 'click', function() { xmarker.openInfoWindowHtml(html);}); 

		   return xmarker; 
		   } 
		   
	function getIco(fede){
		var theIcon ;
		
		 switch(fede){
				  
				  case "FFFCDA" : theIcon = iconWhite;
				  break;
				  
				  case "FFSCDA-KICK" : theIcon = iconRed;
				  break;
				  
				  case "FFSCDA-K1" : theIcon = iconBlue;
				  break;
				  
				  case "FFSCDA-THAI" : theIcon = iconBrown;
				  break;
				  
				  case "FFSCDA-KFCES" : theIcon = iconGreen;
				  break;
				  
				  case "FFSCDA-PANCRASE" : theIcon = iconOrange;
				  break;
				  
				  case "FFSCDA-FULL" : theIcon = iconPurple;
				  break;
				  
				  case "FFSCDA-BOXAM" : theIcon = iconVertClair;
				  break;
				  
				  case "FFSCDA-CFIGHT" : theIcon = iconMaronFonce;
				  break;
				  
				  case "FFSCDA-LUTTE" : theIcon = iconBleuClair;
				  break;
				  
			  }
			  return theIcon.image;
	}


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();

	 if(x_fede != ''){
	   xml_url = "ajax_search.php?list_dept=" + listDept + "&fede=" + x_fede;}
	 else{
	   xml_url = "ajax_search.php?list_dept=" + listDept ;}	
	 
	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 fede = markers[i].getAttribute('fede');
			 var type = markers[i].getAttribute('type'); 
			 
			 if(type != 'FEDE' && type != 'N1BUS'){
			    var name = fede + ' : ' + markers[i].getAttribute("name");  }
			 else{
			    var name = markers[i].getAttribute("name");
			 }
			 
			 var address = markers[i].getAttribute("address");   
			 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, type, fede, lat, lng);    
			 map.addOverlay(z_marker);  
			 
			 tab_markers.push(z_marker);	 
			
		  }
		  
		  document.getElementById("map-result").innerHTML = "Spots géolocalisés : " + num;
		  
		  if(markers.length != 0){
			  if(fede != 'N1BUS'){
				  document.getElementById("ico-club").src = getIco(fede);
			  }
		  }
		  
		  map.removeControl(loader);
		  num = 0;	
		  
	   });
	
	} 	    
}