var map;
function load() {
     if (GBrowserIsCompatible()) {
        baseIcon = new GIcon();
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
        baseIcon.iconSize = new GSize(18,24);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(8, 24);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);
        var mapid=document.getElementById("map");
        if(mapid==null) return;
        //baseIcon.image="http://localhost:8080/images/google/model_mark.gif";
         map = new GMap2(document.getElementById("map"));
        loaddata();
        //map.addControl(new GSmallZoomControl());
        map.addControl(new GLargeMapControl());  
          GEvent.addListener(map, "click", function(marker, point) {
                              if(marker) {
                               window.location="/sections/community/?community_id="+marker.cid;
                               }
                                          });
     }
   }

function createMarker(posn, title, icon) {
  var marker = new GMarker(posn, {title: title, icon: icon, draggable:true });
  GEvent.addListener(marker, 'dblclick', function() { mgr.removeMarker(marker) } );
  return marker;
}

function addPoint(lat,long,id,img,name) {
     var point =new GLatLng(lat,long);
     //alert(point);
     var icon = new GIcon(baseIcon);
     icon.image = "/images/google/"+img;
     var opts=new Object();
     opts.icon=icon;
     opts.title=name;
     var marker = new GMarker(point,opts);
     //GEvent.bind(map, "click",this,onMapClick);
     marker.disableDragging();
     marker.cid=id;
     map.addOverlay(marker);
 //    map.setCenter(point, 7);
}

function loaddata() {
    var request = GXmlHttp.create();
    request.open("GET", "communityxml.jsp?"+window.top.location.search.substring(1), true);
    request.onreadystatechange = function() {
            if (request.readyState == 4) {
                var rootElem = request.responseXML.getElementsByTagName("xml")[0];
                var center=rootElem.getElementsByTagName("center")[0];
                var clat=center.getElementsByTagName("lat")[0].childNodes[0].nodeValue;
                var clng=center.getElementsByTagName("lng")[0].childNodes[0].nodeValue;
                map.setCenter(new GLatLng(clat,clng),7);
                var place=rootElem.getElementsByTagName("place");
                for(i=0;i<place.length;i++) {
                   var lat = place[i].getElementsByTagName("lat")[0].childNodes[0].nodeValue;
                   var lng = place[i].getElementsByTagName("lng")[0].childNodes[0].nodeValue;
                   var cid = place[i].getElementsByTagName("id")[0].childNodes[0].nodeValue;
                   var img = place[i].getElementsByTagName("img")[0].childNodes[0].nodeValue;
                   var name = place[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
                   //showAddress(point.childNodes[0].nodeValue);
                   addPoint(lat,lng,cid,img,name);
                }
             }
    }
    request.send(null);
}