var map = null;
	var geocoder = null;
	var marker = null;


    function createMarker (elem) {
        var marker = new GMarker(elem.point, elem.opts);
        var myPoint  = elem.point;
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(elem.info);
          //map.panTo(myPoint);
        });
        return marker;
    }

    function initialize() {
      if (GBrowserIsCompatible()) {
        if (document.getElementById("map-canvas")) {
            map = new GMap2(document.getElementById("map-canvas"));
            geocoder = new GClientGeocoder();
            map.setUI(map.getDefaultUI());
        } else if (document.getElementById("lageplan-canvas")) {
            map = new GMap2(document.getElementById("lageplan-canvas"));
            geocoder = new GClientGeocoder();
            map.setUI(map.getDefaultUI());
            var point = new GLatLng(49.44273810517635, 7.719697952270508);
            map.setCenter(point, 14);
            if (elems) {
                for (var i = 0; i < elems.length; i++) {
                    if (elems[i] && elems[i].point) {
                        map.addOverlay(createMarker(elems[i]));
                    }
                }
            }
        }
      }
    }

    function showDetailmap(lat, lng, info) {
    		$('#detail-map').modal({
    			overlayClose:true,
    			opacity:50,
    			onOpen: function (dialog) {
    				dialog.data.show();
    				dialog.container.show();
					dialog.overlay.fadeIn('slow');
				}
			});
            initialize();
            var point = new GLatLng(lat, lng);
            map.setCenter(point, 14);
            marker = new GMarker(point, {draggable: false});
            map.addOverlay(marker);
            marker.openInfoWindowHtml(info);
            var _info = info;
            GEvent.addListener(marker, "click", function() {
          		marker.openInfoWindowHtml(_info);
    	    });
    }