function ajout_marker_kanai(type){
	if(type=='grand'){
		var baseIconk = new GIcon();
		baseIconk.iconSize=new GSize(132,81);
		baseIconk.shadowSize=new GSize(0,0);
		baseIconk.iconAnchor=new GPoint(0,81);
		baseIconk.infoWindowAnchor=new GPoint(125,10);
		var iconk = new GIcon(baseIconk, "imgs/ico_googlemap/ico_gm_kanai.png", null, null);
	}
	if(type=='moyen'){
		var baseIconk = new GIcon();
		baseIconk.iconSize=new GSize(61,80);
		baseIconk.shadowSize=new GSize(0,0);
		baseIconk.iconAnchor=new GPoint(61,80);
		baseIconk.infoWindowAnchor=new GPoint(55,0);
		var iconk = new GIcon(baseIconk, "imgs/ico_googlemap/ico_gm_kanai_petit.png", null, null);
	}
	if(type=='petit'){
		var baseIconk = new GIcon();
		baseIconk.iconSize=new GSize(24,24);
		baseIconk.shadowSize=new GSize(0,0);
		baseIconk.iconAnchor=new GPoint(12,12);
		baseIconk.infoWindowAnchor=new GPoint(12,12);
		var iconk = new GIcon(baseIconk, "imgs/ico_googlemap/ico_gm_kanai_pt.png", null, null);
	}
	
	var pointk = new GLatLng(50.635, 3.064);
	var markerk = new GMarker(pointk,iconk);
	GEvent.addListener(markerk, 'click', function() {
		markerk.openInfoWindow('<div class="bulle_kanai_infos"><img src="imgs/google_map/photo_kanai.jpg" align="left"><b>HOTEL KANAI</b><br><br>10 rue de Béthune<br>59000 LILLE<br><br>Tel. +33 (0)3 20 57 14 78<br>Fax. +33 (0)3 20 57 06 01</div>');
	});
	return markerk;
}



/*-----------------------------------------------HOME--------------------------------------------------------*/
var ptgm_index = new Array();
	
ptgm_index['flore'] = new Array();
ptgm_index['flore']['lat'] = 50.63608;
ptgm_index['flore']['lng'] = 3.0632;
ptgm_index['flore']['yaw'] = 144;
ptgm_index['flore']['pitch'] = 15;
ptgm_index['flore']['zoom'] = 0;
ptgm_index['flore']['txt'] = '<b>BRASSERIE LE FLORE</b><br>11 place Rihour - Lille<br><br>Tel. +33 (0) 3 20 57 97 07<br>Fax. +33 (0) 3 20 15 17 40<br><br><a href="http://flore.restaurantsdelille.com" target="_blank">Site web</a> - <a href="mailto:contactflore@restaurantsdelille.com">Contact mail</a>';

ptgm_index['paix'] = new Array();
ptgm_index['paix']['lat'] = 50.63591;
ptgm_index['paix']['lng'] = 3.06279;
ptgm_index['paix']['yaw'] = 114;
ptgm_index['paix']['pitch'] = -3;
ptgm_index['paix']['zoom'] = 3;
ptgm_index['paix']['txt'] = '<b>BRASSERIE LA PAIX</b><br>25 place Rihour - Lille<br><br>Tel. +33 (0) 3 20 54 70 41<br>Fax. +33 (0) 3 20 40 15 52<br><br><a href="http://paix.restaurantsdelille.com" target="_blank">Site web</a> - <a href="mailto:contactpaix@restaurantsdelille.com">Contact mail</a>';

ptgm_index['chicoree'] = new Array();
ptgm_index['chicoree']['lat'] = 50.63596;
ptgm_index['chicoree']['lng'] = 3.06291;
ptgm_index['chicoree']['yaw'] = 96;
ptgm_index['chicoree']['pitch'] = 9;
ptgm_index['chicoree']['zoom'] = 0;
ptgm_index['chicoree']['txt'] = '<b>BRASSERIE LA CHICOREE</b><br>15 place Rihour - Lille<br><br>Tel. +33 (0) 3 20 54 81 52<br>Fax. +33 (0) 3 20 54 00 23<br><br><a href="http://chicoree.restaurantsdelille.com" target="_blank">Site web</a> - <a href="mailto:contactchicoree@restaurantsdelille.com">Contact mail</a>';

ptgm_index['orange'] = new Array();
ptgm_index['orange']['lat'] = 50.64147;
ptgm_index['orange']['lng'] = 3.0655;
ptgm_index['orange']['yaw'] = 171;
ptgm_index['orange']['pitch'] = 9;
ptgm_index['orange']['zoom'] = 1;
ptgm_index['orange']['txt'] = '<b>ORANGE EXPRESSION</b><br>35 place Louise de Bettignies - Lille<br><br>Tel. +33 (0) 3 20 74 18 47<br>Fax. +33 (0) 3 20 74 18 93<br><br><a href="http://orange.restaurantsdelille.com" target="_blank">Site web</a> - <a href="mailto:contactorange@restaurantsdelille.com">Contact mail</a>';

ptgm_index['baignoire'] = new Array();
ptgm_index['baignoire']['lat'] = 50.63281;
ptgm_index['baignoire']['lng'] = 3.06255;
ptgm_index['baignoire']['yaw'] = 267;
ptgm_index['baignoire']['pitch'] = -3;
ptgm_index['baignoire']['zoom'] = 1;
ptgm_index['baignoire']['txt'] = '<b>LA BAIGNOIRE</b><br>8 place B&eacute;thune - Lille<br><br>Tel. +33 (0) 3 20 30 07 44<br>Fax. +33 (0) 3 20 30 08 30<br><br><a href="http://baignoire.restaurantsdelille.com" target="_blank">Site web</a> - <a href="mailto:contactbaignoire@restaurantsdelille.com">Contact mail</a>';

ptgm_index['square'] = new Array();
ptgm_index['square']['lat'] = 50.63468;
ptgm_index['square']['lng'] = 3.06081;
ptgm_index['square']['yaw'] = 132;
ptgm_index['square']['pitch'] = 0;
ptgm_index['square']['zoom'] = 0;
ptgm_index['square']['txt'] = '<b>BRASSERIE LE SQUARE</b><br>8 square Morison - Lille<br><br>Tel. +33 (0) 3 20 54 64 51<br><br><a href="http://square.restaurantsdelille.com" target="_blank">Site web</a> - <a href="mailto:contactsquare@restaurantsdelille.com">Contact mail</a>';

ptgm_index['qpark'] = new Array();
ptgm_index['qpark']['lat'] = 50.6342139;
ptgm_index['qpark']['lng'] = 3.0651614;
ptgm_index['qpark']['yaw'] = 230;
ptgm_index['qpark']['pitch'] = -7;
ptgm_index['qpark']['zoom'] = 0;
ptgm_index['qpark']['txt'] = '<b>Q-PARK</b><br>Lille B&eacute;thune Lafayette<br>Rue de la Rivierette 6 - Lille<br><br>Tel. +33 (0) 3 28 53 49 11<br><br><a href="http://www.q-park.fr/tabid/566/qparkParkingLocatorvw4813/parkingDetail/ParkingID/338/language/fr-FR/Default.aspx" target="_blank">Site web</a>';

function load_google_hotel_resto(){	
	var map_index = new GMap2(document.getElementById("map_home"));
	map_index.setCenter(new GLatLng(50.6342743,3.0641663),16); // 50.635, 3.064), 16
	map_index.addControl(new GSmallMapControl());
	map_index.addControl(new GMapTypeControl());

	var baseIconk = new GIcon();
	baseIconk.iconSize=new GSize(61,80);
	baseIconk.shadowSize=new GSize(0,0);
	baseIconk.iconAnchor=new GPoint(61,80);
	baseIconk.infoWindowAnchor=new GPoint(55,0);
	var iconk = new GIcon(baseIconk, "imgs/ico_googlemap/ico_gm_kanai_petit.png", null, null);

	var pointk = new GLatLng(50.635, 3.064);
	var markerk = new GMarker(pointk,iconk);
	GEvent.addListener(markerk, 'click', function() {
		markerk.openInfoWindow('<div class="bulle_kanai_infos"><img src="imgs/google_map/photo_kanai.jpg" align="left"><b>HOTEL KANAI</b><br><br>10 rue de B&eacute;thune<br>59000 LILLE<br><br>Tel. +33 (0)3 20 57 14 78<br>Fax. +33 (0)3 20 57 06 01</div>');
		map_index.setCenter(new GLatLng(50.635, 3.064), 17);
		myPano.setLocationAndPOV(new GLatLng(50.635, 3.064), {yaw:130.9, pitch:-10});
	});
	map_index.addOverlay(markerk);

	var myPano = new GStreetviewPanorama(document.getElementById("map_pano"));
	myPano.setLocationAndPOV(new GLatLng(50.635, 3.064), {yaw:130.9, pitch:-10});
	
	var list_tr = document.getElementById('tab_6_resto').getElementsByTagName('tr');
	for(var i=0;i<list_tr.length;i++){
		aff_pt_resto(list_tr[i].id);
		list_tr[i].onclick=function(){
			document.location = "#restaurant-lille";
			move_map_resto(this.id);
		}
	}
	
	function aff_pt_resto(nom){
		var baseIcon = new GIcon();
		baseIcon.iconSize=new GSize(61,80);
		baseIcon.shadowSize=new GSize(0,0);
		baseIcon.iconAnchor=new GPoint(61,80);
		baseIcon.infoWindowAnchor=new GPoint(61 ,0);
		
		var iconspe = new GIcon(baseIcon, "imgs/ico_googlemap/ico_gm_"+nom+".png", null, null);			
		var point = new GLatLng(ptgm_index[nom]['lat'], ptgm_index[nom]['lng']);
		
		var marker_resto = new GMarker(point, iconspe);
		map_index.addOverlay(marker_resto);
		
		var bull_marker_resto = '<div class="bulle_google_home_'+nom+'"><img src="imgs/google_map/photo_'+nom+'.jpg" align="left">'+ptgm_index[nom]['txt']+'</div>';
		
		GEvent.addListener(marker_resto, 'click', function() {
			marker_resto.openInfoWindowHtml(bull_marker_resto);
			move_map_resto(nom);
		});
	}
	
	function move_map_resto(nom){
		map_index.setCenter(new GLatLng(ptgm_index[nom]['lat'], ptgm_index[nom]['lng']), 17);
		myPano.setLocationAndPOV(new GLatLng(ptgm_index[nom]['lat'], ptgm_index[nom]['lng']), {yaw:ptgm_index[nom]['yaw'], pitch:ptgm_index[nom]['pitch'], zoom:ptgm_index[nom]['zoom']});
	}
	
	aff_pt_resto("qpark");
	
}



/*-----------------------------------------------INFOS PRATIQUES--------------------------------------------------------*/
var mapinfo = null;
function load_gm_points(select_id){
	/*CREATION DE LA CARTE*/
	var mapinfo = new GMap2(document.getElementById('map_infos'));
	mapinfo.addControl(new GLargeMapControl());
	mapinfo.addControl(new GMapTypeControl());
	mapinfo.setCenter(new GLatLng(50.635, 3.064), 14);

	var audio_select = 'oui';
	/*LISTE LES BOUTONS RADIO ET GERE LEUR ONCLICK*/
	var list_radio = document.forms.form_point_gm.getElementsByTagName('input');
	for(var i=0;i<list_radio.length;i++){
		if(list_radio[i].checked){
			aff_pt_info(list_radio[i].value, select_id);
			var audio_select = 'non';
		}
		list_radio[i].onclick=function(){
			document.location = "#carte-informations";
			aff_pt_info(this.value, 0);
		}
	}
	if(audio_select=='oui') aff_pt_info_audio();
	
	var list_span = document.forms.form_point_gm.getElementsByTagName('span');
	for(var i=0;i<list_span.length;i++){
		list_span[i].onclick=function(){
			document.location = "#carte-informations";
			for(var i=0;i<list_radio.length;i++){
				if(list_radio[i].id == 'radio_'+this.id) list_radio[i].checked = 'checked';
				else list_radio[i].checked = '';
			}
			aff_pt_info(this.id, 0);
		}
	}
	
	/*ONCLICK POUR L'AUDIO*/
	document.getElementById('info_audio').onclick=function(){
		document.location = "#carte-informations";
		aff_pt_info_audio();
	}
	
	/*LECTURE DU XML POUR LES RUBRIQUES*/
	function aff_pt_info(val, select_id){		
		mapinfo.clearOverlays();
		mapinfo.setCenter(new GLatLng(50.635, 3.064), 14);
		
		var request = GXmlHttp.create();
		request.open("GET", "xml/" + val + ".xml", true);
		request.onreadystatechange = function() {
			if (request.readyState == 4) {
				var xmlDoc = request.responseXML;
				var lines = xmlDoc.documentElement.getElementsByTagName("marker");
				for (var a = 0; a < lines.length; a++) {
					var point = new GLatLng(parseFloat(lines[a].getAttribute('lat')), parseFloat(lines[a].getAttribute('lng')));
					
					var lignea = '';
					var ligneb = '';
					var lignec = '';
					var siteweb = '';
					if(lines[a].getAttribute('lignea') != "") lignea = '<br/>' + lines[a].getAttribute('lignea');
					if(lines[a].getAttribute('ligneb') != "") ligneb = '<br/>' + lines[a].getAttribute('ligneb');
					if(lines[a].getAttribute('lignec') != "") lignec = '<br/>Tél. : ' + lines[a].getAttribute('lignec');			
					if(lines[a].getAttribute('siteweb') != "") siteweb = '<br/><a href="' + lines[a].getAttribute('siteweb') + '" target="_blank">Site Web</a>';
					
					var pagehtmlmarker = '<div class="bulle_infos_pratiques"><b>' + lines[a].getAttribute('nom') + '</b>' + lignea + ligneb + lignec + siteweb + '</div>';
					
					var marker = creerMarker(point, pagehtmlmarker, lines[a]);
					mapinfo.addOverlay(marker);
					
					if(lines[a].getAttribute('num') == select_id){
						mapinfo.setCenter(marker.getPoint(),16);
						
						if(lines[a].getAttribute('pagehtml') != "") marker.openInfoWindowHtml(pagehtmlmarker, {maxUrl:'pages_googlemap/' + lines[a].getAttribute('pagehtml')});
						else marker.openInfoWindowHtml(pagehtmlmarker);
					}
				}
			}
		}
		request.send(null);
		
		if(document.getElementById('checked_metro').checked) construc_poly_metro();

		var markerk = ajout_marker_kanai('petit');
		mapinfo.addOverlay(markerk);
	}
	
	/*LECTURE DU XML POUR L'AUDIO*/
	function aff_pt_info_audio(){
		mapinfo.clearOverlays();
		mapinfo.setCenter(new GLatLng(50.635, 3.064), 14);

		GDownloadUrl('xml/audio.xml', function(data) {
			var xml = GXml.parse(data);
			var markers = xml.documentElement.getElementsByTagName('marker');
			for (var i = 0; i < markers.length; i++) {
				var lignea = '';
				var ligneb = '';
				var lignec = '';
				var siteweb = '';
				if(markers[i].getAttribute('lignea') != "") lignea = '<br/>' + markers[i].getAttribute('lignea');
				if(markers[i].getAttribute('ligneb') != "") ligneb = '<br/>' + markers[i].getAttribute('ligneb');
				if(markers[i].getAttribute('lignec') != "") lignec = '<br/>Tél. : ' + markers[i].getAttribute('lignec');			
				if(markers[i].getAttribute('siteweb') != "") siteweb = '<br/><a href="' + markers[i].getAttribute('siteweb') + '" target="_blank">Site Web</a>';
				
				var pagehtmlmarker = '<div class="bulle_infos_pratiques"><b>' + markers[i].getAttribute('nom') + '</b>' + lignea + ligneb + lignec + siteweb + '</div>';

				var point = new GLatLng(parseFloat(markers[i].getAttribute('lat')), parseFloat(markers[i].getAttribute('lng')));
				var marker = creerMarker(point, pagehtmlmarker, markers[i]);
				mapinfo.addOverlay(marker);
			}
		});
		
		var markerk = ajout_marker_kanai('petit');
		mapinfo.addOverlay(markerk);
	}
	
	/*CREATION D'UN MARQUEUR*/
	function creerMarker(point, pagehtmlmarker, markers) { 
		var baseIcon = new GIcon();
		baseIcon.iconSize=new GSize(parseFloat(markers.getAttribute('wicone')),parseFloat(markers.getAttribute('hicone')));
		baseIcon.shadowSize=new GSize(0,0);
		baseIcon.iconAnchor=new GPoint(Math.floor(parseFloat(markers.getAttribute('wicone'))/2),parseFloat(markers.getAttribute('hicone')));
		baseIcon.infoWindowAnchor=new GPoint(Math.floor(parseFloat(markers.getAttribute('wicone'))/2),1);
		var icone = new GIcon(baseIcon, 'imgs/ico_googlemap/' + markers.getAttribute('icone'), null, null);
		
		var marker = new GMarker(point,{title:markers.getAttribute('nom'),icon:icone}); 
		
		GEvent.addListener(marker, 'click', function() {
			mapinfo.setCenter(marker.getPoint(),16);
			
			if(markers.getAttribute('pagehtml')) marker.openInfoWindowHtml(pagehtmlmarker,{maxUrl:'pages_googlemap/'+markers.getAttribute('pagehtml')});
			else marker.openInfoWindowHtml(pagehtmlmarker);
		});
		GEvent.addListener(marker, 'infowindowclose', function() {
			mapinfo.setZoom(14);
		});
		
		return marker; 
	}
	
	/*METRO*/
	document.getElementById('checked_metro').onclick=function(){
		document.location = "#carte-informations";
		aff_metro();
	}
	function aff_metro(){
		mapinfo.clearOverlays();
		
		if(document.getElementById('checked_metro').checked) construc_poly_metro();
		
		for(var i=0;i<list_radio.length;i++){
			if(list_radio[i].checked) aff_pt_info(list_radio[i].value, 0);
		}
		
		var markerk = ajout_marker_kanai('petit');
		mapinfo.addOverlay(markerk);
	}
	
	function construc_poly_metro(){		
		var request = GXmlHttp.create();
		request.open("GET", "xml/metro.xml", true);
		request.onreadystatechange = function() {
			if (request.readyState == 4) {
				var xmlDoc = request.responseXML;
				var lines = xmlDoc.documentElement.getElementsByTagName("line");

				var baseIcon = new GIcon();
				baseIcon.iconSize=new GSize(16,16);
				baseIcon.shadowSize=new GSize(0,0);
				baseIcon.iconAnchor=new GPoint(8,8);
				baseIcon.infoWindowAnchor=new GPoint(8,8);
				var icone = new GIcon(baseIcon, 'imgs/ico_googlemap/metro.png', null, null);

				for (var a = 0; a < lines.length; a++) {
					var colour = lines[a].getAttribute("colour");
					var width  = parseFloat(lines[a].getAttribute("width"));
					var points = lines[a].getElementsByTagName("point");
					var pts = [];
					for (var i = 0; i < points.length; i++) {
						pts[i] = new GLatLng(parseFloat(points[i].getAttribute("lat")),parseFloat(points[i].getAttribute("lng")));
						
						if(points[i].getAttribute('code') == '1') var pointmetro = new GMarker(pts[i],{title:points[i].getAttribute('label') + ' - Ligne 1',icon:icone});
						if(points[i].getAttribute('code') == '2') var pointmetro = new GMarker(pts[i],{title:points[i].getAttribute('label') + ' - Ligne 2',icon:icone});
						if(points[i].getAttribute('code') == '3') var pointmetro = new GMarker(pts[i],{title:points[i].getAttribute('label') + ' - Croisement lignes 1 et 2',icon:icone});
						mapinfo.addOverlay(pointmetro);
					}
					var polyline_metro = new GPolyline(pts,colour,width,0.8);
					mapinfo.addOverlay(polyline_metro);
				}
			}
		}
		request.send(null);
	}
	
	/*LISTE LES BOUTONS RADIO DES TRAJETS GARES ET GERE LEUR ONCLICK*/
	var list_spangares = document.getElementById('boite_trajets_gares').getElementsByTagName('span');
	for(var i=0;i<list_spangares.length;i++){
		list_spangares[i].onclick=function(){
			document.location = "#carte-informations";
			cree_trajet_gare(this.id);
		}
	}
	
	/*TRAJET GARES*/
	function cree_trajet_gare(trajet){
		mapinfo.clearOverlays();
		mapinfo.setCenter(new GLatLng(50.6377, 3.069), 16);

		var baseIcon = new GIcon();
		baseIcon.iconSize=new GSize(16,16);
		baseIcon.shadowSize=new GSize(0,0);
		baseIcon.iconAnchor=new GPoint(8,8);
		baseIcon.infoWindowAnchor=new GPoint(8,8);
		var iconemetro = new GIcon(baseIcon, 'imgs/ico_googlemap/metro.png', null, null);
		
		var baseIcon2 = new GIcon();
		baseIcon2.iconSize=new GSize(69,22);
		baseIcon2.shadowSize=new GSize(0,0);
		baseIcon2.iconAnchor=new GPoint(12,13);
		baseIcon2.infoWindowAnchor=new GPoint(5,1);
		var iconetrain = new GIcon(baseIcon2, 'imgs/ico_googlemap/icon_train.png', null, null);
		
		var request = GXmlHttp.create();
		request.open("GET", "xml/trajets_gares.xml", true);
		request.onreadystatechange = function() {
			if (request.readyState == 4) {
				var xmlDoc = request.responseXML;
				var lines = xmlDoc.documentElement.getElementsByTagName("line");
				for (var a = 0; a < lines.length; a++) {
					if(lines[a].getAttribute("type") == trajet){
						var points = lines[a].getElementsByTagName("point");
						var pts = [];
						for (var i = 0; i < points.length; i++) {
							pts[i] = new GLatLng(parseFloat(points[i].getAttribute("lat")),parseFloat(points[i].getAttribute("lng")));
							if(trajet == 'fm' || trajet == 'em'){								
								//var marker = new GMarker(pts[i],iconemetro);		
								var marker = new GMarker(pts[i],{title:points[i].getAttribute("label")+' - '+points[i].getAttribute("txt"),icon:iconemetro});		
								//GEvent.addListener(marker, 'click', function() {
									//marker.openInfoWindow('<div class="bulle_infos_pratiques">' + points[i].getAttribute("label") + '<br>' + points[i].getAttribute("txt") + '</div>');
								//});
								mapinfo.addOverlay(marker);
							}
						}
						var polyline_gares = new GPolyline(pts,"#4E39CF",5,0.8)
						mapinfo.addOverlay(polyline_gares);
					}
				}
			}
		}
		request.send(null);
		
		var markerk = ajout_marker_kanai('moyen');
		mapinfo.addOverlay(markerk);
		
		if(trajet == 'fm' || trajet == 'fp') var pointf = new GLatLng(50.63717989608125, 3.0704855918884277);
		else var pointf = new GLatLng(50.64008534415452, 3.0756354331970215);
		var markerf = new GMarker(pointf,iconetrain);
		mapinfo.addOverlay(markerf);
	}
	
};


/*-----------------------------------------------ACCES--------------------------------------------------------*/
var geocoder = null;
var addressMarker;
var gdir;

function load_itineraire() {
  if (GBrowserIsCompatible()) {      
	var map = new GMap2(document.getElementById("map_itineraire"));

	gdir = new GDirections(map, document.getElementById("liste_directions"));
	GEvent.addListener(gdir, "load", onGDirectionsLoad);
	GEvent.addListener(gdir, "error", handleErrors);

	setDirections("Paris", "rue de la Vieille Comédie, Lille", "fr_FR");
  }
}

function setDirections(fromAddress, toAddress) {
  gdir.load("from: " + fromAddress + " to: " + toAddress,{ "locale": "fr_FR" });
}

function handleErrors(){
   if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS) alert("ERREUR : L'une des adresses est fausse ou inconnue.");
   else if (gdir.getStatus().code == G_GEO_SERVER_ERROR) alert("ERREUR : Itinéraire introuvable.");
   else if (gdir.getStatus().code == G_GEO_MISSING_QUERY) alert("ERREUR : Itinéraire introuvable."); 
   else if (gdir.getStatus().code == G_GEO_BAD_KEY) alert("ERREUR : La carte ne peut être affichée.");
   else if (gdir.getStatus().code == G_GEO_BAD_REQUEST) alert("ERREUR : Itinéraire introuvable.");
   else alert("ERREUR");
}

function onGDirectionsLoad(){ 
	// Use this function to access information about the latest load()
	// document.getElementById("getStatus").innerHTML = gdir.getStatus().code;
}



/*-----------------------------------------------A VOIR--------------------------------------------------------*/
function load_photos_sejour(tab, lien) {	
	if (GBrowserIsCompatible()) {		
		var map = new GMap2(document.getElementById("map_photos"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(50.635, 3.064), 16);
		
		var baseIcon = new GIcon();
		baseIcon.iconSize=new GSize(32,32);
		baseIcon.shadowSize=new GSize(0,0);
		baseIcon.iconAnchor=new GPoint(16,16);
		baseIcon.infoWindowAnchor=new GPoint(16,16);

		function creerMarker(point, titre, img, client, div, com, icone) {
			var marker = new GMarker(point,icone);					
			GEvent.addListener(marker, 'click', function() {
				marker.openInfoWindow('<div class="bulle_photos"><strong>'+titre+'</strong> &copy;<br><br><img src="image_resize2.php?fichier=imgs/photos_clients/'+img+'&largeur=&hauteur=180" alt="Photo Séjour Lille '+titre+'"><br><br>par '+client+com+'<div>'); 
			});
			div.onclick=function(){
				marker.openInfoWindow('<div class="bulle_photos"><strong>'+titre+'</strong> &copy;<br><br><img src="image_resize2.php?fichier=imgs/photos_clients/'+img+'&largeur=&hauteur=180" alt="Photo Séjour Lille '+titre+'"><br><br>par '+client+com+'</div>'); 
			}
			return marker;
		}
		
		for (var i = 0; i < tab.length; i++){		
			var div_img = document.getElementById('photoaff'+tab[i]['id']);
			
			var iconespe = new GIcon(baseIcon, tab[i]['icone'], null, null);
			var point = new GLatLng(parseFloat(tab[i]['lat']), parseFloat(tab[i]['lng']));
			
			var com = '';
			if(tab[i]['com']=='oui') com = ' - <a href="'+lien+tab[i]['idclient']+'.htm">Voir ses commentaires</a>';
			
			var marker = creerMarker(point, tab[i]['titre'], tab[i]['img'], tab[i]['client'], div_img, com, iconespe);
			map.addOverlay(marker);
		}
		
		var baseIconk = new GIcon();
		baseIconk.iconSize=new GSize(24,24);
		baseIconk.shadowSize=new GSize(0,0);
		baseIconk.iconAnchor=new GPoint(12,12);
		baseIconk.infoWindowAnchor=new GPoint(12,12);

		var iconk = new GIcon(baseIconk, "imgs/ico_googlemap/ico_gm_kanai_pt.png", null, null);
		var pointk = new GLatLng(50.635, 3.064);
		var markerk = new GMarker(pointk,iconk);
		map.addOverlay(markerk);
	}
}