// JavaScript Document

var map;

function initMap(){

	map = new GMap2(document.getElementById("gmap"));

	  	function TextualZoomInControl() {}
	  	function TextualZoomOutControl() {}
		TextualZoomInControl.prototype = new GControl();
		TextualZoomOutControl.prototype = new GControl();

		TextualZoomInControl.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();  });

			map.getContainer().appendChild(container);
			return container;
		}

		TextualZoomOutControl.prototype.initialize = function(map)
		{
			var container = document.createElement("div");

			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;
		}



		TextualZoomInControl.prototype.getDefaultPosition = function()
		{
			return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(5, 5));
		}

		TextualZoomOutControl.prototype.getDefaultPosition = function()
		{
			return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(5, 25));
		}

		TextualZoomInControl.prototype.setButtonStyle_ = function(button)
		{
			button.className = 'mapGIIPlus';
		}

		TextualZoomOutControl.prototype.setButtonStyle_ = function(button)
		{
			button.className = 'mapGIIMoins';
		}
	  	map.addControl(new TextualZoomInControl());
	  	map.addControl(new TextualZoomOutControl());

if(document.getElementById('latCenter') && document.getElementById('lngCenter'))
{
  var latCenter = document.getElementById('latCenter').value;
  var lngCenter = document.getElementById('lngCenter').value;
  var zoomMap = document.getElementById('zoomMap').value;
}

  var lat = document.getElementById('lat').value;
  var lng = document.getElementById('lng').value;
  if(latCenter && lngCenter)
	 map.setCenter(new GLatLng(latCenter, lngCenter),10);
  else
   map.setCenter(new GLatLng(lat, lng),10);

  var ageIcon = new GIcon();
  ageIcon.image = document.getElementById('media_path').value+"images/pictos/icone_map_google_vierge2.png";
  ageIcon.infoWindowAnchor = new GPoint(0,0);
  ageIcon.iconSize = new GSize(25, 31);
  ageIcon.iconAnchor = new GPoint(11, 30);

  var marker =new GMarker(new GLatLng(lat, lng), {draggable:false, bouncy:false, dragCrossMove:true, icon:ageIcon});
  var xhr = createXHR();
  xhr.onreadystatechange=function(){
    if(xhr.readyState==4){
      var agence = xhr.responseText;
      agence = agence.split(';');
      var html="<table><tbody><tr><td style='vertical-align: middle'><img src='"+agence[4]+"' style='width:75px;' /></td><td style='vertical-align: middle'>"+agence[5]+"<br />"+agence[6]+"<br />"+agence[7]+" "+agence[8]+"<br />Tel : "+agence[9]+"</td></tr></tbody></table>";
      marker.openExtInfoWindow(map,"extInfoWindow_funkyBox_beak",html,{beakOffset: 3});
      map.addOverlay(marker);
    }
  }
  xhr.open("GET","../ajax/get_lat_lng_agence.ajax.php?agence="+document.getElementById('idAge').value,true);
  xhr.send(null);
  
  


}