if(window.addEventListener){
	window.addEventListener( "load", myOnload, false );
} else {
	window.attachEvent( "onload", myOnload );
}

if(window.addEventListener){
	window.addEventListener( "unload", GUnload, false );
} else {
	window.attachEvent( "onunload", GUnload );
}

//	declare global variables
var map;
var cluster;
var geocoder;

//	create a default icon to be used as a standard (not clustered) marker
//	this new default icon will be the same size as the dynamically created cluster marker icon
//	it will have no label and will be plain red

var iconOptions = {
	width:15,
	height:15,
	primaryColor:"#01198a",
	shape:"circle"
};
var defaultIcon=MapIconMaker.createFlatIcon(iconOptions);

function myOnload() {
	if (GBrowserIsCompatible()) {
		
		map=new GMap2(document.getElementById('map_canvas'));
		map.setCenter(new GLatLng(0, 0), 0, G_NORMAL_MAP);
		
		//map.addControl(new GMapTypeControl(), new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(7, 7)));
		//map.addControl(new GLargeMapControl(), new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(7, 28)));
		
		map.addControl(new GSmallZoomControl3D());
		
		var marker, markersArray=[];
		
		//	json data already loaded from marker_data_01.php
		
		for (var i=0; i<json.length; i++) {
			marker=newMarker(new GLatLng(json[i].lat, json[i].lng), json[i].id, json[i].idFiche, json[i].name);
			markersArray.push(marker);
		}
		
		cluster=new ClusterMarker(map, { markers:markersArray } );
		//cluster.fitMapToMarkers();
		
		map.setCenter(new GLatLng(46.75984,1.738281), 5);		
		geocoder = new GClientGeocoder();
		GEvent.addListener(map, "moveend", function() {
		      	var center = map.getCenter();
				var bounds = map.getBounds();
			    var southWest = bounds.getSouthWest();
			    var northEast = bounds.getNorthEast();
			
				//recupération de l'état de la carte
				var center = map.getCenter().lat()+","+map.getCenter().lng(); 
				var zoom = map.getZoom();
				
				ajaxed_position(center, zoom, "none", southWest, northEast);
				
		    });
		
		map.savePosition();	//	enables the large map control centre button to return the map to initial view
		
		var center = map.getCenter().lat()+','+map.getCenter().lng();
		var zoom = map.getZoom();
		
		var bounds = map.getBounds();
	    var southWest = bounds.getSouthWest();
	    var northEast = bounds.getNorthEast();
		
		ajaxed_position(center, zoom, 'none', southWest, northEast);

	}
}

function newMarker(markerLocation, markerId, idFiche, name) {
	var marker=new GMarker(markerLocation, {title:'Marker['+markerId+']', icon:defaultIcon});
	GEvent.addListener(marker, 'click', function() {
		marker.openExtInfoWindow(
		              map,
		              "simple_example_window",
		              "<p><a href=/boutique/"+idFiche+">"+name+"</a></p>",
		              {beakOffset: 5}
		            ); 
		
	});
	return marker;
}

function toggleClustering() {
	cluster.clusteringEnabled=!cluster.clusteringEnabled;
	cluster.refresh(true);	//	true required to force a full update of the markers - otherwise the update would occur next time that the map is zoomed or the active markers change
}

function showAddress(address) {


	if (geocoder) {
		
			geocoder.getLatLng(address+', France',function(point) {
        
			if (!point) {
	
        		alert(address + " not found");

        	} else {
	
				marker = new GMarker(point, 13);
			
				map.setCenter(point,13);
				
				//recupération de l'état de la carte
				var center = map.getCenter().lat()+","+map.getCenter().lng(); 
				var zoom = map.getZoom();
				
				var bounds = map.getBounds();
			    var southWest = bounds.getSouthWest();
			    var northEast = bounds.getNorthEast();
				
				ajaxed_position(center, zoom, address, southWest, northEast);
				
			}
      }
    );
  }
}



function geocode(addr) {
  geocoder.geocode({'address': addr+', France'}, geocodeResult);

  function geocodeResult(response, status) {
    if (status == google.maps.GeocoderStatus.OK && response[0]) {
      geocoder.responseSet.push(response); // we save them all
      makeBox(0, geocoder.responseIndex);
      geocoder.responseIndex++;



    } else {
      alert("Sorry, " + status);
    }
  }
}

function myzoom(a) {
      map.setZoom(map.getZoom() + a);
		//recupération de l'état de la carte
		var center = map.getCenter().lat()+","+map.getCenter().lng(); 
		var zoom = map.getZoom();
		
		var bounds = map.getBounds();
	    var southWest = bounds.getSouthWest();
	    var northEast = bounds.getNorthEast();
		
		ajaxed_position(center, zoom, "none", southWest, northEast);
}


function FocusText(BoxName)
			{
				if (BoxName.value == BoxName.defaultValue)
				{
					BoxName.value = '';
				}
			}
			
function BlurText(BoxName)
{
				if (BoxName.value == '')
				{
					BoxName.value = BoxName.defaultValue;
				}
}

function ajaxed_position(center, zoom, localisationvalue, southWest, northEast) {
				
				var xhr_object = null;
				
				//vérification de la présence des variables obligatoires

				if(window.XMLHttpRequest) // Firefox
				xhr_object = new XMLHttpRequest();
				else if(window.ActiveXObject) // Internet Explorer
				xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
				else { // XMLHttpRequest non supporté par le navigateur
					alert("Pour utiliser ces fonctionnalités, votre navigateur doit etre mis a jour");
					return;
				}


				xhr_object.open("GET", "/includes/php/ajaxed_position.php?center="+center+"&zoom="+zoom+"&localisationvalue="+localisationvalue+"&southWest="+southWest+"&northEast="+northEast  , false);
				xhr_object.send(null);
				if(xhr_object.readyState == 4) {
					
					var xhr_object_page = null;

					//vérification de la présence des variables obligatoires

					if(window.XMLHttpRequest) // Firefox
					xhr_object_page = new XMLHttpRequest();
					else if(window.ActiveXObject) // Internet Explorer
					xhr_object_page = new ActiveXObject("Microsoft.XMLHTTP");
					else { // XMLHttpRequest non supporté par le navigateur
						alert("Pour utiliser ces fonctionnalités, votre navigateur doit etre mis a jour");
						return;
					}
					
					xhr_object.open("GET", "../../pages/categorie.php?call_refresh_home=true", false);					
					xhr_object.send(null);
					if(xhr_object.readyState == 4) {
						
						document.getElementById('cats').innerHTML = xhr_object.responseText;						
					}

				}

}

function resize_map(id, size) {
	document.getElementById(id).style.width = size;
	myOnload();
	
}