// JavaScript Document
function load() {
      if (GBrowserIsCompatible()) {
		// A TextualZoomControl is a GControl that displays textual "Zoom In"
		// and "Zoom Out" buttons (as opposed to the iconic buttons used in
		// Google Maps).
		function TextualZoomControl() {
		}
		TextualZoomControl.prototype = new GControl();
		
		// Creates a one DIV for each of the buttons and places them in a container
		// DIV which is returned as our control element. We add the control to
		// to the map container and return the element for the map class to
		// position properly.
		TextualZoomControl.prototype.initialize = function(map) {
		  var container = document.createElement("div");
		
		  var zoomInDiv = document.createElement("div");
		  this.setButtonStyle_(zoomInDiv);
		  container.appendChild(zoomInDiv);
		  zoomInDiv.appendChild(document.createTextNode("Zoom +"));
		  GEvent.addDomListener(zoomInDiv, "click", function() {
			map.zoomIn();
		  });
		
		  var zoomOutDiv = document.createElement("div");
		  this.setButtonStyle_(zoomOutDiv);
		  container.appendChild(zoomOutDiv);
		  zoomOutDiv.appendChild(document.createTextNode("Zoom -"));
		  GEvent.addDomListener(zoomOutDiv, "click", function() {
			map.zoomOut();
		  });
		
		  map.getContainer().appendChild(container);
		  return container;
		}
		
		// By default, the control will appear in the top left corner of the
		// map with 7 pixels of padding.
		TextualZoomControl.prototype.getDefaultPosition = function() {
		  return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(7, 7));
		}
		
		// Sets the proper CSS for the given button element.
		TextualZoomControl.prototype.setButtonStyle_ = function(button) {
		  button.style.fontWeight="bold";
		  button.style.color = "#666666";
		  button.style.backgroundImage = "url('/img/frontend/gmapZoom.png')";
		  button.style.backgroundRepeat = "no-repeat";
		  button.style.fontFamily = "Arial";
		  button.style.marginBottom = "3px";
		  button.style.textAlign = "center";
		  button.style.paddingTop="5px";
		  button.style.width = "63px";
		  button.style.height = "24px";
		  button.style.cursor = "pointer";
		}
			 	  
        
			var map = new GMap2(document.getElementById("map"));
        map.addControl(new TextualZoomControl());
		
		var geocoder = new GClientGeocoder();

		function showAddress(address,nom,urlPage) {
		  geocoder.getLatLng(
			address,
			function(point) {
			  if (!point) {
				alert(address + " pas trouv&eacute;");
			  } else {
				map.setCenter(point, 12);
				var marker = new GMarker(point);
				map.addOverlay(marker);
				GEvent.addListener(marker, "click", function() {
top.location = urlPage;
					marker.openInfoWindowHtml("<b>" + nom + "</b><br /><a href='"+urlPage+"'>Acc&eacute;der</a>");
				})
			  }
			}
		  );
		}

		

		showAddress("+45° 3' 21.24\", +6° 4' 39.72\"",'Auris-en-oisans','#');

		
      } else {
		alert('navigateur pas compatible');
	  }
    }
    
    window.onload=function()
    {
      load();
    }
    
    
    

