var map;
MyDesktop.DondeEstamos = Ext.extend(Ext.app.Module, {
    id: 'donde-estamos-module',
    init : function(){
        this.launcher = {
            text: 'Donde estamos',
            iconCls:'mapa16',
            handler : this.createWindow,
            scope: this
        }
    },
    createWindow : function(){
        var desktop = this.app.getDesktop();
        var win = desktop.getWindow('donde-estamos-win');
        if(!win){
                win = desktop.createWindow({
                id: 'donde-estamos-win',
                title:'Donde estamos',
                labelWidth: 75, // label settings here cascade unless overridden
                frame:true,
                bodyStyle: 'padding:5px 5px 0',
                shim:false,
                animCollapse:false,
                constrainHeader:true,
                width: 400,
                height: 400,
                items: {
                    xtype: 'gmappanel',
                    id: 'map_canvas',
                    region: 'center',
                    zoomLevel: 14,
                    gmapType: 'map',
                    mapConfOpts: ['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'],
                    mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl']
                    //setCenter: new GLatLng(37.4419, -122.1419)
                }

// agregar un nuevo Marker
//Ext.getCmp('map_canvas').addMarker(new GLatLng(37.4419, -122.1488),{draggable: true},true,true)

//otra forma
// Ext.getCmp('map_canvas').getMap().addOverlay(marker);


//  if (GBrowserIsCompatible()) {
//    var map = new GMap2(document.getElementById("map_canvas"));
//    var center = new GLatLng(37.4419, -122.1419);
//    map.setCenter(center, 13);
//
//    var marker = new GMarker(center, {draggable: true});
//
//    GEvent.addListener(marker, "dragstart", function() {
//      map.closeInfoWindow();
//    });
//
//    GEvent.addListener(marker, "dragend", function() {
//      marker.openInfoWindowHtml("Just bouncing along...");
//    });
//
//    map.addOverlay(marker);
//
//  }



            });
        }
        win.show();
        var center = new GLatLng(-34.692368115514604, -58.376455307006836);
        var marker = new GMarker(center, {draggable: true});
        Ext.getCmp('map_canvas').getMap().setCenter(center,14);
        Ext.getCmp('map_canvas').getMap().addOverlay(marker);
        GEvent.addListener(marker, "dragend", function() {
            alert(marker.getLatLng().x+marker.getLatLng().y);
            //(-34.692368115514604, -58.376455307006836)
            //marker.openInfoWindowHtml("Just bouncing along...");
        });
        //map.addOverlay(marker);

//        if (GBrowserIsCompatible()) {
//                map = new GMap2(document.getElementById("map_canvas"));
//                var center = new GLatLng(-34.435514, -58.35182189941406);
//                map.addControl(new GMapTypeControl());
//                map.enableScrollWheelZoom();
//                map.setCenter(center, 13);
//
//                var marker = new GMarker(center, {draggable: true});
//
//                GEvent.addListener(marker, "dragstart", function() {
//                  map.closeInfoWindow();
//                });
//
//                GEvent.addListener(marker, "dragend", function() {
//                  marker.openInfoWindowHtml("Just bouncing along...");
//                  alert(marker.ra.x);
//                });
//
//                map.addOverlay(marker);
//                map.setCenter(center, 13);
//        }
    }
});