Geodatenportal.app = function() {  
        // private vars:
        var toolbar, viewport, vectorLayer;
        var button1 =false;
        var button2 = false;
        var button3 = false;
        var button4 = false;
        var button5 = false;


        
        var createWmsLayer = function(name, url, params, options) {
            var layer = new OpenLayers.Layer.WMS(name, url, params, options);
            map.addLayer(layer);
            return layer;
        };

        var createGeoShopLayer = function(name, url, params, options) {
            var layer = new OpenLayers.Layer.GeoShop(name, url, params, options);
            map.addLayer(layer);
            return layer;
        };

        
        
        // public space:
        return {
            // for debug, we make this property public:
            vector: null,
            
            setStatus: function(text) {
                Ext.getCmp('statusBar').body.dom.innerHTML = text;
            },
            
            init: function() {

//////////////////////////////////////////////
//                   Map Initialisieren
///////////////////////////////////////////////////////

//            var extent = new OpenLayers.Bounds(140000, 10000, 190000, 40000);
//            var ovextent = new OpenLayers.Bounds(138000, 8000, 192000, 42000);

            var extent = new OpenLayers.Bounds(140000, 12000, 180000, 39000);
            var ovextent = new OpenLayers.Bounds(136000, 8000, 184000, 43000);


            map = new OpenLayers.Map('mymap', {
                projection: "EPSG:21780",
                controls: [], 
                numZoomLevels: 40,
                maxResolution: 'auto',
                maxExtent: extent,
                fractionalZoom: true,
                theme: null,
                scales: [ 200000, 175000, 150000, 125000, 100000, 80000, 60000, 40000, 30000, 20000, 18500, 15000, 10000, 8000, 4000, 2000, 1000, 500,200, 100],
                units: 'm'
            });

 
                var kein= new OpenLayers.Layer.Vector("kein", {
                    displayInLayerSwitcher: true, isBaseLayer: true, visibility: false
                  });
                map.addLayer(kein);


                 var luftbild= createWmsLayer(
                    "Luftbild", 
                    "http://geoservices.llv.li/cgi-bin/mapserv.exe?map=/ms4w/apps/llv/service/geoshop.map&",
                    {layers: 'ortho2006'}, 
                    {isBaseLayer: true, transitionEffect: 'resize',  buffer: 0, ratio: 1, tileSize: new OpenLayers.Size(512,512)}
                );
                var pixelkarte = createWmsLayer(
                    "Pixelkarte", 
                    "http://geoservices.llv.li/cgi-bin/mapserv.exe?map=/ms4w/apps/llv/service/landeskarte_tale.map&",
                    {layers: 'GEOSHOPUEBER,pk100,pk10'}, 
                    {isBaseLayer: true, transitionEffect: 'resize', singleTile: true, ratio: 1, buffer: 0 }
                );
                var reliefkarte = createWmsLayer(
                    "Reliefkarte", 
                    "http://geoservices.llv.li/cgi-bin/mapserv.exe?map=/ms4w/apps/llv/service/relief_tale.map&",
                    {layers: 'RELEIF_TALE'}, 
                    {isBaseLayer: true, transitionEffect: 'none', singleTile: false, ratio: 1, buffer: 0, tileSize: new OpenLayers.Size(512,512)}
                );


                var gp = createWmsLayer(
                    "Grundbuchplan", 
                    "http://geoservices.llv.li/cgi-bin/mapserv.exe?map=/ms4w/apps/llv/service/geoportal.map&",
                    {layers: 'PLNA,PLSF,PLLI,SOOBJ,SOLI,SOSF,SOPT,LCOBJ,LCSF,HADR,LOCPOS,LNNA,OSNR,DPRSF,RESF,OSBP,MBSF,TBBP,CPPT', transparent: true},  
                    {isBaseLayer: false, transitionEffect: 'none', singleTile: true, ratio: 1, buffer: 0, opacity: 0.95,  visibility: false}
                );

                var pp = createWmsLayer(
                    "Grundstücke", 
                    "http://geoservices.llv.li/cgi-bin/mapserv.exe?map=/ms4w/apps/llv/service/geoportal.map&",
                    {layers: 'OSNR,DPRSF,RESF,OSBP', transparent: true},  
                    {isBaseLayer: false, transitionEffect: 'none', singleTile: true, ratio: 1, buffer: 0, opacity: 1.0,  visibility: false}
                );





                var up = createGeoShopLayer(
                    "Übersichtsplan", 
                    serverurl + "/webclient",
//                     {view: 'wms_av' ,  layers: 'uebersicht_txt,AV_BodenbedeckungFlaechen,AV_Einzelobjekte,AV_Bodenbedeckung,AV_BodenbedeckungProj,AV_Rohrleitungen,AV_Dienstbarkeiten,AV_Selbst_Rechte,AV_Liegenschaften,AV_Fixpunkte,AV_Nomenklatur,AV_Gebaeudeadressen' , background_color: 'transparent'},  
                    {view: 'olpublic' ,   background_color: 'transparent'},  
                    {isBaseLayer: false, transitionEffect: 'none', singleTile: true, ratio: 1, buffer: 0, opacity: 1.0, visibility: false }
                );

                var hk = createGeoShopLayer(
                    "UP-Höhenkurven", 
                    serverurl + "/webclient",
//                     {view: 'public' ,  layers: 'AVBE_Hoehenkurven' , background_color: 'transparent'},  
                    {view: 'public' ,   layers: 'AVBE_Hoehenkurven', background_color: 'transparent'},  
                    {isBaseLayer: false, transitionEffect: 'none', singleTile: true, ratio: 1, buffer: 0, opacity: 1.0, visibility: false }
                );



             var vektorStyles = new OpenLayers.StyleMap({
                 "default": new OpenLayers.Style({
                    pointRadius: 3, 
                    fillColor: "#FF0000",
                    strokeColor: "#FF0000",
                    strokeWidth: 2,
                    fillOpacity: 0.1
               }),
                  "select": new OpenLayers.Style({
                    fillColor: "#66ccff",
                    strokeColor: "#3399ff"
                   })
                });

               vectorLayer = new OpenLayers.Layer.Vector("skizze", {
                 styleMap: vektorStyles,
                 displayInLayerSwitcher: false,
                 isBaseLayer: false
               });
               map.addLayer(vectorLayer);

               vectorLayer.events.register('featureadded', vectorLayer, function(){
                var l = this.features.length;
                var msg = (l==1) ? 'There is one feature on map' : 'There are now ' + l + ' features on map';
                Geodatenportal.app.setStatus(msg);
               });


////////////////////////////////////////////////////////////////////////////////
//                      Toolbar       
/////////////////////////////////////////////////////////////////////////////////////////////////////////

       var update_scaleform = function ()  {
                   document.getElementById('scaleInput').value=Math.round(map.getScale());
       }  
       var PrintWindow = function() {
           window.open('/geoportal/print/print.html', 'Print_preview', 'width=970,height=760,toolbar=0,menubar=1,location=0,personalbar=0,navigation=0,resizable=1');
      }

       var clearFeatures = function() {
          if (map.getLayersByName("skizze").length > 0) {
            var skizzeLayers = map.getLayersByName("skizze");
            skizzeLayers[0].removeFeatures(skizzeLayers[0].features);
          }
           
      }

    var ctrl, toolbarItems = [], action, actions = {};
    // ZoomToMaxExtent control, a "button" control

    Ext.QuickTips.init();


    action = new GeoExt.Action({
        control: new OpenLayers.Control.ZoomToMaxExtent(),
        map: map,
        iconCls: 'zoomfull',
        tooltip: "Auf die Startansicht zoomen"
    });
    actions["max_extent"] = action;
    toolbarItems.push(action);
    toolbarItems.push("-");

// Zoom Box

    action = new GeoExt.Action({
        control: new OpenLayers.Control.ZoomBox({ title: 'Zoom in: die linke Mouse-Taste druecken und ein Fenster aufziehen'}),
        map: map,
        allowDepress: false,
        tooltip: "Zoom in: die linke Mouse-Taste drücken und ein Fenster aufziehen",
        toggleGroup: "draw",
        iconCls: 'zoomin'
    });
    actions["zoom_in"] = action;
    toolbarItems.push(action);

// Zoom Out

    action = new GeoExt.Action({
        control: new OpenLayers.Control.ZoomBox({ out: true, title: 'Zoom out: die linke Mouse-Taste druecken und ein Fenster aufziehen'}),
        map: map,
        allowDepress: false,
        tooltip: "Zoom out: die linke Mouse-Taste drücken und ein Fenster aufziehen",
        toggleGroup: "draw",
        iconCls: 'zoomout'
    });
    actions["zoom_out"] = action;
    toolbarItems.push(action);


// Pan

    action = new GeoExt.Action({
        control: new OpenLayers.Control.DragPan({ isDefault: true}),
        map: map,
        allowDepress: false,
        tooltip: "Fenster schieben: Mouse gedrückt halten und schieben",
        toggleGroup: "draw",
        iconCls: 'pan'
    });
    actions["pan"] = action;
    toolbarItems.push(action);

// Navigation history - two "button" controls

    ctrl = new OpenLayers.Control.NavigationHistory();
    map.addControl(ctrl);

    action = new GeoExt.Action({
        control: ctrl.previous,
        disabled: true,
        tooltip: "Vorheriger Ausschnitt",
        iconCls: 'back'
    });
    actions["previous"] = action;
    toolbarItems.push(action);

    action = new GeoExt.Action({
        control: ctrl.next,
        disabled: true,
        tooltip: "Nächster Ausschnitt",
        iconCls: 'next'
    });
    actions["next"] = action;
    toolbarItems.push(action);
    toolbarItems.push("-");

// FeatureInfo

    var GetInfoCtrl = new OpenLayers.Control.WMSGetFeatureInfo({
            drawMode: 'extjs',
            renderform: false,
            title: 'Kartenabfrage mit Click'
    });
//    var GetInfoOptions = {iconCls: 'featureinfo',toggleGroup: 'map'};

    GetInfoCtrl.addLayer("Übersichtsplan","AV_Liegenschaften");
    GetInfoCtrl.addLayer("Übersichtsplan","AV_Gebaeudeadressen");
    GetInfoCtrl.addLayer("Übersichtsplan","AV_Fixpunkte");


    GetInfoCtrl.addLayer("Grundstücke","RESF");

    GetInfoCtrl.addLayer("Grundbuchplan","RESF");
    GetInfoCtrl.addLayer("Grundbuchplan","HADR");

    GetInfoCtrl.addLayer("UP-Höhenkurven","AVBE_Hoehenkurven");





    GetInfoCtrl.proxy='/proxy.php?url='

    llvtools.featureinfo=GetInfoCtrl;

    action = new GeoExt.Action({
        control: GetInfoCtrl,
        map: map,
        allowDepress: false,
        tooltip: "Karteninformation abfragen: Klick auf Karten-Objekt",
        toggleGroup: "draw",
        iconCls: 'featureinfo'
    });
    actions["featureinfo"] = action;
    toolbarItems.push(action);
    toolbarItems.push("-");

// Elemente Skizzieren/zeichen

    action = new GeoExt.Action({
        control: new OpenLayers.Control.DrawFeature(
            vectorLayer, OpenLayers.Handler.Point
        ),
        map: map,
        // button options
        toggleGroup: "draw",
        allowDepress: false,
        tooltip: "Punkt zeichnen",
        iconCls: 'drawpoint',
        // check item options
        group: "draw"
    });
    actions["draw_point"] = action;
    toolbarItems.push(action);


    action = new GeoExt.Action({
        control: new OpenLayers.Control.DrawFeature(
            vectorLayer, OpenLayers.Handler.Path
        ),
        map: map,
        // button options
        toggleGroup: "draw",
        allowDepress: false,
        iconCls: 'drawline',
        tooltip: "Linie skizzieren",
        // check item options
        group: "draw"
    });
    actions["draw_line"] = action;
    toolbarItems.push(action);

    action = new GeoExt.Action({
//        text: "draw poly",
        control: new OpenLayers.Control.DrawFeature(
            vectorLayer, OpenLayers.Handler.Polygon
        ),
        map: map,
        // button options
        toggleGroup: "draw",
        allowDepress: false,
        tooltip: "Fläche skizzieren",
        iconCls: 'drawpolygon',
        // check item options
        group: "draw"
    });
    actions["draw_polygon"] = action;
    toolbarItems.push(action);

    var button = new Ext.Toolbar.Button({
                     iconCls: 'delfeature',
                     tooltip: 'Skizierte Objekte löschen',
                     handler: clearFeatures
                     });
    toolbarItems.push(button);
    toolbarItems.push("-");

// Print Bottum

    var button = new Ext.Toolbar.Button({
                     iconCls: 'print',
                     tooltip: 'Drucken: öffnet ein Popup',
                     handler: PrintWindow
                     });
    toolbarItems.push(button);
    toolbarItems.push("-");
// Massstab

    toolbarItems.push("Massstab ca. 1:");
    toolbarItems.push(document.getElementById('scaleForm'));
    toolbarItems.push("-");

// Measure
 
      var sketchSymbolizers = {
 	                "Point": {
 	                    pointRadius: 5,
 	                    graphicName: "cross",
 	                    fillColor: "white",
 	                    fillOpacity: 1,
 	                    strokeWidth: 1,
 	                    strokeOpacity: 1,
 	                    strokeColor: "#333333"
 	                },
 	                "Line": {
 	                    strokeWidth: 2,
 	                    strokeOpacity: 1,
 	                    strokeColor: "#666666",
 	                    strokeDashstyle: "dash"
 	                },
 	                "Polygon": {
 	                    strokeWidth: 2,
 	                    strokeOpacity: 1,
 	                    strokeColor: "#666666",
 	                    fillColor: "666666",
 	                    fillOpacity: 0.1,
                            strokeDashstyle: "dash"
 	                }
 	            };

      var style = new OpenLayers.Style();
 	            style.addRules([
 	                new OpenLayers.Rule({symbolizer: sketchSymbolizers})
 	            ]);
      var styleMap = new OpenLayers.StyleMap({"default": style});


      var optionsLine = {
                    handlerOptions: {
                        persist: true,
 	                layerOptions: {styleMap: styleMap}
                    },
                    displayClass: "olControlMeasureDistance",
                    title: "Distanz messen"
       };
       var optionsPolygon = {
                    handlerOptions: {
                        persist: true,
 	                layerOptions: {styleMap: styleMap}
                    },
                    displayClass: "olControlMeasureArea",
                    title: "Fläche messen"
       };
       measureControls = {
                     line: new OpenLayers.Control.Measure(
                     OpenLayers.Handler.Path, 
                     optionsLine 
                    ),
                    polygon: new OpenLayers.Control.Measure(
                        OpenLayers.Handler.Polygon, 
                        optionsPolygon
                    )
       };
                
      for(var key in measureControls) {
                    control = measureControls[key];
                    control.events.on({
                        "measure": handleMeasurements,
                        "measurepartial": handleMeasurements
                    });
      }     

      action = new GeoExt.Action({
           control: measureControls.line,
           map: map,
           toggleGroup: "draw",
          allowDepress: false,
          tooltip: "Strecke messen: Ende mit Doppelklick",
          iconCls: 'measureline',
          group: "draw"
       });
       actions["measure_line"] = action;
       toolbarItems.push(action);

    action = new GeoExt.Action({
        control: measureControls.polygon,
        map: map,
        // button options
        toggleGroup: "draw",
        allowDepress: false,
        tooltip: "Fläche messen: Ende mit Doppelklick",
        iconCls: 'measurearea',
        // check item options
        group: "draw"
     });
     actions["measure_area"] = action;
     toolbarItems.push(action);

     toolbarItems.push(document.getElementById('measureOutput'));
     toolbarItems.push("-");
     toolbarItems.push(document.getElementById('mousePos'));

 
//////////////////////////////////////////////////////////////////////

    var leg=  '<div id=legende style="padding-left: 5px">';
        leg+= '<br><H2>Legende</H2><br><p class="text_normal" >Bodenbedeckungsarten</p>';
        leg+= '<table width="330" border="0">';
        leg+= '  <tr>';
        leg+= '    <td width="44" bordercolor="#000000" style="border-style: solid; border-width: 1px" bgcolor="#DFDFDF">&nbsp;</td>';
        leg+= '    <td width="274"; class="text_legende">&nbsp;Gebäude</td>';
        leg+= '  </tr>';
        leg+= '  <tr>';
        leg+= '    <td width="44" bordercolor="#000000" style="border-style: solid; border-width: 1px" bgcolor="#FFFFC5">&nbsp;</td>';
        leg+= '    <td width="274"; class="text_legende"> &nbsp;Strasse, Weg, Trottoir, etc.</td>';
        leg+= '  </tr>';
        leg+= '  <tr>';
        leg+= '    <td width="44" bordercolor="#000000" style="border-style: solid; border-width: 1px" bgcolor="#FFFFD9">&nbsp;</td>';
        leg+= '    <td width="274"; class="text_legende"> &nbsp;übrige befestigte Flächen</td>';
        leg+= '  </tr>';
        leg+= '  <tr>';
        leg+= '    <td width="44" bordercolor="#000000" style="border-style: solid; border-width: 1px" bgcolor="#E2FEA9">&nbsp;</td>';
        leg+= '    <td width="274"; class="text_legende"> &nbsp;Acker, Wiese, Weiden, ';
        leg+= '    Gartenanlagen</td>';
        leg+= '  </tr>';
        leg+= '  <tr>';
        leg+= '    <td width="44" bordercolor="#000000" style="border-style: solid; border-width: 1px" bgcolor="#FFE6E6">&nbsp;</td>';
        leg+= '    <td width="274"; class="text_legende"> &nbsp;Intensivkulturen wie Reben</td>';
        leg+= '  </tr>';
        leg+= '  <tr>';
        leg+= '    <td width="44" bordercolor="#000000" style="border-style: solid; border-width: 1px" bgcolor="#DFFFFF">&nbsp;</td>';
        leg+= '    <td width="274"; class="text_legende"> &nbsp;Gewässer</td>';
        leg+= '  </tr>';
        leg+= '  <tr>';
        leg+= '    <td width="44" bordercolor="#000000" style="border-style: solid; border-width: 1px" bgcolor="#99CC99">&nbsp;</td>';
        leg+= '    <td width="274"; class="text_legende"> &nbsp;Wald</td>';
        leg+= '  </tr>   ';
        leg+= '  <tr>';
        leg+= '    <td width="44" bordercolor="#000000" style="border-style: solid; border-width: 1px" bgcolor="#99E699">&nbsp;</td>';
        leg+= '    <td width="274"; class="text_legende"> übrige bestockte Flächen</td>';
        leg+= '  </tr>';
        leg+= '  <tr>';
        leg+= '    <td width="44" bordercolor="#000000" style="border-style: solid; border-width: 1px" bgcolor="#D9D9B2">&nbsp;</td>';
        leg+= '    <td width="274"; class="text_legende"> &nbsp;vegetationslose Flächen</td>';
        leg+= '  </tr>';
        leg+= '</table>';
        leg+= '</div> ';




             viewport = new Ext.Viewport({
                layout: 'border',
                items: [
                    new Ext.BoxComponent({
                        region: 'north',
                        el: 'north',
                        height: 116
                    }), 
                    {
                    region: 'west',
                    id: 'west-panel',
                    title: 'Menü',
                    split: true,
                    width: 280,
                    minSize: 175,
                    maxSize: 400,
                    collapsible: true,
                    margins: '7 0 0 5',
                    layout: 'accordion',
                    layoutConfig:{
                        animate: true
                    },
                    items: [

                        {
                        id  : 'suchaccordion',
                        title: 'Suchen',
                        defaults:{border:false, activeTab:0},
//                        html: suchform,
//                        border: false,
                          items:[{
                           defaults:{layout:'fit'},
                           xtype:'tabpanel',
                           items:[{
                             title:'Adresse',
                             html: suchform_adr,
                             listeners: {
                             'activate': function () {
                                     if (!button1) { 
                                        var buttonHandler1 = function(button,event) { showHausnummer(); };
                                        buttonObject1 = new Ext.Button({applyTo:'suchbutton1', text:'Anzeigen', handler: buttonHandler1 });
                                        button1=true;
                                        }
                                  }
                              }
                              },{
                              title:'Grundstück',
                              html: suchform_grst , 
                              listeners: {
                              'activate': function () {
                                       if (!button2) { 
                                          var buttonHandler2 = function(button,event) {showGrundstueck();};
                                          buttonObject2 = new Ext.Button({applyTo:'suchbutton2', text:'Anzeigen', handler: buttonHandler2 });
                                          button2=true;
                                         }
                                       }
                               }
                               },{
                               title:'Namen',
                               html: suchform_poi , 
                               listeners: {
                               'activate': function () {
                                       if (!button3) { 
                                          var buttonHandler3 = function(button,event) {showPoi();};
                                          buttonObject3 = new Ext.Button({applyTo:'suchbutton3', text:'Anzeigen', handler: buttonHandler3 });
                                          button3=true;
                                         }
                                       }
                              }

                              },{
                              title:'Koordinate',
                              html: suchform_koo , 
                              listeners: {
                              'activate': function () {
                                       if (!button4) { 
                                          var buttonHandler4 = function(button,event) {showKoord();};
                                          buttonObject4 = new Ext.Button({applyTo:'suchbuttonkoo', text:'Anzeigen', handler: buttonHandler4 });
                                          button4=true;
                                         }
                                       }
                               }


                           }]
                         }]
                        }
                       ,
                        {
                        title: 'Themenauswahl',
                        html: '<div id="tree"></div><div style="padding-left:5px;" id="comment" class="text_legende"><br>Beachten Sie:<br><br><ul style="margin-left: 12px;   list-style-position: outside; list-style-type: disc; "><li>Aktivieren Sie für das Thema Amtliche Vermessung jeweils nur einen Layer.</li><li>Wenn Sie nur das Luftbild oder die Landeskarte anschauen möchten, deaktivieren Sie alle Layer der Amtlichen Vermessung</li><li>Nicht alle Layer sind in allen Zoomstufen sichtbar</li></ul></div>',
//                        contentEl : document.getElementById('tree'),
                        border: false
                        }
                        ,

                        {
                        title: '&Uuml;bersichtskarte',
                         html: '<div style="height: 20px; font-size: 14px; font-weight:bold; padding-top: 10px; padding-left: 60px;"><h2>&Uuml;bersichtskarte</h2></div><div id="overview"> </div>',
//                        contentEl : document.getElementById('overview'),
                        border: false
                        }
                        ,

                        {
                        title: 'Legende',
                        html: leg,
                        border: false
                       }
                     ]
                  }
                 ,
                  {
                        region: "center",
                        id: "mappanel",
//                        title: "Map",
                        border: false,
                        margins: '7 7 0 0 ', 
                        xtype: "gx_mappanel",
                        map: map,
                        tbar: toolbarItems,
                        split: true
                  }
                  ,
                  {
                        region: 'south',
                        id: 'statusBar',
                        border: false,
                        bodyStyle: 'text-align:left;padding:0px;',
                        height: 25,
                        margins: '7 0 0 0',
                        frame: true,
                        html: 'a status bar'
                   }
                ]
        });

//   Ende Vieport ////////////////////////

// Layer Tree erstellen und rendern

       base = new GeoExt.tree.BaseLayerContainer({
              text: 'Hintergrund',
              leaf: false,
              expanded: true
              });

       var over = new GeoExt.tree.LayerContainer({
           text: 'Amtliche Vermessung',
           leaf: false,
           expanded: true,
           loader: {
             filter: function(record) {
               var  isOK = false;
               if ( !record.get("layer").isBaseLayer &&  (record.get("layer").name.indexOf("suchen") == -1) && (record.get("layer").name.indexOf("skizze") == -1) && (record.get("layer").name.indexOf("rahmen") == -1) && (record.get("layer").name.indexOf("Handler") == -1)) { isOK = true }
//               if ( !(record.get("layer").name.indexOf("Handler") == -1 )) { isOK = false}
               return isOK;
           }
/*
           ,
           baseAttrs: {
              checkedGroup: "av"
           }
*/
           }
           });



       var root = new Ext.tree.TreeNode({
 	                expanded: true,
                        text: 'Geodatenportal'
       });

      var tree = new Ext.tree.TreePanel({
        renderTo: document.getElementById('tree'),
        root: root,
        enableDD: true,
//        width: 250,
//        height: 300,
//        floating: true,
        x: 3,
        y: 3
      });

      root.appendChild (base);
      root.appendChild (over);

      Ext.getCmp('suchaccordion').on('collapse', function( ) {
                           sucheLayerClear(); 
      });

// Map initialisieren



     var ovlayer = new OpenLayers.Layer.WMS( "Reliefkarte", "http://geoservices.llv.li/cgi-bin/mapserv.exe?map=/ms4w/apps/llv/service/relief_tale.map&",
                     {layers: 'RELEIF_TALE'}, { projection: "EPSG:21780", ratio: 1, singleTile: true, buffer:0 });         

//     var ovlayer = new OpenLayers.Layer.WMS( "Releifkarte", serverurl + "/webclient",  {'view': 'pixelk_10_100_farbig_tale'}, { projection: "EPSG:21780", ratio: 1, singleTile: true });         


     var overview = new OpenLayers.Control.OverviewMap({layers: [ovlayer], minRatio: '100', maxRatio: '200',  size: new OpenLayers.Size(260,225), 'div': document.getElementById('overview'), mapOptions: {maxExtent: ovextent, theme: null}});
     map.addControl(overview);

      map.addControl(new OpenLayers.Control.ScaleLine());
      map.addControl(new OpenLayers.Control.MousePosition(
                  {   
                  div: OpenLayers.Util.getElement('mousePos'),                       
                  separator: 'm ',
                  numDigits: 1,
                  suffix: 'm'
                  }
      ));

      map.events.register('moveend', this, update_scaleform);
      update_scaleform ;         
      this.setStatus('Status: ready');


     var mylayers=map.getLayersByName('Übersichtsplan');
     if (mylayers.length > 0 ) {
       var mylayer=mylayers[0];
       mylayer.setVisibility(true);
     }

//      map.zoomToMaxExtent();
      update_scaleform();  
//
        
     }
     };
    }(); // end of app