function clicmarker(i) {
	mymarkers[i].openInfoWindowHtml('<div style="white-space:nowrap;">'+mymarkers[i].my_html+'</div>');
    }

function createMarker(point, html, commentaire, icon_img, a,b) {

	var monicone = new GIcon();	
	monicone.image=icon_img;
	monicone.iconAnchor = new GPoint(a,b);
	monicone.infoWindowAnchor = new GPoint(5,2);
	monicone.shadow = "http://www.google.com/mapfiles/shadow50.png";
	monicone.shadowSize = new GSize(40,34);
			
	var marker = new GMarker(point, {title:commentaire, icon:monicone});
	
	GEvent.addListener(marker, "click", 
		function() {
			if (html == "0") {
				marker.openInfoWindowHtml(commentaire);
			}
			else
				if (html =="1") { 
					marker.openInfoWindowHtml(commentaire);
				} 
				else		
					marker.openInfoWindowHtml(html);
				}
	);
	GEvent.addListener(marker, "mouseover", 
		function() {
			if (html == "0") {
				marker.openInfoWindowHtml(commentaire);

			}
			else
				if (html =="1") { 
					marker.openInfoWindowHtml(commentaire);
				} 
				else		
					marker.openInfoWindowHtml(html);
				}
	);

	return marker;
    }


function INitmap() {

	map = new GMap2(document.getElementById('Mmap'));
	map.addControl(new GMapTypeControl());
	map.addControl(new GLargeMapControl());
	map.addControl(new GScaleControl());
	map.addMapType(G_PHYSICAL_MAP);
	var zoominit = 5;
	map.setCenter(new GLatLng(46.9, 1.6), zoominit, G_PHYSICAL_MAP);

	if ((navigator.appName == "Microsoft Internet Explorer")&&(navigator.plateform != "MacPPC")&&(navigator.plateform != "Mac68k"))
	{
	map.addOverlay(createMarker(new GLatLng( 48.817857,3.013902),
								"<u>Le Grand Morin \340 Pommeuse: </u> <br /> <img src='http://www.hydro-meteo.fr/images/info.png' alt='' align='absmiddle' /> &nbsp;<a href='site_pommeuse_fr.html'>Infos</a>&nbsp;&nbsp;<img src='http://www.hydro-meteo.fr/images/firefoxp.png' alt='' align='absmiddle' />&nbsp;<a href='http://pommeuse.dynalias.org' target='_blank'>www</a>&nbsp;&nbsp;<img src='http://www.hydro-meteo.fr/images/camerab.png' alt='' align='absmiddle' />&nbsp;<a href='webcamb_pommeuse.html' target='_blank'>webcam</a>",
								"Site du Grand Morin \340 Pommeuse",
								"http://hydro-meteo.fr/images/pticovert.png", 10, 33)); 
	map.addOverlay(createMarker(new GLatLng( 42.947785,1.859543),
								"<u>La Touyre \340 Lavelanet:</u> <br /> <img src='http://www.hydro-meteo.fr/images/info.png' alt='' align='absmiddle' /> &nbsp;<a href='site_lavelanet_fr.html'>Infos</a>&nbsp;&nbsp;<img src='http://www.hydro-meteo.fr/images/firefoxp.png' alt='' align='absmiddle' />&nbsp;<a href='http://lavelanet.dynalias.org' target='_blank'>www</a>&nbsp;&nbsp;<img src='http://www.hydro-meteo.fr/images/camerab.png' alt='' align='absmiddle' />&nbsp;<a href='webcamb_lavelanet.html' target='_blank'>webcam</a>",
								"Site de la Touyre \340 Lavelanet",
								"http://hydro-meteo.fr/images/pticovert.png", 10, 33)); 
	map.addOverlay(createMarker(new GLatLng( 48.561343,6.389451),
								"<u>La Meurthe \340 Damelevieres: </u><br /> <img src='http://www.hydro-meteo.fr/images/info.png' alt='' align='absmiddle' />&nbsp;<a href='site_damelevieres_fr.html'>Infos</a>&nbsp;&nbsp;<img src='http://www.hydro-meteo.fr/images/firefoxp.png' alt='' align='absmiddle' />&nbsp;<a href='http://damelevieres.dynalias.org' target='_blank'>www</a>&nbsp;&nbsp;<img src='http://www.hydro-meteo.fr/images/camerab.png' alt='' align='absmiddle' />&nbsp;<a href='webcamb_damelevieres.html' target='_blank'>webcam</a>",
								"Site de la Meurthe \340 Damelevieres",
								"http://hydro-meteo.fr/images/pticovert.png", 10, 33)); 
	map.addOverlay(createMarker(new GLatLng( 46.176889,6.491783),
								"<u>Source d'Amoulin: </u><br /> <img src='http://www.hydro-meteo.fr/images/info.png' alt='' align='absmiddle' />&nbsp;<a href='site_amoulin_fr.html'>Infos</a>",
								"Site de la source d'Amoulin",
								"http://hydro-meteo.fr/images/pticovert.png", 10, 33)); 
	
	}
	else
	{
	map.addOverlay(createMarker(new GLatLng( 48.817857,3.013902),
								"<u>Le Grand Morin \340 Pommeuse: </u> <br /> <img src='http://www.hydro-meteo.fr/images/info.png' alt='' align='absmiddle' /> &nbsp;<a href='site_pommeuse_fr.html'>Infos</a>&nbsp;&nbsp;<img src='http://www.hydro-meteo.fr/images/firefoxp.png' alt='' align='absmiddle' />&nbsp;<a href='http://pommeuse.dynalias.org' target='_blank'>www</a>&nbsp;&nbsp;<img src='http://www.hydro-meteo.fr/images/camerab.png' alt='' align='absmiddle' />&nbsp;<a href='webcam_pommeuse.html' target='_blank'>webcam</a>",
								"Site du Grand Morin \340 Pommeuse",
								"http://hydro-meteo.fr/images/pticovert.png", 10, 33)); 
	map.addOverlay(createMarker(new GLatLng( 42.947785,1.859543),
								"<u>La Touyre \340 Lavelanet:</u> <br /> <img src='http://www.hydro-meteo.fr/images/info.png' alt='' align='absmiddle' /> &nbsp;<a href='site_lavelanet_fr.html'>Infos</a>&nbsp;&nbsp;<img src='http://www.hydro-meteo.fr/images/firefoxp.png' alt='' align='absmiddle' />&nbsp;<a href='http://lavelanet.dynalias.org' target='_blank'>www</a>&nbsp;&nbsp;<img src='http://www.hydro-meteo.fr/images/camerab.png' alt='' align='absmiddle' />&nbsp;<a href='webcam_lavelanet.html' target='_blank'>webcam</a>",
								"Site de la Touyre \340 Lavelanet",
								"http://hydro-meteo.fr/images/pticovert.png", 10, 33)); 
	map.addOverlay(createMarker(new GLatLng( 48.561343,6.389451),
								"<u>La Meurthe \340 Damelevieres: </u><br /> <img src='http://www.hydro-meteo.fr/images/info.png' alt='' align='absmiddle' />&nbsp;<a href='site_damelevieres_fr.html'>Infos</a>&nbsp;&nbsp;<img src='http://www.hydro-meteo.fr/images/firefoxp.png' alt='' align='absmiddle' />&nbsp;<a href='http://damelevieres.dynalias.org' target='_blank'>www</a>&nbsp;&nbsp;<img src='http://www.hydro-meteo.fr/images/camerab.png' alt='' align='absmiddle' />&nbsp;<a href='webcam_damelevieres.html' target='_blank'>webcam</a>",
								"Site de la Meurthe \340 Damelevieres",
								"http://hydro-meteo.fr/images/pticovert.png", 10, 33)); 
	map.addOverlay(createMarker(new GLatLng( 46.176889,6.491783),
								"<u>Source d'Amoulin: </u><br /> <img src='http://www.hydro-meteo.fr/images/info.png' alt='' align='absmiddle' />&nbsp;<a href='site_amoulin_fr.html'>Infos</a>",
								"Site de la source d'Amoulin",
								"http://hydro-meteo.fr/images/pticovert.png", 10, 33)); 
	
	};
	map.addOverlay(createMarker(new GLatLng( 45.197468,5.768914 ),
								"0" ,
								"<u>Site de l'Is\350re \340 Saint Martin d'H\350res:</u><br> <img src='http://www.hydro-meteo.fr/images/fin.png' alt='' align='absmiddle' />&nbsp;site arr\352t\351",
								"http://hydro-meteo.fr/images/pticorouge110.png", 18, 33)); 
	map.addOverlay(createMarker(new GLatLng( 45.183837,5.963216),
								"1",
								"<u>Site du Vorz \340 Sainte-Agn\350s:</u><br><img src='http://www.hydro-meteo.fr/images/attentionb.png' alt='' align='absmiddle' />&nbsp; installation en 2008",
								"http://hydro-meteo.fr/images/pticojaune70.png", 1, 33)); 
	map.addOverlay(createMarker(new GLatLng( 43.936844,4.557738),
								"1",
								"<u>Site du Gardon \340 Remoulins:</u><br><img src='http://www.hydro-meteo.fr/images/attentionb.png' alt='' align='absmiddle' />&nbsp; installation en 2008",
								"http://hydro-meteo.fr/images/pticojaune.png", 10, 33)); 

    }
