var map = null;

var locations = [
	{ "name": "Pont-d Ouilly bourg", "lat": 48.873649, "lng": -0.410496 },
	{ "name": "Ouilly-le-Basset", "lat": 48.877643, "lng": -0.385798 },
	{ "name": "Saint-Marc-d Ouilly", "lat": 48.875420, "lng": -0.433660 },
	{ "name": "Saint-Christophe", "lat": 48.885453, "lng": -0.415270 },
	{ "name": "Arclais", "lat": 48.877664, "lng": -0.454141 },
	{ "name": "La Courbe", "lat": 48.888424, "lng": -0.421579 },
	{ "name": "La Goubini\350re", "lat": 48.880846, "lng": -0.396312 },
	{ "name": "Les Gouttes", "lat": 48.881615, "lng": -0.477852 },
	{ "name": "La Gu\351rardi\350re", "lat": 48.881115, "lng": -0.399799 },
	{ "name": "La Martel\351e", "lat": 48.871426, "lng": -0.465846 },
	{ "name": "Le Haut-d Ouilly", "lat": 48.876535, "lng": -0.368568 },
	{ "name": "La Pautiche", "lat": 48.868547, "lng": -0.421010 },
	{ "name": "Le Rocray", "lat": 48.870318, "lng": -0.454066 }
];

var baseIcon = new GIcon(); 
baseIcon.iconSize = new GSize(30, 30);
baseIcon.iconAnchor = new GPoint(14, 14);

var iconN = new GIcon(baseIcon); 
iconN.image = './Images/PhotoN.gif';
var iconNE = new GIcon(baseIcon); 
iconNE.image = './Images/PhotoNE.gif';
var iconE = new GIcon(baseIcon); 
iconE.image = './Images/PhotoE.gif';
var iconSE = new GIcon(baseIcon); 
iconSE.image = './Images/PhotoSE.gif';
var iconS = new GIcon(baseIcon); 
iconS.image = './Images/PhotoS.gif';
var iconSO = new GIcon(baseIcon); 
iconSO.image = './Images/PhotoSO.gif';
var iconO = new GIcon(baseIcon); 
iconO.image = './Images/PhotoO.gif';
var iconNO = new GIcon(baseIcon); 
iconNO.image = './Images/PhotoNO.gif';

var customIcons = [];
customIcons["N"] = iconN;
customIcons["NE"] = iconNE;
customIcons["E"] = iconE;
customIcons["SE"] = iconSE;
customIcons["S"] = iconS;
customIcons["SO"] = iconSO;
customIcons["O"] = iconO;
customIcons["NO"] = iconNO;

function GoogleMap_goto( index)
{
	var person = locations[index];
	var lat = person.lat;
	var lng = person.lng;
	map.panTo( new google.maps.LatLng( lat, lng));
}

function GoogleMap_zoom( index)
{
	map.setZoom( index);
}

function GoogleMap_selected()
{
	GoogleMap_zoom( 17);
	GoogleMap_goto( document.getElementById( "listmap").value);
}

function GoogleMap_createMarker( point, name, picture, icon)
{
	var marker = new google.maps.Marker( point, {icon:customIcons[icon],title:name});
	var html = "VoirImage.php?path=4&image=" + picture + "&titre=" + name;
	google.maps.Event.addListener( marker, 'click', function() { monPopup( 'image', html); });
	return marker;
}

function GoogleMap_load( lat, lng)
{
	if( google.maps.BrowserIsCompatible())
	{
		map = new google.maps.Map2( document.getElementById( "map"), {mapTypes:[G_NORMAL_MAP,G_SATELLITE_MAP]});
		map.addControl( new google.maps.LargeMapControl());
		map.addControl( new google.maps.MapTypeControl());
		map.addControl( new google.maps.OverviewMapControl());
		map.setCenter( new google.maps.LatLng( lat, lng), 17);

		google.maps.DownloadUrl( "./Xml/PdOMap.xml", function(data)
		{
			var xml = google.maps.Xml.parse( data);
			var markers = xml.documentElement.getElementsByTagName( "marker");
			for( var i = 0; i < markers.length; i++)
			{
				var name = markers[i].getAttribute( "name");
				var picture = markers[i].getAttribute( "picture");
				var icon = markers[i].getAttribute( "icon");
				var point = new google.maps.LatLng( parseFloat( markers[i].getAttribute( "lat")), parseFloat( markers[i].getAttribute( "lng")));
				var marker = GoogleMap_createMarker( point, name, picture, icon);
				map.addOverlay( marker);
			}
		} );

		for( var i = 0; i < locations.length; i++)
		{
			if( i > 0)
			{
				var newopt = document.createElement( 'option');
				newopt.text = locations[i].name;
				newopt.value = i;
				try
				{
					document.getElementById( "listmap").add( newopt);
				}
				catch( e)
				{
					document.getElementById( "listmap").add( newopt, null);
				}
			}
		}
	}
	else
	{
		alert( 'D&eacute;sol&eacute;, mais votre navigateur n\'est pas compatible avec Google Maps');
	}
}