[Users] Need some help with GeoExt PopUps / Zoom to POI

[Ben Leetz]

  Hi all,

i just started with GeoExt and OL, so its probably an easy (maybe stupid 
;) ) question. I already tried a lot of different code, but i don't get 
it working. Maybe someone can give me a hint.

What i did is, i already got my application working with OSM as 
Baselayers and an GML with POI as an overlay. The GML is stored in an 
GridPanel, so i can select the POI over the map or the Panel. All fine, 
thanks to all the tutorials!
Now i want OL to zoom to my POI when clicked. With the code below it 
zooms to the POI, but not in the middle. When i use map.setCenter, it 
zooms in the right direction but my POI are in the right or left corner 
of my map. When i use map.zoomToExtent(new OpenLayers.Bounds()) it zooms 
somewhere to the south-pole ;).  As you can see i tried some different 
functions but it won't work.

My second question is, how can i close (hide) the Popup, when a new POI 
is selected, at the moment you have to close them by your own. Some Code 
Snippets or advise would be perfect. If you need some more of my code 
just tell me.

Thanks for any help!

Ben

--------Part of my Code---------------
//Load GML
                 layer = new OpenLayers.Layer.GML('GML','./daten/ows.gml', {
                 projection: new OpenLayers.Projection("EPSG:4326"),
                 styleMap: ebbMap
                 });


//POPUP
// create select feature control
      var selectCtrl = new OpenLayers.Control.SelectFeature(layer);
     var lonlat;
     function createPopup(feature) {
         popup = new GeoExt.Popup({
             title: 'Kneipen Infos',
             feature: feature,
             width:250,
             height:100,
             html:  "<h2> Name: " +feature.attributes.name + "</h2> 
Stadtteil: " + feature.attributes.stadtteil, //Definition der Attribute
             maximizable: false,
             collapsible: true,
             //lonlat: feature.geometry.getBounds().getCenterLonLat(),
             //lonlat: feature.geometry.getCenterLonLat(),
             //lonlat: feature.geometry.getBounds(),
             listeners: {
                "close": function() {
                 selectCtrl.unselect(this.feature);
                 }
                         }
             },
             //map.setCenter(new OpenLayers.LonLat(), 18)
             //map.setCenter(new OpenLayers.Geometry.getCentroid(), 18)
             //map.zoomToExtent(new OpenLayers.Bounds(lonlat), 18)
             map.setCenter(new OpenLayers.LonLat(), 18)

             );
         // unselect feature when the popup
         // is closed
         popup.on({
             close: function() {
                 if(OpenLayers.Util.indexOf(layer.selectedFeatures,
                                            this.feature) > -1) {
                     selectCtrl.unselect(this.feature);
                 }
             }
         });
         popup.show();
     }

             // create popup on "featureselected"
             layer.events.on({
                 featureselected: function(e) {
                     createPopup(e.feature)

                 }
             });

         /* On unselection the GeoExt-Popup closes */
         function onFeatureUnselect(event) {
             popup.destroy();
             }