//<![CDATA[
var map;
var centerLatitude = 48.79736585222528;
var centerLongitude = -3.525238037109375;   
var startZoom = 12;
var tableauInfosOnglets = [];
var tableauPoints =[];
//var rentonic = new GLatLng(48.7995449, -3.5304534);


//---------------------------------------------------------------------------------------- C R E A T I O N   D E S    P O I N T S

function load() {
	if (GBrowserIsCompatible()) {
		//Controle du map
		map = new GMap2(document.getElementById("media"));
		map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
		map.removeMapType(G_HYBRID_MAP);
		map.removeMapType(G_SATELLITE_MAP);
		map.removeMapType(G_NORMAL_MAP);
		map.removeMapType(G_PHYSICAL_MAP);
		map.setMapType(G_HYBRID_MAP);
		//map.enableScrollWheelZoom();
		//map.addOverlay(new GMarker(point));
		 
// Affichage des marker rentonic
var posBiFamille = new GLatLng(48.804941, -3.523864);
var posRentonic = new GLatLng(48.7995449, -3.5304534);
	var markerBiFamille = new GMarker(posBiFamille, bifamille);
	var markerTonic = new GMarker(posRentonic, rentonic)
		map.addOverlay(markerBiFamille);
		map.addOverlay(markerTonic);
		
		var ongletTonic ="<div style=\"width:260px;height:100px;\"><b>Villa Tonic</b><br/><a href=\"http://rent-tonic.com/index.php?_id_o=00020&_id_m=01\" style=\"color:#1F91D1\">[En savoir +]</a><br/><img src=\"http://rent-tonic.com/img/carto/tonic.jpg\"/></div>";
		var ongletBiFamille ="<div style=\"width:260px;height:100px;\"><b>Villa Bifamille</b><br/><a href=\"http://rent-tonic.com/index.php?_id_o=00030&_id_m=01\" style=\"color:#1F91D1\">[En savoir +]</a><br/><img src=\"http://rent-tonic.com/img/carto/bif.jpg\"/></div>";
		
		
		GEvent.addListener(markerTonic, "click", function() {
				markerTonic.openInfoWindowTabsHtml(ongletTonic);
			});
		
		GEvent.addListener(markerBiFamille, "click", function() {
				markerBiFamille.openInfoWindowTabsHtml(ongletBiFamille);
			});

		
		
		GDownloadUrl("front/modules/carto_rentonic/display_marker_map.php", function(data) {
			var xml = GXml.parse(data);
			var markers = xml.documentElement.getElementsByTagName("marker");
			for (var i = 0; i < markers.length; i++) {
				var id = markers[i].getAttribute("id_marker");
				var nom = markers[i].getAttribute("name");
				var type = markers[i].getAttribute("id_type_marker");
				var lat = parseFloat(markers[i].getAttribute("lat"));
				var lng = parseFloat(markers[i].getAttribute("lng"));
				var onglet1 = markers[i].getAttribute("url");
				var onglet2 = markers[i].getAttribute("url");
				var onglet3 = markers[i].getAttribute("url");
				var img = markers[i].getAttribute("img");
				var point = new GLatLng(lat, lng);
				var marker = createMarker(point, type, nom, onglet1, onglet2, onglet3, id, img);
				map.addOverlay(marker);
				//window.alert(id+"="+nom+"="+type+"="+lat);
				}					
		});
	}   // if navigateur compatible
}  // Fin Unload 1F91D1

function createMarker(point, type, nom, onglet1, onglet2, onglet3, id, img) {
	var marker = new GMarker(point,{icon:Icone[type], title:nom});
	//var infosOnglets = [new GInfoWindowTab("Présentation", onglet1), new GInfoWindowTab("Capacité", onglet2), new GInfoWindowTab("Rich Media", onglet3)];
	
	
	onglet1="<b>"+nom+"</b><a href=\""+onglet1+"\" target=\"_blank\" style=\"color:#1F91D1\"><br/>[Accéder au site internet]</a><br/><img src=\"http://www.rentonic.fr/img/carto/"+img+"\" width=\"250\" height=\"70\"/>";
			
	
	var infosOnglets = [new GInfoWindowTab("Présentation", onglet1)];
	
	// On place les infosOnglets et Points dans leurs tableaux respectifs afin de pouvoir les retrouver lors du click sur le lien externe à la carte
	tableauInfosOnglets[id] = infosOnglets;
	tableauPoints[id] = point;
	
	// Premier auditeur d'événement : qd clique ouvre la fenetre avec onglets
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowTabsHtml(infosOnglets);
	});

	// deuxieme auditeur d'événement : qd clik sur fermer retour sur le centre de la carte
	GEvent.addListener(marker, "infowindowclose", function() {
	map.panTo(new GLatLng(centerLatitude,centerLongitude), startZoom);
	});

	return marker;
}

function click_menu(id) {
	// sur la carte nommée "map" on ouvre une info-bulle à onglet dont le contenu est en HTMl //
	// cette info-bulle est ancrée sur le point tableauPoints[id] //
	// le contenu des onglets est tableauInfosOnglets[id] //
	map.openInfoWindowTabsHtml(tableauPoints[id],tableauInfosOnglets[id]);
}