var map = null;

var inhalt = 'Lück Reisen<br/>Flensburger Damm 18<br/>24392 Süderbrarup';

function goMap24(){
    map = Map24.Webservices.getMap24Application({
        AppKey: "FJXcaeac8ce4106e07c305b3ae113891X13",
        MapArea: document.getElementById( "maparea" ),
        MapWidth: 900,
        MapHeight: 450
    });

    geocode( ' Flensburger Damm 18, 24392 S�derbrarup ' );

}

function geocode( addressString ){
    map.Webservices.sendRequest(
        new Map24.Webservices.Request.MapSearchFree(map, {
            SearchText: addressString,
            MaxNoOfAlternatives: 50
        })
    );

    map.onMapSearchFree = function( event ){
        var mrcContainer = new Map24.Webservices.Request.MapletRemoteControl( map );
        var firstResult = event.Alternatives[0];
        var lon = firstResult.Coordinate.Longitude;
        var lat = firstResult.Coordinate.Latitude;

        mrcContainer.push(
            new Map24.Webservices.MRC.SetMapView({
                Coordinates: new Map24.Coordinate( lon, lat ),
                ClippingWidth: new Map24.Webservices.ClippingWidth(
                    { MinimumWidth: 5000 }
                )
            })
        );
        
        map.Webservices.sendRequest( mrcContainer );

        addHTMLObjectBubble( "myBubble", lon, lat, inhalt, true);
       var mrcContainer = new Map24.Webservices.Request.MapletRemoteControl( map );
          mrcContainer.push( genSetMapView ( "", "", "", 70, "myBubble" ) );

        map.Webservices.sendRequest( mrcContainer );

    }

}

function addHTMLObjectBubble( objID, lon, lat, content, enable ){
    var html = "<div width=\"208\" height=\"183\" font-face=\"Arial\" font-size=\"11\" style=\"overflow:hidden; padding: 0px; margin: 0px; border: 0px; background: url(http://devnet.map24.com/files/tooltip/tooltip_bubble_shade2_S.gif)\">"+
        "<p align=\"right\" style=\"padding-top:7px;padding-right:70px\">"+
        "<a active=\"150,150,0\" link=\"0,114,189\" onclick=\"Map24.dispatchEvent(\'trigger_"+objID+"\')\">"+
        "X"+
        "</a>"+
        "</p>"+
        "<div height=\"106\" style=\"overflow:scroll; padding:10px; padding-right:74px\">"+
        content+
        "</div>"+
        "</div>";

    var mrcContainer = new Map24.Webservices.Request.MapletRemoteControl( map );
    mrcContainer.push(
        new Map24.Webservices.MRC.DeclareMap24HTMLObject({
            MapObjectID: objID,
            Coordinate: new Map24.Coordinate( lon, lat ),
              HTML: html,
              Orientation: new Map24.Webservices.MapObjectOrientation({
                'Vertical':'TOP',
                'Horizontal':'RIGHT',
                'HOffset':0,
                'VOffset':0
              })
        })
    );
    if( enable ){
        mrcContainer.push(
            new Map24.Webservices.MRC.DeclareMap24Location({
                MapObjectID: "trigger_"+objID,
                Coordinate: new Map24.Coordinate( 0, 0 ),
                Events: new Array(
                      new Map24.Webservices.MapObjectEvent({
                        ID: "OnClick",
                        Commands: new Map24.Webservices.CommandsArray(
                              new Map24.Webservices.MRC.ControlMapObject({
                                Control: "DISABLE",
                                MapObjectIDs: objID
                              }),
                              new Map24.Webservices.MRC.Surf({
                                URL: "javascript:checkIconAction(\"htmlobjects_bubble_delete\")"
                              })
                        )
                      })
                )
              })
        );
        mrcContainer.push(
          new Map24.Webservices.MRC.ControlMapObject({
            Control: "ENABLE",
            MapObjectIDs: objID
          })
        );
    }
    map.Webservices.sendRequest( mrcContainer );
}