function initialize(myLat , myLng, cityBuilding) {
      if (GBrowserIsCompatible()) {
	 
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(myLat, myLng), 17);
        map.setUIToDefault();
		map.setMapType( G_NORMAL_MAP );
		// shadow, icon dimensions, etc.	
		var baseIcon = new GIcon(G_DEFAULT_ICON);
		baseIcon.shadow = "";
		baseIcon.iconSize = new GSize(30, 33);
		baseIcon.shadowSize = new GSize(129, 72);
		baseIcon.iconAnchor = new GPoint(3, 33);
		baseIcon.infoWindowAnchor = new GPoint(9, 2);
	
		function createMarker(point, index , myName , myId, mainImage) {
	  // Create a lettered icon for this point using our icon class
				//var letter = String.fromCharCode("A".charCodeAt(0) + index);
				var letteredIcon = new GIcon(baseIcon);
				letteredIcon.image = "/images/map1.png";
	
	  // Set up our GMarkerOptions object
			 markerOptions = { icon:letteredIcon };
			var marker = new GMarker(point, markerOptions);
			var html =  "<div align='left'><img src='"+mainImage+"' align='left' height='50'><a href='/architravel/building/"+ myId + "' class='a1'>Latitude: "+ marker.getPoint().lat
	().toFixed(6) + "<br>Longitude: " + marker.getPoint().lng().toFixed(6) + "<br><br>" + myName + "</a></div>"
			GEvent.addListener(marker, 'click', function() {
			//marker.openInfoWindowHtml('<div style="width: 50px">...</div>'); 
			marker.openInfoWindowHtml(html);
			});
			
				return marker;
		}
	
		GDownloadUrl("/include/xmlBuilding.php?cityBuilding=" + cityBuilding, function(data) {
			var xml = GXml.parse(data);
			var buildings = xml.documentElement.getElementsByTagName("building");
	
			for (var i = 0; i < buildings.length; i++) {
				var name = buildings[i].getAttribute("nameBuilding");
				var idBuilding = buildings[i].getAttribute("idBuilding");
				var mainImage = buildings[i].getAttribute("mainImage");
				var point = new GLatLng(parseFloat(buildings[i].getAttribute("latBuilding")),
									   parseFloat(buildings[i].getAttribute("lngBuilding")));
									   
				//var point = new GLatLng(myLat,myLng);
				
				map.addOverlay(createMarker(point, 0 , name , idBuilding, mainImage));
				 
			}
		});

      }
    }
	


    var map = null;
    var geocoder = null;
    
    function initialize2() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas2"));
        map.setCenter(new GLatLng(39.90974 , 7.73438), 1);
        map.setUIToDefault();
		map.setMapType( G_NORMAL_MAP );
		// shadow, icon dimensions, etc.	
		var baseIcon = new GIcon(G_DEFAULT_ICON);
		baseIcon.shadow = "";
		baseIcon.iconSize = new GSize(30, 33);
		baseIcon.shadowSize = new GSize(129, 72);
		baseIcon.iconAnchor = new GPoint(3, 33);
		baseIcon.infoWindowAnchor = new GPoint(9, 2);
		geocoder = new GClientGeocoder();


		function createMarker2(point, index , myName , myId, mainImage) {
	  		// Create a lettered icon for this point using our icon class
			//var letter = String.fromCharCode("A".charCodeAt(0) + index);
			var letteredIcon = new GIcon(baseIcon);
			letteredIcon.image = "/images/map1.png";
	
	 	  // Set up our GMarkerOptions object
			markerOptions = { icon:letteredIcon };
			var marker = new GMarker(point, markerOptions);
			var html =  "<div align='left'><img src='"+mainImage+"' align='left' height='50'><a href='/architravel/building/"+ myId + "' class='a1'>Latitude: "+ marker.getPoint().lat
	().toFixed(6) + "<br>Longitude: " + marker.getPoint().lng().toFixed(6) + "<br><br>" + myName + "</a></div>"
			GEvent.addListener(marker, 'click', function() {
			//marker.openInfoWindowHtml('<div style="width: 50px">...</div>'); 
			marker.openInfoWindowHtml(html);
		  	});
			
			return marker;
		}
		GDownloadUrl("/include/xmlBuilding.php", function(data) {
		var xml = GXml.parse(data);
		var buildings = xml.documentElement.getElementsByTagName("building");
		
			for (var i = 0; i < buildings.length; i++) {
				var name = buildings[i].getAttribute("nameBuilding");
				var idBuilding = buildings[i].getAttribute("idBuilding");
				var mainImage = buildings[i].getAttribute("mainImage");
				var point = new GLatLng(parseFloat(buildings[i].getAttribute("latBuilding")),
									   parseFloat(buildings[i].getAttribute("lngBuilding")));
				//var point = new GLatLng(myLat,myLng);
				map.addOverlay(createMarker2(point, 0 , name , idBuilding, mainImage));				 
			}
		});
		
      }
    }
    
    function showAddress2(address) {
      if (geocoder) {
        geocoder.getLatLng(
          address,
          function(point) {
            if (!point) {
              alert(address + " not found");
            } else {
              map.setCenter(point, 13);
		var baseIcon = new GIcon(G_DEFAULT_ICON);
		baseIcon.shadow = "";
		baseIcon.iconSize = new GSize(30, 33);
		baseIcon.shadowSize = new GSize(129, 72);
		baseIcon.iconAnchor = new GPoint(3, 33);
		baseIcon.infoWindowAnchor = new GPoint(9, 2);			  
			var letteredIcon = new GIcon(baseIcon);
			letteredIcon.image = "/images/map1.png";
	
	 	  // Set up our GMarkerOptions object
			markerOptions = { icon:letteredIcon };
              var marker = new GMarker(point);
              map.addOverlay(marker);
              marker.openInfoWindowHtml(address);
            }
          }
        );
      }
    }