var kolping_icon = new GIcon();
kolping_icon.image = "http://www.kolping-muenchen.de/img/map_marker.png";
kolping_icon.shadow = "http://www.google.com/mapfiles/shadow50.png";
kolping_icon.iconSize = new GSize(20, 34);
kolping_icon.shadowSize = new GSize(37, 34);
kolping_icon.iconAnchor = new GPoint(9, 33);
kolping_icon.infoWindowAnchor = new GPoint(9, 3);

function create_marker(point, title, info_window) {
    var marker = new GMarker(point, {icon: kolping_icon, title: title});
    GEvent.addListener(marker, "click", function() {
        marker.openInfoWindow(info_window);
    });
    return marker;
}

function load() {
    if (GBrowserIsCompatible()) {

        // initialise document
        var elem_body = document.getElementById("kolpingsfamilien");
        elem_body.className = "map";

        // initialise map
        var elem_map = document.getElementById("map");
        var map = new GMap2(elem_map);
        map.setCenter(new GLatLng(48.144098, 11.584396), 11, G_HYBRID_MAP);
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());

        // initialise markers
        var markers = document.getElementById("map_markers").childNodes;
        for (var i = 0; i < markers.length; i++) {
            var marker = markers[i];
            if (marker.className == "map_marker") {
                var point = new GLatLng(parseFloat(marker.getAttribute("lat")),
                    parseFloat(marker.getAttribute("lng")));
                var title = marker.getAttribute("title");
                var info_window = marker.cloneNode(true)
                map.addOverlay(create_marker(point, title, info_window));
            }
        }
    }
}

function unload() {
    GUnload();
}