var centerLatitude = 49.24944093715546;
var centerLongitude = -0.58449705354869366;
var startZoom = 8;
var map;

function load() {
		if (GBrowserIsCompatible()) {
			geocoder = new GClientGeocoder();
			searchLocationsNear(false, '');
			map = new GMap2(document.getElementById('map'));
	        map.addControl(new GLargeMapControl3D());
	        map.addControl(new GMapTypeControl());
	        map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
			//Ajout de l'overlay de filtrage
			function LogoControl() {}
			LogoControl.prototype = new GControl();
				LogoControl.prototype.initialize = function(map) {         											   
				var container = document.createElement("div");
				divBloc = container;
				container.appendChild(document.getElementById("blkRight"));
				map.getContainer().appendChild(container);
			return container;
			}		
			LogoControl.prototype.getDefaultPosition = function() {
						return new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(0, 0));
			}			
			map.addControl(new LogoControl());
      }
    }

   function searchLocations() {
     var address = document.getElementById('EndroitSearch').value;
     searchLocationsNear(address);
   }

   function searchLocationsNear(address, searchUrl) {
     var cat = [];
     $$('input.categorie_box').each(function(s){
    	 if (s.checked==true) {
    		 cat.push(s.value);
    	 }   	 
     })
		var searchUrl = 'http://www.plusduntourdanslamanche.com/endroits/getXmlLieu/';
     GDownloadUrl(searchUrl, function(data) {
	   var xml = GXml.parse(data);
	   var markers = xml.documentElement.getElementsByTagName('marker');
	   map.clearOverlays();
	   if ( markers.length == 0 ) {
	     alert('Pas de résultats trouvés pour votre recherche : ' + document.getElementById('EndroitSearch').value);
	     map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
	     return;
	   }
	   var bounds = new GLatLngBounds();
	   for (var i = 0; i < markers.length; i++) {
	     var nom = markers[i].getAttribute('nom');
			 var adresse = markers[i].getAttribute('adresse');
			 var distance = parseFloat(markers[i].getAttribute('distance')); 
			 var url = markers[i].getAttribute('lien');
			 var image = markers[i].getAttribute('image');
			 var description = markers[i].getAttribute('description');
			 var vote = markers[i].getAttribute('vote');
			 var categorie_id = markers[i].getAttribute('categorie_id');
			 var point = new GLatLng(parseFloat(markers[i].getAttribute('lat')),parseFloat(markers[i].getAttribute('lng')));	     
	     var marker = createMarker(point, nom, adresse, url, image, description, vote, categorie_id);
	     bounds.extend(point);
	   }
	   map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
	 });
   }
    function createMarker(point, nom, adresse, url, image, description, vote, categorie_id) {
		var gicons = [];
		gicons["1"] = new GIcon(G_DEFAULT_ICON, "http://www.plusduntourdanslamanche.com/img/punaise_histoire.png");
		gicons["2"] = new GIcon(G_DEFAULT_ICON, "http://www.plusduntourdanslamanche.com/img/punaise_nature.png");
		gicons["3"] = new GIcon(G_DEFAULT_ICON, "http://www.plusduntourdanslamanche.com/img/punaise_adresses.png");
		gicons["4"] = new GIcon(G_DEFAULT_ICON, "http://www.plusduntourdanslamanche.com/img/punaise_musee.png");
		gicons["5"] = new GIcon(G_DEFAULT_ICON, "http://www.plusduntourdanslamanche.com/img/punaise_activites.png");
		gicons["1"].shadow  = "";
		gicons["2"].shadow  = "";
		gicons["3"].shadow  = "";
		gicons["4"].shadow  = "";
		gicons["5"].shadow  = "";
		
		gicons.each(function() {
			this.iconSize = new GSize(26, 35);
			this.infoWindowAnchor = new GPoint(20, 35);
			this.iconAnchor = new GPoint(20, 35);
		})

    var marker = new GMarker(point, gicons[categorie_id]);
    var html = '<div align="left" style="width:330px; height:140px; overflow:hidden;"><span style="font-size:14px">' + nom +
		'</span> <br/>' + adresse +
		'<div class="image" style="float:left; margin:5px 10px 0 0">'+ image +'</div>' +
		'<div class="heart" style="line-height:1.1; padding:5px; font-weight:normal;"><strong>&nbsp;</strong> ('+ vote +' votes)'+ '<br/><br/>' + description.substring(0,50) + ' ...' + '<br/><br/>'+
		'<a class="buttonDetail" href="'+ url +'"><span>Details</span></a></div>'+
		'</div>';
		var htmlIE = 'Nom : ' + nom + ' (' + vote + ' votes)\n' +
			'Adresse : ' + adresse + '\n' +
			'Description : ' + description.substring(0,60) + ' ...\n' +
			'URL : http://www.plusduntourdanslamanche.com' + url;

		GEvent.addListener(marker, 'click', function() {
			//alert("map_accueil_function");
			//alert(htmlIE);
		  document.getElementById("EndroitDetailContent").innerHTML = html;
		  document.getElementById("EndroitDetail").style.display = 'block';
		  //marker.openInfoWindowHtml(html);
		  //window.location.href = this.location.href+'#map';
		});

		map.addOverlay(marker);
		
		function LogoControl() {}
		LogoControl.prototype = new GControl();
			LogoControl.prototype.initialize = function(map) {         											   
			var container = document.createElement("div");
			divBloc = container;
			container.appendChild(document.getElementById("blkRight"));
			map.getContainer().appendChild(container);
		return container;
		}		
		
		LogoControl.prototype.getDefaultPosition = function() {
					return new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(0, 0));
		}
		
		
		map.addControl(new LogoControl());
	  return marker;
}

window.onload = load;
window.onunload="GUnload()"