var gMfLocation="http://www.mapfish.org/svn/mapfish/framework/client/trunk/mfbase/mapfish/";
Ext.BLANK_IMAGE_URL="http://extjs.cachefly.net/ext-3.4.0/resources/images/default/s.gif";
var mapPanel, storeVias, gridVias, mainPanel;
var fronteira = 3; // só se vê as ruas se a resolução for inferior a 6
var escalaMax = 3; // só se vê as ruas se o zoom for superior a 4 (igual não mostra)
var oUtilizador = "";
var oEmail = "";
var oNif = "";

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

function replaceAll(str, de, para){
    var pos = str.indexOf(de);
    while (pos > -1) {
        str = str.replace(de, para);
        pos = str.indexOf(de);
    }
    return (str);
}

////////////////////////////777

Ext.apply(Ext.form.VTypes, {
    daterange: function(val, field){
        var date = field.parseDate(val);
        
        if (!date) {
            return;
        }
        if (field.startDateField && (!this.dateRangeMax || (date.getTime() != this.dateRangeMax.getTime()))) {
            var start = Ext.getCmp(field.startDateField);
            start.setMaxValue(date);
            start.validate();
            this.dateRangeMax = date;
        }
        else 
            if (field.endDateField && (!this.dateRangeMin || (date.getTime() != this.dateRangeMin.getTime()))) {
                var end = Ext.getCmp(field.endDateField);
                end.setMinValue(date);
                end.validate();
                this.dateRangeMin = date;
            }
        
        return true;
    },
    
    NIF: function(val, field){
        //alert(field.getValue);
        //Validação do NIF
        var nif = val;
        var c;
        var checkDigit = 0;
        if (!nif) {
            return;
        }
        if (nif !== null && nif.match(/^\d+$/) && nif.length == 9) {
            c = nif.charAt(0);
            if (c == '1' || c == '2' || c == '5' || c == '6' || c == '8' || c == '9') {
                checkDigit = c * 9;
                var i = 0;
                for (i = 2; i <= 8; i++) {
                    checkDigit += nif.charAt(i - 1) * (10 - i);
                }
                checkDigit = 11 - (checkDigit % 11);
                
                if (checkDigit >= 10) {
                    checkDigit = 0;
                }
                if (checkDigit == nif.charAt(8)) {
                    return true;
                }
            }
        }
        return false;
    },
    
    NIFText: 'Número de contribuinte inválido.',
    
    password: function(val, field){
        if (field.initialPassField) {
            var pwd = Ext.getCmp(field.initialPassField);
            return (val == pwd.getValue());
        }
        return true;
    },
    
    passwordText: 'A password não é igual'
});

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

showSpinner = function(){
 Ext.ux.mask = new Ext.LoadMask(Ext.getBody(), {msg: "A Carregar..."});
 Ext.ux.mask.show();   // Show the mask

  //setup and show mask
}

hideSpinner = function(){
 //hide mask
  Ext.ux.mask.hide();
}
Ext.onReady(function(){
	
	Ext.Ajax.on('beforerequest', showSpinner, this);
    Ext.Ajax.on('requestcomplete', hideSpinner, this);
    Ext.Ajax.on('requestexception', hideSpinner, this);




    Ext.QuickTips.init();
    // create map instance
    var bounds = new OpenLayers.Bounds(-36002.0, 89990.0, -8000.0, 115000.0);
    /*
     var options = {
     projection: 'EPSG:27492',
     controls: [new OpenLayers.Control.LayerSwitcher(), new OpenLayers.Control.Navigation(), new OpenLayers.Control.PanZoomBar()],
     maxZoomLevel: 10,
     numZoomLevels: 9,
     // maxResolution: 40.273752,
     // scales: opcional
     // getZoom(), 0,     1,     2,     3,    4,    5,    6,   7
     scales: [100000, 50000, 25000, 10000, 5000, 2000, 1000, 500],
     maxExtent: bounds,
     units: 'm'
     };
     */
    var options = {
        controls: [new OpenLayers.Control.LayerSwitcher(), new OpenLayers.Control.Navigation(), new OpenLayers.Control.PanZoomBar()],
        maxExtent: bounds,
        maxResolution: 40.273752,
        maxZoomLevel: 10,
	numZoomLevels: 9,
	zoom: 0,
        projection: "EPSG:27492",
        title: 'Mapa',
        units: 'm'
    };
    
    var map = new OpenLayers.Map(options);
    map.addControl(new OpenLayers.Control.Scale());
    map.addControl(new OpenLayers.Control.MousePosition());
    
    var victor = new OpenLayers.Layer.Vector("Editable Vectors", {
        displayInLayerSwitcher: false
    });
    // var panelInserir = new OpenLayers.Control.EditingToolbar(victor, {'div':OpenLayers.Util.getElement('botoesEdicao')});
    // var panelInserir = new OpenLayers.Control.EditingToolbar(victor);
    // var panelModificar = new OpenLayers.Control.ModifyFeature(victor, {'div':OpenLayers.Util.getElement('botoesModificao')});
    // var panelModificar = new OpenLayers.Control.ModifyFeature(victor);
    // map.addControl(panelInserir);
    // map.addControl(panelModificar);
    
    /*
     function report(event) {
     OpenLayers.Console.log(event.type, event.feature ? event.feature.id : event.components);
     }
     victor.events.on({
     "beforefeaturemodified": report,
     "featuremodified": report,
     "afterfeaturemodified": report,
     "vertexmodified": report,
     "sketchmodified": report,
     "sketchstarted": report,
     "sketchcomplete": report
     });
     */
    var panel = new OpenLayers.Control.Panel({
        // displayClass: 'customEditingToolbar',
        div: OpenLayers.Util.getElement('botoesEdicao')
    });
    var navigate = new OpenLayers.Control.Navigation({
        title: "Pan Map"
    });
    var drawPoint = new OpenLayers.Control.DrawFeature(victor, OpenLayers.Handler.Point, {
        title: "Marca pontos",
        displayClass: 'olControlDrawFeaturePoint',
        handlerOptions: {
            multi: true
        }
    });
    var drawPath = new OpenLayers.Control.DrawFeature(victor, OpenLayers.Handler.Path, {
        title: "Traça linhas",
        displayClass: "olControlDrawFeaturePath",
        handlerOptions: {
            multi: true
        }
    });
    var drawPolygon = new OpenLayers.Control.DrawFeature(victor, OpenLayers.Handler.Polygon, {
        title: "Desenha polígonos",
        displayClass: "olControlDrawFeaturePolygon",
        handlerOptions: {
            multi: true
        }
    });
    
    // já não existe!
    // var remove = new OpenLayers.Control.RemoveFeature(victor, {onDone: function(feature) {console.log(feature)} });
    
    var drag = new OpenLayers.Control.DragFeature(victor, {
        title: "Move",
        displayClass: "olControlNavigation"
    });
    
    // control.mode = OpenLayers.Control.ModifyFeature.RESIZE | OpenLayers.Control.ModifyFeature.ROTATE;
    // http://openlayers.org/dev/examples/modify-feature.html
    var edit = new OpenLayers.Control.ModifyFeature(victor, {
        title: "Altera a geometria",
        displayClass: "olControlModifyFeature"
    });
    // var del = new DeleteFeature(victor, {title: "Delete Feature"});
    /*
     var save = new OpenLayers.Control.Button({
     title: "Save Changes",
     trigger: function(){
     if (edit.feature) {
     edit.selectControl.unselectAll();
     }
     saveStrategy.save();
     },
     displayClass: "olControlSaveFeatures"
     });
     */
    panel.addControls([edit, drag, drawPolygon, drawPath, drawPoint]);
    panel.defaultControl = navigate;
    map.addControl(panel);
    
    format = 'image/png';
    var orto = new OpenLayers.Layer.WMS("Ortofotomapas IGP 2005", "/wms/tilecache.py?", {
        layers: 'orto',
        format: 'image/png',
        maxZoomLevels: 10,
	numZoomLevels: 9,
        transparent: true
    }, {
        isBaseLayer: true
    });
    var caop = new OpenLayers.Layer.WMS("Limites Administrativos", // "http://127.0.0.1:8080/geoserver/wms",
 "/geoserver/wms", {
        srs: 'EPSG:27492',
        layers: 'topp:caop2006',
        styles: '',
        format: format,
        transparent: true
    }, {
        buffer: 0,
        singleTile: true,
        ratio: 1,
        isBaseLayer: false
    });
    
    var carto2k5k = new OpenLayers.Layer.WMS("Cartografia 2K/5K", "/wms/tilecache.py?", {
        layers: 'carto2k/5k',
        format: 'image/png',
        maxZoomLevels: 10,
	numZoomLevels: 9,
        transparent: true
    }, {
        buffer: 0,
        isBaseLayer: true
    });
    toponimia = new OpenLayers.Layer.WMS("Toponimia Rede Viaria", // "http://127.0.0.1:8080/geoserver/wms",
 "/geoserver/wms", {
        srs: 'EPSG:27492',
        layers: 'topp:toponimia_rv',
        transparent: true,
        format: format
        // maxScale: 50000,
        // minScale: 10000
    }, {
        buffer: 0
    });
    
    
    var carto10k = new OpenLayers.Layer.WMS("Cartografia 10K", "/wms/tilecache.py?", {
        layers: 'carto10k',
        format: 'image/png',
        numZoomLevels: 9,
         maxZoomLevel: 10,
	transparent: true
    }, {
        buffer: 0,
        isBaseLayer: true
    });
    
    var npol = new OpenLayers.Layer.WMS("Num. Policia", // "http://127.0.0.1:8080/geoserver/wms",
 "/geoserver/wms", {
        srs: 'EPSG:27492',
        layers: 'topp:npol_inter',
        transparent: true,
        format: format
        // maxScale: 5000,
        // minScale: 10000
    }, {
        buffer: 0
    });
    
       var pdm = new OpenLayers.Layer.WMS("P. de Ordenamento 1995", // "http://127.0.0.1:8080/geoserver/wms",
 "/geoserver/wms", {
        srs: 'EPSG:27492',
        layers: 'topp:igtpdm95',
        transparent: true,
        format: format
        // maxScale: 5000,
        // minScale: 10000
    }, {
        buffer: 0,
        visibility: false
    });
    
     var ran = new OpenLayers.Layer.WMS("RAN 1995", // "http://127.0.0.1:8080/geoserver/wms",
 "/geoserver/wms", {
        srs: 'EPSG:27492',
        layers: 'topp:igt_ran95',
        transparent: true,
        format: format
        // maxScale: 5000,
        // minScale: 10000
    }, {
        buffer: 0,
        visibility: false
    });
    var ren = new OpenLayers.Layer.WMS("REN 1995", // "http://127.0.0.1:8080/geoserver/wms",
 "/geoserver/wms", {
        srs: 'EPSG:27492',
        layers: 'topp:igt_ren95',
        transparent: true,
        format: format
        // maxScale: 5000,
        // minScale: 10000
    }, {
        buffer: 0,
        visibility: false
    });
    
    var localidades = new OpenLayers.Layer.WMS("Localidades", // "http://127.0.0.1:8080/geoserver/wms",
 "/geoserver/wms", {
        srs: 'EPSG:27492',
        layers: 'topp:localidades_topo',
        transparent: true,
        format: format
        // maxScale: 5000,
        // minScale: 10000
    }, {
        buffer: 0
    });
    
    /*
     function createTreeModel() {
     return [{
     text: 'Cartografia de Base',
     expanded: false,
     leaf: false,
     children:[{
     text: 'Cartografia 2K/5K',
     checked: true,
     layerName: 'Cartografia 2K/5K',
     leaf: true
     },{
     text: 'Cartografia 10K',
     checked: false,
     layerName: 'Cartografia 10K',
     leaf:true
     },{
     text: 'Ortofotomapas IGP 2005',
     checked: false,
     layerName: 'Ortofotomapas IGP 2005',
     leaf:true
     }
     ]
     }, {
     text: "Cartografia Temática",
     leaf: false,
     checked: true,
     expanded: true,
     children: [{
     text: "Limites Administrativos",
     layerName: 'Limites Administrativos',
     leaf: true,
     // 4.5
     icon: "icons/img2.png",
     checked: true
     },{
     text: "P. de Ordenamento 1995",
     layerName: 'P de Ordenamento 1995',
     leaf: true,
     // 4.5
     icon: "icons/img1.png",
     checked: true
     },{
     text: "Toponimia Rede Viaria",
     layerName: 'Toponimia Rede Viaria',
     leaf: true,
     // 4.5
     icon: "icons/img1.png",
     checked: true
     },{
     text: "Num. Policia",
     layerName: 'Num. Policia',
     leaf: true,
     // 4.5
     icon: "icons/img1.png",
     checked: true
     },{
     text: "Localidades",
     layerName: 'Localidades',
     leaf: true,
     // 4.5
     icon: "icons/img1.png",
     checked: true
     },{
     text: "Rede Natura 2000",
     layerName: 'Rede Natura 2000',
     leaf: true,
     // 4.5
     icon: "icons/img1.png",
     checked: true
     },{
     text: "RAN 1995",
     layerName: 'RAN 1995',
     leaf: true,
     // 4.5
     icon: "icons/img1.png",
     checked: true
     },{
     text: "REN 1995",
     layerName: 'REN 1995',
     leaf: true,
     // 4.5
     icon: "icons/img1.png",
     checked: true
     }]
     }];
     
     var model = createTreeModel();
     */
    // Overview Map
    
    var enq = new OpenLayers.Layer.WMS("Enquadramento", "/geoserver/wms", {
        layers: 'topp:lim_overview1',
        srs: 'EPSG:27492',
        units: 'm'
    });
    var over = enq.clone();
    var overviewoptions = {
        projection: 'EPSG:27492',
        displayProjection: 'EPSG:27492',
        units: 'm',
        maxResolution: 25000,
        maxExtent: new OpenLayers.Bounds(-62481.00668945313, 69030.723046875, 18421.046728515626, 148981.206640625),
        theme: false,
	maxZoomLevel: 9,
        numZoomLevels: 10
    };
    var overview = new OpenLayers.Control.OverviewMap({
        //div: OpenLayers.Util.getElement('over'),
        size: new OpenLayers.Size(120, 120),
        layers: [over],
        minRatio: 10,
        maxRatio: 10,
        mapOptions: overviewoptions
    });
    map.addControl(overview);
    
    
    /*
     var caop = new OpenLayers.Layer.WMS("Limites Administrativos", "/geoserver/wms", {
     srs: 'EPSG:27492',
     layers: 'topp:caop',
     format: 'image/png',
     transparent: true
     }, {
     isBaseLayer: true,
     attribution: '<b>+MARIA</b>, Câmara Municipal de Águeda, 2009'
     });
     */
    var protocolVias = new OpenLayers.Protocol.HTTP({
        url: "/mapfish/vias",
        format: new OpenLayers.Format.GeoJSON()
    });
    // create vector layer
    var vecLayer = new OpenLayers.Layer.Vector("vector", {
        strategies: [new OpenLayers.Strategy.BBOX()],
        protocol: protocolVias,
        // maxScale: escalaMax,
        displayInLayerSwitcher: false,
        maxResolution: fronteira
    });
    // map.addLayers([caop, vecLayer, victor]);
    // map.addLayers([caop, vecLayer, victor, orto, caop]);
    
    ////////////////////////////////////
    // support GetFeatureInfo
    map.events.register('click', map, function(e){
        // waitTitle: 'A Criar PDF';
        // waitMsg: 'A enviar dados...';
        //document.getElementById('nodelist').innerHTML = "Procurar... aguarde...";
        var params = {
            REQUEST: "GetFeatureInfo",
            EXCEPTIONS: "application/vnd.ogc.wms_xml",
            BBOX: map.getExtent().toBBOX(),
            X: e.xy.x,
            Y: e.xy.y,
            INFO_FORMAT: 'text/html',
            QUERY_LAYERS: 'topp:npol_inter,topp:toponimia_rv,topp:localidades_topo,topp:caop2006',
            FEATURE_COUNT: 10,
            Srs: 'EPSG:27492',
            Layers: 'topp:npol_inter,topp:toponimia_rv,topp:localidades_topo,topp:caop2006',
            Styles: '',
            WIDTH: map.size.w,
            HEIGHT: map.size.h,
            format: format
        };
        OpenLayers.loadURL("http://geoportal.cm-agueda.pt:80/geoserver/wms", params, this, setHTML, setHTML);
        OpenLayers.Event.stop(e);
    });
    
    function setHTML(response){
    
        Ext.Msg.show({
            title: 'Resultado da Procura !',
            msg: '' + response.responseText,
            width: 350
        });
        
    }
    
    
    ///////////////////////////////////
    map.addLayers([vecLayer, victor, carto2k5k, carto10k, orto, pdm, ran, ren, npol, toponimia, localidades, caop]);
    map.addControl(new OpenLayers.Control.Attribution());
    
    // create map panel
    mapPanel = new GeoExt.MapPanel({
        // title: "Map",
        region: "center",
        // height: 400,
        // width: 600,
        map: map,
        // center: new OpenLayers.LonLat(, 45),
        zoom: 1
    });
    
    // create feature store, binding it to the vector layer
    storeVias = new GeoExt.data.FeatureStore({
        layer: vecLayer,
        fields: [{
            name: 'designacao',
            type: 'string'
        }, {
            name: 'toponimia',
            type: 'string'
        }, {
            name: 'freg',
            type: 'string'
        }, {
            name: 'the_geom',
            type: 'geo'
        }],
        proxy: new GeoExt.data.ProtocolProxy({
            protocol: protocolVias
        }),
        autoLoad: false
    });
    
    
    // create grid panel configured with feature store
    gridVias = new Ext.grid.GridPanel({
        title: "Seleccione a rua",
        region: "east",
        store: storeVias,
        collapsible: true,
        width: "100%",
        height: 160,
        columns: [ // { header: 'id', dataIndex: 'id', width: 50 },
        {
            header: 'Designação',
            dataIndex: 'designacao',
            width: 75
        }, {
            header: 'Topónimo',
            dataIndex: 'toponimia',
            width: 150
        }, {
            header: 'Freg.',
            dataIndex: 'freg',
            width: 50
        }],
        sm: new GeoExt.grid.FeatureSelectionModel(),
        listeners: {
            'rowclick': {
                'fn': function(grid, index, evt){
                    var r = grid.getStore().getAt(index);
                    var feature = r.get('feature');
                    // OpenLayers.Console.log(feature.fid, feature.attributes['toponimia']);
                    var geometry = feature.geometry;
                    var center = geometry.getBounds().getCenterLonLat();
                    map.setCenter(center, map.getZoom()); // 15 é demais
                    // map.setCenter(center, map.getZoomForExtent(geometry.getBounds(),false));  // 15 é demais
                    // OpenLayers.Console.log( geometry );
                }
            }
        }
    });
    
    var storePlanos = new Ext.data.SimpleStore({
        fields: ['value', 'text', 'bbox'],
        data: [['1', 'PDM 1995', new OpenLayers.Bounds(-37342, 90905, -8188, 115018)], ['2', 'Rede Natura 2000', new OpenLayers.Bounds(-36775, 93974, -19613, 113958)]]
    });
    
    // create the data store
    /*
     var storePlanos = new Ext.data.JsonStore({
     url: 'json_planos.php',
     root: "features",
     // id: "id",
     fields: [{
     name: 'id',
     type: 'int'
     },{
     name: 'designacao',
     type: 'string'
     },{
     name: 'datafim'
     },{
     name: 'the_geom'
     } // geometry? // OpenLayers.Bounds.fromString ?
     ]
     });
     storePlanos.load();
     */
    // console.log(storePlanos);
    var shortcutsPlanos = new mapfish.widgets.Shortcuts({
        map: map,
        el: 'atalhoPlanos',
        store: storePlanos,
        templates: {
            header: new Ext.Template(""),
            footer: new Ext.Template("")
        }
    });
    shortcutsPlanos.render();
    
    var storeFreguesias = new Ext.data.SimpleStore({
        fields: ['value', 'text', 'bbox'],
        data: [['1', 'AGADÃO', new OpenLayers.Bounds(-14893, 96390, -13893, 97390)], ['2', 'AGUADA DE BAIXO', new OpenLayers.Bounds(-27412, 93179, -26412, 94179)], ['3', 'AGUADA DE CIMA', new OpenLayers.Bounds(-23874, 94568, -22874, 95568)], ['4', 'ÁGUEDA', new OpenLayers.Bounds(-24402, 100847, -23402, 101847)], ['5', 'BARRO', new OpenLayers.Bounds(-28555, 95544, -27555, 96544)], ['6', 'BELAZAIMA DO CHAO', new OpenLayers.Bounds(-18828, 94895, -17828, 95895)], ['7', 'BORRALHA', new OpenLayers.Bounds(-24841, 97933, -23841, 98933)], ['8', 'CASTANHEIRA DO VOUGA', new OpenLayers.Bounds(-18993, 100645, -17993, 101645)], ['9', 'ESPINHEL', new OpenLayers.Bounds(-30362, 98965, -29362, 99965)], ['10', 'FERMENTELOS', new OpenLayers.Bounds(-33990, 99139, -32990, 100139)], ['11', 'LAMAS DO VOUGA', new OpenLayers.Bounds(-29033, 106715, -28033, 107715)], ['12', 'MACIEIRA DE ALCOBA', new OpenLayers.Bounds(-12356, 104988, -11356, 105988)], ['13', 'MACINHATA DO VOUGA', new OpenLayers.Bounds(-25689, 110484, -24689, 111484)], ['14', 'OIS DA RIBEIRA', new OpenLayers.Bounds(-32337, 100660, -31337, 101660)], ['15', 'PRÉSTIMO', new OpenLayers.Bounds(-17702, 105522, -16702, 106522)], ['16', 'RECARDAES', new OpenLayers.Bounds(-28439, 98665, -27439, 99665)], ['17', 'SEGADAES', new OpenLayers.Bounds(-30472, 103495, -29472, 104495)], ['18', 'TRAVASSO', new OpenLayers.Bounds(-31512, 102321, -30512, 103321)], ['19', 'TROFA', new OpenLayers.Bounds(-28839, 104335, -27839, 105335)], ['20', 'VALONGO DO VOUGA', new OpenLayers.Bounds(-23965, 106447, -22965, 107447)]]
    });
    
    var shortcuts = new mapfish.widgets.Shortcuts({
        map: map,
        el: 'atalhoFreguesias',
        store: storeFreguesias,
        emptyText: 'Seleccione o plano',
        templates: {
            header: new Ext.Template(""),
            footer: new Ext.Template("")
        }
    });
    shortcuts.render();
    
    Ext.QuickTips.init();
    // turn on validation errors beside the field globally
    Ext.form.Field.prototype.msgTarget = 'side';
    //make a new form
    var form_user = new Ext.form.FormPanel({
        frame: true,
        method: 'GET',
        title: 'Identifique-se',
        bodyStyle: 'padding: 5px 5px 0',
        width: "100%",
        labelWidth: 70,
        defaults: {
            width: 120
        }, //this is the default field width
        defaultType: 'textfield', //this is the default field type.  You don't have to set this, but if not, you'll have to set it for each item
        items: [{
            fieldLabel: 'Utilizador',
            name: 'utilizador',
            allowBlank: false
        }, {
            fieldLabel: 'Senha',
            name: 'senha',
            inputType: 'password',
            allowBlank: false
        }],
        buttons: [{
            text: 'Entrar', //text for submit button
            type: 'submit', //type for button
            handler: function(){ //what happens when you click the button?
                form_user.form.submit({
                    url: 'verificalogin.php',
                    success: function(form, action){
                        obj = Ext.util.JSON.decode(action.response.responseText);
                        // console.debug(action.response.responseText); 
                        // console.debug( obj.data.nome );
                        form_logout.form.items.items[0].setValue(obj.data.nome);
                        // console.debug( obj.data.nif );
                        form_logout.form.items.items[1].setValue(obj.data.nif);
                        // console.debug( obj.data.ultimologin );
                        form_logout.form.items.items[2].setValue(obj.data.ultimologin);
                        // console.debug( obj.data.utilizador );
                        form_logout.form.items.items[3].setValue(obj.data.utilizador);
                        oUtilizador = obj.data.utilizador;
                        oEmail = obj.data.email;
                        oNif = obj.data.nif;
                        form_user.hide();
                        form_user.getForm().reset();
                        form_logout.show();
                        Ext.MessageBox.alert('Informação', "Bem vindo, " + obj.data.nome);
                        // enable dos botões do form de submissão
                        form_participacao.buttons[0].enable(); // Enviar
                        form_participacao.buttons[1].enable(); // limpar
                    },
                    failure: function(form, action){
                        obj = Ext.util.JSON.decode(action.response.responseText);
                        // console.debug(action.response.responseText);
                        // console.debug(obj.errors);
                        // console.debug(obj.errors.reason);
                        Ext.MessageBox.alert('Informação', obj.errors.reason);
                    }
                });
            }
        }, {
            text: 'Registe-se', //text for submit button
            type: 'submit', //type for button
            handler: function(){
            
                window.show();
            }
            
        } // but cancelar
]
    });
    
    ////////  make form regista-se
    
    var form_regista = new Ext.form.FormPanel({
        xtype: "form",
        border: false,
        frame: true,
        url: 'regista.php',
        method: "GET",
        
        title: "Registo de Utilizador",
        defaults: { // defaults are applied to items, not the container
            blankText: 'Campo de preenchimento obrigatório.'
        },
        
        items: [{
            xtype: "fieldset",
            autoHeight: true,
            autoWidth: true,
            title: "Dados Pessoais",
            items: [{
                xtype: "numberfield",
                minLength: 9,
                maxLength: 9,
                minLengthText: 'Este campo deve conter 9 números',
                maxLengthText: 'Este campo deve conter apenas 9 números',
                vtype: "NIF",
                allowBlank: false,
                fieldLabel: "NIF",
                name: "txtnif",
                id: 'txtnif',
                width: 180
            }, {
                xtype: "textfield",
                fieldLabel: "Nome",
                allowBlank: false,
                id: 'txtnome',
                name: "txtnome",
                autoHeight: true,
                width: 180
            }, {
                xtype: "fieldset",
                autoHeight: true,
                autoWidth: true,
                layout: 'anchor',
                title: "Sexo",
                items: [{
                    xtype: 'radiogroup',
                    fieldLabel: '',
                    //align: "left",
                    items: [{
                        xtype: "radio",
                        name: "sexo",
                        inputValue: "masculino",
                        fieldLabel: "Masculino"
                    }, {
                        xtype: "radio",
                        fieldLabel: "Feminino",
                        inputValue: "Feminino",
                        name: "sexo"
                    }]
                }]
            }, {
                xtype: "datefield",
                name: "txtdata",
                id: "txtdata",
                format: 'd/m/Y',
                fieldLabel: "Data Nascimento",
                width: 180
            }, {
                xtype: "textfield",
                allowBlank: false,
                //vtype : "phone",
                fieldLabel: "Telefone",
                name: "txttele",
                id: 'txttele',
                width: 180
            }, {
                xtype: "textfield",
                name: "txtpais",
                id: "txtpais",
                allowBlank: false,
                blankText: "Este campo é obrigatorio",
                fieldLabel: "Pais",
                width: 180
            }, {
                xtype: "textarea",
                name: "txtmorada",
                id: "txtmorada",
                fieldLabel: "Morada",
                grow: false,
                /*onKeyUp : function(e){
                 if(!e.isNavKeyPress() || (e.getKey() == e.ENTER && !e.shiftKey)){
                 this.autoSize();
                 }
                 },*/
                preventScrollbars: true,
                maxLength: 120,
                maxLengthText: "Atingiu o limite de caracteres",
                height: 40,
                width: 180
            }, {
                xtype: "textfield",
                fieldLabel: "Localidade",
                name: "txtlocalidade",
                id: "txtlocalidade",
                width: 180
            }, {
                xtype: "textfield",
                fieldLabel: "C.Postal",
                name: "txtcp",
                id: "txtcp",
                width: 180
            }]
        }, {
            xtype: "fieldset",
            autoWidth: true,
            autoHeight: true,
            title: "Dados de Utilizador",
            items: [{
                xtype: "textfield",
                fieldLabel: "Utilizador",
                allowBlank: false,
                vtype: "alpha",
                name: "txtutilizador",
                id: "txtutilizador",
                width: 180
            }, {
                xtype: "textfield",
                fieldLabel: "Password",
                name: "txtpass1",
                minLength: 5,
                //vtype : "alphanumText",
                allowBlank: false,
                inputType: 'password',
                id: "txtpass1",
                width: 180
            }, {
                xtype: "textfield",
                allowBlank: false,
                minLength: 5,
                vtype: "password",
                inputType: 'password',
                fieldLabel: "Repita a Password",
                name: "txtpass2",
                id: "txtpass2",
                initialPassField: 'txtpass1',
                width: 180
            }, {
                xtype: "textfield",
                fieldLabel: "E-Mail",
                id: 'txtmail',
                name: "txtmail",
                allowBlank: false,
                vtype: "email",
                width: 180
            }]
        }],
        json: {
            size: {
                width: 330,
                height: 471
            }
        }
    });
    
    //////////////////////////////////////
    //make a new form
    var form_logout = new Ext.form.FormPanel({
        frame: true,
        method: 'GET',
        title: 'Sessão iniciada',
        bodyStyle: 'padding: 5px 5px 0',
        width: "100%",
        labelWidth: 70,
        collapsible: true,
        defaults: {
            width: 120
        }, //this is the default field width
        defaultType: 'textfield', //this is the default field type.  You don't have to set this, but if not, you'll have to set it for each item
        items: [{
            fieldLabel: 'Nome',
            name: 'nome',
            readOnly: true,
            disabled: true
        }, {
            fieldLabel: 'Contribuinte',
            name: 'nif',
            readOnly: true,
            disabled: true
        }, {
            fieldLabel: 'Último login',
            name: 'ultimologin',
            readOnly: true,
            disabled: true
        }, {
            name: 'utilizador',
            xtype: 'hidden',
            readOnly: true
        }],
        buttons: [{
            text: 'Terminar', //text for submit button
            type: 'submit', //type for button
            handler: function(){ //what happens when you click the button?
                Ext.MessageBox.alert('Informação', "Adeus, " + form_logout.form.items.items[0].value);
                form_logout.getForm().reset();
                form_logout.hide();
                form_user.getForm().reset();
                form_user.show();
                //
                form_participacao.getForm().reset();
                form_participacao.disable();
                oUtilizador = "";
                oEmail = "";
                form_participacao.buttons[0].disable(); // Enviar
                form_participacao.buttons[1].disable(); // limpar
            }
        }]
    });
    
    
    // make a new form
    var form_participacao = new Ext.form.FormPanel({
        frame: true,
        title: 'Impressão da Planta de Localização',
        bodyStyle: 'padding: 5px 5px 0',
        width: "100%",
        labelWidth: 1,
        url: '/login/testepdf.php',
        method: 'GET',
        //defaultType: 'textfield', //this is the default field type.  You don't have to set this, but if not, you'll have to set it for each item
        items: [],
        buttons: [{
            text: 'Imprimir Planta', //text for submit button
            type: 'submit', //type for button
            disabled: true,
            handler: function(){
            
                //Ext.Msg.alert('Aviso', 'Clique aqui p :' + victor.features[0].geometry.toString());
                
                if (victor.features.length > 0) {
                
                    var geom = "";
                    //var geoJSON = new OpenLayers.Format.WKT();
                    for (i = 0; i < victor.features.length; i++) {                    	
                        geom = geom + victor.features[i].geometry.toString();
                    	//alert(geoJSON.extractGeometry(victor.features.geometry));    
                        geom = geom + ";";
                        
                    }
                    //alert(geom);
                    //geom = replaceAll(geom, "MULTIPOLYGON", "POLYGON");
                    //geom = replaceAll(geom, "MULTIPOINT", "POINT");
                    //geom = replaceAll(geom, "(((", "((");
                    //geom = replaceAll(geom, ")))", "))");
                    
                    form_participacao.getForm().submit({ // victor.features[victor.features.length-1].geometry.toString()
                        method: 'GET',
                        params: {
                            cmd: 'getmap',
                            txtnif: oNif,
                            thegeom: '' + geom
                        },
                        waitTitle: 'A Criar PDF',
                        waitMsg: 'A enviar dados...',
                        
                        success: function(form, action){
                            obj = Ext.util.JSON.decode(action.response.responseText);
                            // console.debug(action.response.responseText); 
                            // console.debug( obj.data.nome );
                            //form_participacao.form.items.items[1].setValue(obj.data.link);
                            pdfcod = obj.link;
                            Ext.Msg.alert('Aviso', 'Clique aqui para fazer download da Planta ->  <a href="http://geoportal.cm-agueda.pt/login/testepdf.php?cmd=sendpdf&pdfcod=' + pdfcod + '"> Download </a>', function(btn, text){
                                if (btn == 'ok') {
                                    var redirect = 'plantaslocalizacao.html';
                                    window.location = redirect;
                                }
                            });
                        },
                        failure: function(form, action){
                            if (action.failureType == 'server') {
                                obj = Ext.util.JSON.decode(action.response.responseText);
                                Ext.Msg.alert('Não foi possível enviar os dados!', obj.errors.reason);
                            }
                            else {
                                Ext.Msg.alert('Aviso!', 'Não é possivel comunicar com o servidor : ' + action.response.responseText);
                            }
                            form_participacao.getForm().reset();
                        }
                    });
                }
                else {
                    Ext.Msg.alert('Aviso!', 'Tem de desenhar a localização pretendida !');
                    
                } //if
            } //function
        }, {
            text: 'limpar', //text for submit button
            disabled: true,
            handler: function(){ //what happens when you click the button?
                victor.destroyFeatures();
                form_participacao.getForm().reset();
                // console.log('tudo limpo');
            }
        }]
    });
    // form_user.render('autenticao-form');
    // form_participacao.render('participacao-form');
    
    // create a panel and add the map panel and grid panel
    // inside it
    mainPanel = new Ext.Panel({
        layout: "border",
        height: 400,
        width: 920,
        items: [mapPanel]
    });
    
    ////////////////////////////////////////////////
    
    var window = new Ext.Window({
        title: 'Formulário de Registo',
        width: 360,
        height: 590,
        minWidth: 250,
        minHeight: 500,
        layout: 'fit',
        plain: true,
        bodyStyle: 'padding:3px;',
        buttonAlign: 'center',
        items: form_regista,
        
        buttons: [{
            xtype: 'button',
            formBind: true,
            scope: this,
            iconCls: 'icon-disk',
            id: 'submit_button',
            text: 'Registar',
            handler: function(){
                if (form_regista.getForm().isValid()) {
                    form_regista.getForm().submit({
                        url: this.url,
                        scope: this,
                        //envia para o php a string "frm_save"
                        params: {
                            cmd: 'save_frm'
                        },
                        
                        waitMsg: 'Gravar Dados...',
                        success: function(){
                            Ext.MessageBox.alert('Aviso!', 'Obrigado pelo registo!', function(){
                                window.hide();
                            });
                        },
                        failure: function(){
                            Ext.MessageBox.alert('Aviso!', 'Falha no registo!');
                        }
                    });
                }
            }
            
            
        }, {
            text: 'Cancelar',
            handler: function(){
                form_regista.getForm().reset();
            }
        }]
    });
    
    ////////////////////////////// GRAFICOS /////////////////////////
    
    var storeg1 = new Ext.data.JsonStore({
        url: '/estatistica/est_qrymes.php?graf=g1',
        root: 'pesquisa',
        fields: ['quantidade', 'mes']
    });
    
    storeg1.load();
    
    var storeg2 = new Ext.data.JsonStore({
        url: '/estatistica/est_qrymes.php?graf=g2',
        root: 'pesquisa',
        fields: ['nome', 'valor']
    });
    
    storeg2.load();
    
    var g1 = new Ext.Panel({
        title: 'Impressões/Mês',
        renderTo: document.getElementById('container'),
        width: 280,
        height: 300,
        layout: 'fit',
        
        items: {
            xtype: 'columnchart',
            store: storeg1,
            xField: 'mes',
            yField: 'quantidade',
            xAxis: new Ext.chart.CategoryAxis({
                title: 'Mês'
            }),
            yAxis: new Ext.chart.NumericAxis({
                title: 'Quantidade de Impressões'
            }),
            extraStyle: {
                xAxis: {
                    labelRotation: -90
                },
                yAxis: {
                    titleRotation: -90
                }
            },
            listeners: {
                itemclick: function(o){
                    var rec = store.getAt(o.index);
                    Ext.example.msg('Item Selected', 'You chose {0}.', rec.get('mes'));
                }
            }
        }
    });
    
    var g2 = new Ext.Panel({
        title: 'Impressões/Entidade',
        renderTo: document.getElementById('container'),
        width: 280,
        height: 300,
        layout: 'fit',
        
        items: {
            xtype: 'columnchart',
            store: storeg2,
            xField: 'nome',
            yField: 'valor',
            xAxis: new Ext.chart.CategoryAxis({
                title: 'Tipo de Entidade'
            }),
            yAxis: new Ext.chart.NumericAxis({
                title: 'Quantidade'
            }),
            extraStyle: {
            
                yAxis: {
                    titleRotation: -90
                }
            },
            listeners: {
                itemclick: function(o){
                    var rec = store.getAt(o.index);
                    Ext.example.msg('Item Selected', 'You chose {0}.', rec.get('valor'));
                }
            }
        }
    });
    
    
    var tabs = new Ext.TabPanel({
        //deferredRender:true,
        xtype: 'tabpanel',
        renderTo: document.getElementById('container'),
        id: 'main-tabs',
        height: 300,
        width: 288,
        activeTab: 0,
        margins: '0 5 5 0',
        /*
         renderTo: container,
         activeTab: 0,
         width:290,
         height:250,
         plain:true,
         border:false,
         hideBorders:true,
         frame:true,
         defaults:{autoScroll: true},*/
        //items: [{
        //	xtype: 'tabpanel',
        //title: 'Gráficos',
        //	id: 'tab1',
        //	activeTab: 0,
        tabPosition: 'bottom',
        items: [g1, g2]
        //}]
    
    });
    
    //tabs.init();
    tabs.render();
    
    
    
    ////////////////////////////////////////////////
    
    var viewport = new Ext.Viewport({
        layout: "border",
        items: [{
            region: 'north',
            xtype: 'panel',
            height: 100,
            collapsible: true,
            border: true,
            bodyCssClass: 'painelNorte',
            contentEl: 'norte'
        }, {
            region: "west",
            id: "tools",
            //title: "Menus",
            collapsible: true,
            //border: true,
            width: 280,
            items: [form_user, form_logout, {
                //title: 'Escolha o Plano em discussão',
                //contentEl: 'atalhoPlanos'
                //}, {
                title: 'Seleccione a Freguesia',
                contentEl: 'atalhoFreguesias'
            }, // form_combo_vias,
 gridVias, {
                title: 'Desenhe a Localização Pretendida',
                contentEl: 'barraEdicao'
            }, form_participacao],
            split: true
        }, {
            region: 'east',
            id: 'east-panel',
            title: 'Informações',
            //border: true,
            width: 300,
            split: true,
            collapsedTitle: 'Clique aqui para ver as Informações',
            collapsible: true,
            collapsed: true,
            //collapseMode: 'mini',
            //collapsesize: 5,
            minSize: 200,
            cmargins: '0 10 0 0',
            //headerAsText :true,
            //header:true,
            layout: 'accordion',
            layoutConfig: {
                animate: true
            },
            frame: true,
            items: [{
                title: 'Ajuda',
                id: 'help',
                autoScroll: true,
                contentEl: 'helptext'
            }, {
                title: 'Legenda',
                id: 'legenda',
                autoScroll: true,
                contentEl: 'legendapdm'
            }, {
                title: 'Gráficos',
                id: 'grafico',
                autoScroll: true,
                contentEl: 'container'
            
            }, {
                title: 'Mais Info',
                id: 'info',
                contentEl: 'infotext'
            }]
        }, mapPanel]
    });
    
    form_logout.hide();
    viewport.doLayout();
	
    
});