function initialize() {
		var zoom=13;
		if (GBrowserIsCompatible()) {
			var map = new GMap2(document.getElementById("map_canvas")); 
			map.addControl(new GMapTypeControl()); 
			map.addControl(new GLargeMapControl3D());
			map.setCenter(new GLatLng(18.789155035974076,98.98492813110352), 12);
			map.enableScrollWheelZoom();
			
			//icon
			var baseIcon = new GIcon();
			baseIcon.iconSize = new GSize(16, 16); 
			baseIcon.iconAnchor = new GPoint(16, 16);
			baseIcon.infoWindowAnchor = new GPoint(10, 16); 
		}
		function createMarker(point,detail,iconmap) {
			if(iconmap==''){ 
				var marker = new GMarker(point);
          		GEvent.addListener(marker, "click", function() { 
            	marker.openInfoWindowHtml(detail); 
          		});
		  }else{
			var letteredIcon = new GIcon(baseIcon); 
			letteredIcon.image = iconmap; 
			markerOptions = { icon:letteredIcon }; 
			var marker = new GMarker(point, markerOptions); 
          	GEvent.addListener(marker, "click", function() { 
			marker.openInfoWindowHtml(detail); 
			});
		 }
          return marker; 
        }
		url='/xml/home.php';
		GDownloadUrl(url, function(data, responseCode) { 
			  var xml = GXml.parse(data); 
			  var markers = xml.documentElement.getElementsByTagName("home"); 
			  for (var i = 0; i < markers.length; i++) { 
			   		var sell_id = markers[i].getAttribute('sell_id');
				 	var subject = markers[i].getAttribute('subject');
				 	var price = markers[i].getAttribute('price');
				 	var area = markers[i].getAttribute('area');
					var picture = markers[i].getAttribute('picture');
					var lat = markers[i].getAttribute('lat');
					var lng = markers[i].getAttribute('lng');
					
					var html =  '<div>'+
				 			'<div class="map_picture"><a href="/property/show/'+sell_id+'"><img src= "'+picture+'" title="image" border="0" /></a></div>'+
				 			'<div class="map_content"><a href="/property/show/'+sell_id+'"><strong>'+subject+'</strong></a>'+
							'<p class="red">ราคา : '+price+' บาท<p>'+
							'<p class="darkgreen">เนื้อที่ : '+area+'</p>'+		
							'<p align="right"><a href="/property/show/'+sell_id+'">รายละเอียดเพิ่มเติม</a></p>'+		
							'</div></div>';
				 
					var point = new GLatLng(lat,lng,13);
					var iconmap = "/images/go-home.png";
					
					if(sell_id==map_id){
							var iconmap = "/images/go-home3.png";
							var marker = createMarker(point,html,iconmap);
							map.addOverlay(marker); 
							marker.openInfoWindowHtml(html);
							map.setCenter(point);
	
				   }else{
						map.addOverlay(createMarker(point,html,iconmap)); 		   
				   }
					
			  } 
		});			
	}
	
	
	function init(){
	  if (GBrowserIsCompatible()) {
	    map = new GMap2(document.getElementById("map_convas"));
	    map.setCenter(new GLatLng(map_lat,map_lng),14);
			map.addControl(new GMapTypeControl()); 
			map.addControl(new GLargeMapControl3D());
		map.enableScrollWheelZoom();
		var point = new GLatLng(map_lat,map_lng,14);
		 var marker = new GMarker(point);
		 map.addOverlay(marker);
	  }
	}
	
	function  placeMarker(latlng,html) {
		  var marker = new GMarker(latlng);
		  map.addOverlay(marker);
		  marker.openInfoWindowHtml(html);
		   GEvent.addListener(marker, "click", function() { 
            	marker.openInfoWindowHtml(html); 
         });
 		return marker;
	}
	
	function moveEnd(){
		var ozoom = 14;
		ozoom.value=map.getZoom();
	}
	
	//edit
	function initialize2(lat,lon) {
	  if (GBrowserIsCompatible()) {
	    map = new GMap2(document.getElementById("map_canvas"));
	    map.setCenter(new GLatLng(13.761895183452227,100.65261840820304), 5);
            map.addControl(new GOverviewMapControl());
            map.addControl(new GLargeMapControl3D());
	    	GEvent.addListener(map,'moveend',moveEnd);

		geocoder = new GClientGeocoder();
		var olat = document.getElementById("map_lat");
		var olon = document.getElementById("map_lng");
		var ozoom = document.getElementById("zoom");

		olat.value='13.761895183452227';
		olon.value='100.65261840820304';
		ozoom.value='5';
		marker = new GMarker(map.getCenter(), {draggable: true});

		map.addOverlay(marker);
                GEvent.addListener(marker, "dragend", function() {
                                var zoom = map.getZoom();
                                var latlon=marker.getPoint();
                                olat.value=latlon.y;
                                olon.value=latlon.x;
                                ozoom.value=zoom;
                });
	  }
    }
	
function initialize3(lat,lon){
	  if (GBrowserIsCompatible()) {
	    map = new GMap2(document.getElementById("map_canvas"));
	    map.setCenter(new GLatLng(lat,lon), 14);
            map.addControl(new GOverviewMapControl());
			map.addControl(new GLargeMapControl3D());
            map.enableScrollWheelZoom();
	    GEvent.addListener(map,'moveend',moveEnd);

		geocoder = new GClientGeocoder();

		var olat = document.getElementById("map_lat");
		var olon = document.getElementById("map_lng");
		var ozoom = document.getElementById("zoom");

		olat.value=lat;
		olon.value=lon;
		ozoom.value='14';
		marker = new GMarker(map.getCenter(), {draggable: true});

		map.addOverlay(marker);
                GEvent.addListener(marker, "dragend", function() {
                                var zoom = map.getZoom();
                                var latlon=marker.getPoint();
                                olat.value=latlon.y;
                                olon.value=latlon.x;
                                ozoom.value=zoom;
								
                });
	  }
	}
	
	function getAddress(overlay, latlon) {
	  if (latlon != null) {
		address = latlon;
		geocoder.getLocations(latlon, showAddress);
	  }
	}

function searchLocation() {
    // map.clearOverlays();

      if (geocoder) {
		  if ($('#province_id').val()!=0){
				var province=$('#province_id').val();  
		  }else{
			  var province='';  
		  }
		  if ($('#amphur_id').val()!=0){
				var amphur=$('#amphur_id').val();  
		  }else{
			  var amphur='';  
		  }
		  if ($('#tumbon_id').val()!=0){
				var tumbon=$('#tumbon_id').val();  
		  }else{
			  var tumbon='';  
		  }	  

		  var keyword=tumbon+' ' +amphur+ ' '+ province;

        geocoder.getLatLng(keyword,
          function(point) {
            if (!point) {
             // alert(Country + " not found");
            } else {
			
              	map.setCenter(point,14);
			  	marker.setLatLng(map.getCenter()); 
				
				var latlng = marker.getPoint();
			  	var olat = document.getElementById("map_lat");
				var olon = document.getElementById("map_lng");
				var ozoom = document.getElementById("zoom");			
				olat.value=latlng.y;
				olon.value=latlng.x;
	  
				GEvent.addListener(marker, "dragend", function() {
					var zoom = map.getZoom();
					var latlng = marker.getPoint();
					
					getAddress(latlng);
				});
				
            }
          }
		);
	}
  }