var map = null;
var listMarkers = Array();
var htmlMarkers = Array();
var timer = Array();

function maps_initialize() {     
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));     
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(46.75492, 1.71387), 6);
        map.addMapType(G_PHYSICAL_MAP);
		map.setMapType(G_PHYSICAL_MAP);
	} else {
		alert("Désolé, votre navigateur ne permet pas d'afficher la carte. Veuillez le mettre à jour.");
	}	 
}

function maps_resetMarkers() {
	map.clearOverlays();
}

function maps_showPoints(idAct, dateDebut, dateFin, lblAct, isChecked) {
	maps_resetMarkers();
	
	// Création de l'objet XMLHttpRequest
	var xhr=null;
	if(window.XMLHttpRequest) // Firefox et autres
		xhr = new XMLHttpRequest();
	else if(window.ActiveXObject){ // Internet Explorer
		try {
			xhr = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e1) {
				xhr = null;
			}
		}
	}
	else { // XMLHttpRequest non supporté par le navigateur
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
	}
	
	//on définit l'appel de la fonction au retour serveur
	xhr.onreadystatechange = function() {
        if(xhr.readyState == 4 && xhr.status == 200) {
			var docXML = xhr.responseXML.documentElement;

            // On met en surbrillant le menu cliqué
            if (idAct != 0) {
            	if (document.getElementById('menu_act_' + idAct).className == "menu " + lblAct + "_checked")
                	document.getElementById('menu_act_' + idAct).className = "menu " + lblAct;
                else
                	document.getElementById('menu_act_' + idAct).className = "menu " + lblAct + "_checked";
                	
            }
			// On traite le XML reçu
			var items = docXML.getElementsByTagName("rdv");

			// On écrit le titre de la catégorie dans la colonne de droite
			//document.getElementById('activites_listeEntites_titre').innerHTML = docXML.getElementsByTagName("activiteNom")[0].firstChild.nodeValue;

			for (i=0; i<items.length; i++) {
				// On recupere les infos du XML
				var id = docXML.getElementsByTagName("id")[i].firstChild.nodeValue;
                var picto = docXML.getElementsByTagName("picto")[i].firstChild.nodeValue;
				var descrpicto = docXML.getElementsByTagName("descrpicto")[i].hasChildNodes() ? docXML.getElementsByTagName("descrpicto")[i].firstChild.nodeValue : "";
                var titre = docXML.getElementsByTagName("titre")[i].hasChildNodes() ? docXML.getElementsByTagName("titre")[i].firstChild.nodeValue : "";
                var date = docXML.getElementsByTagName("date")[i].hasChildNodes() ? docXML.getElementsByTagName("date")[i].firstChild.nodeValue : "";
                var description = docXML.getElementsByTagName("description")[i].hasChildNodes() ? docXML.getElementsByTagName("description")[i].firstChild.nodeValue : "";
                var adresse = docXML.getElementsByTagName("adresse")[i].hasChildNodes() ? docXML.getElementsByTagName("adresse")[i].firstChild.nodeValue : "";
                var cp = docXML.getElementsByTagName("cp")[i].hasChildNodes() ? docXML.getElementsByTagName("cp")[i].firstChild.nodeValue : "";
                var ville = docXML.getElementsByTagName("ville")[i].hasChildNodes() ? docXML.getElementsByTagName("ville")[i].firstChild.nodeValue : "";
				var latitude = docXML.getElementsByTagName("latitude")[i].firstChild.nodeValue;
				var longitude = docXML.getElementsByTagName("longitude")[i].firstChild.nodeValue;
                var url = docXML.getElementsByTagName("url")[i].firstChild.nodeValue;
				
				// On affiche les points des rendez-vous sur la carte
				var point = new GLatLng(latitude, longitude);
				 
                var htmlMarker = '<div class="maps_item">' +	
							'<div  class="maps_item_titre">' + titre + '</div>' +
							'<span class="maps_item_description">' + date + '<br />&agrave; ' + ville + ' (' + cp + ')</span>' + 
                            '<div>' + descrpicto + '</div>' +
                            '<div class="maps_item_ensavoirplus"><a href="' + url + '" class="maps_item_ensavoirplus">&raquo; En savoir plus</a></div>' +
						'</div>';

                var icon_picto = new GIcon();
                icon_picto.image = "art_categorie/" + picto;
                icon_picto.iconSize = new GSize(24, 24);
                icon_picto.iconAnchor = new GPoint(0, 5);
                icon_picto.infoWindowAnchor = new GPoint(5, 1);
                                
				var marker = createMarker(id, point, htmlMarker, {icon: icon_picto, title: titre});
				
				map.addOverlay(marker);
			}
		}
	}
	
	// On appel le fichier
	xhr.open("GET",'map_ajax_liste_rencontre.php?idact=' + idAct + '&date_debut=' + dateDebut + '&date_fin=' + dateFin, true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    xhr.send(null);	
}

function createMarker(idMarker, point, html, option) {
    var marker = new GMarker(point, option);
	
	GEvent.addListener(marker, "click", function() {
		//marker.setImage("images/rouge.png"); 
		//show_detailsEntite(idMarker);
        marker.openInfoWindowHtml(html);
	});/*
	
	GEvent.addListener(marker, 'mouseover', function() { 
		map.closeInfoWindow();
		//marker.setImage("images/rouge.png"); 
		marker.openInfoWindowHtml(html);
		//GLog.write("mouseOver");
	});
	
	GEvent.addListener(marker, 'mouseout', function() { 
		//marker.setImage("images/vert.png");
		timer[idMarker] = setTimeout(function() {
			marker.closeInfoWindow();
			clearTimeout(timer[idMarker]);
		},200);
		//GLog.write("mouseOut");
	});
*/
	return marker;
}

function MapInit(latitude, longitude) {     
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map_manif"));     
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(latitude, longitude), 13);
		/*
		map.addMapType(G_PHYSICAL_MAP);
		map.setMapType(G_PHYSICAL_MAP);
		*/
	} else {
		alert("Désolé, votre navigateur ne permet pas d'afficher la carte. Veuillez le mettre à jour.");
	}	 
}

function MapAffichePoint (id, latitude, longitude, titre, texte) {
	if (map == null)
		MapInit(latitude, longitude);
	var point = new GLatLng(latitude, longitude);
	 
	var htmlMarker = '<div class="maps_item">' +	
				'<div class="maps_item_titre">' + titre + '</div>' +
				'<div class="maps_item_description">' + texte + '</div>' +
			'</div>';
	
	var marker = createMarker(id, point, htmlMarker, {title: titre});
	
	map.addOverlay(marker);
}

function list_mouseOver(idPoint) {
	timer[idPoint] = setTimeout(function() {
		map.closeInfoWindow();
//		listMarkers["entite_" + idPoint].setImage("images/rouge.png"); 
		listMarkers["rdv_" + idPoint].openInfoWindowHtml(htmlMarkers["rdv_" + idPoint]);
		map.panTo(listMarkers["rdv_" + idPoint].getLatLng()); 
	},500);
}

function list_mouseOut(idPoint) {
	clearTimeout(timer[idPoint]);
	listMarkers["rdv_" + idPoint].closeInfoWindow();
//	listMarkers["rdv_" + idPoint].setImage("images/vert.png"); 
}

function list_mouseClick(idPoint) {
//	listMarkers["entite_" + idPoint].setImage("images/rouge.png"); 
	show_detailsRdv(idPoint);
}