﻿function load(ltd, lng, zm) {
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(ltd, lng), zm); // 25.165173, 78.222656
        map.addControl(new GOverviewMapControl());
        map.addControl(new GLargeMapControl());
        map.enableDoubleClickZoom();
        map.enableScrollWheelZoom();

        map.clearOverlays();
        if (map.getZoom() > 8) {
            LoadMarkers();
        }
        
        function LoadMarkers() {
            GDownloadUrl("includes/data.xml", function(data, responseCode) {
                var xml = GXml.parse(data);
                
                var markers = xml.documentElement.getElementsByTagName("marker");

                for (var i = 0; i < markers.length; i++) {
                    var isOWN = markers[i].getAttribute("isOWN");
                    var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")));
                    if (map.getBounds().containsLatLng(point))
                        map.addOverlay(CreateMarker(point, markers[i].getAttribute("loc"), isOWN));
                }
            }
                    );
        }
        
        GEvent.addListener(map, "zoomend", function() {
            map.clearOverlays();
            if (map.getZoom() > 8) {
                LoadMarkers();
            }
        }
        );
        
        function CreateMarker(point, html, isOWN) {
            var myIcon_google;
            myIcon_google = new GIcon(G_DEFAULT_ICON);
            myIcon_google.iconSize = new GSize(25, 37);
            if (isOWN == "Y") {
                myIcon_google.image = "Images/bp_icon.png";      
            }
            else {
                myIcon_google.image = "Images/Nonbp_icon.png";   
            }
            var marker = new GMarker(point, { icon: myIcon_google });
            GEvent.addListener(marker, "click", function() {
                html = "<span style='font-size: 10pt; color: red; font-family: Arial; text-align:left;'>" + html + "</span>";
                marker.openInfoWindowHtml(html);
            }
                         );
            return marker;
        }
    }
}


