/**
 * Copyright (c) 2008-2009 The Open Source Geospatial Foundation
 *
 * Published under the BSD license.
 * See http://svn.geoext.org/core/trunk/geoext/license.txt for the full text
 * of the license.
 */

Ext.namespace("GeoExt.examples");

// this function takes action based on the "action"
// parameter, it is used as a listener to layer
// nodes' "action" events
GeoExt.examples.onAction = function(node, action, evt) {

    var layer = node.layer;
    switch(action) {
    case "down":
        layer.map.raiseLayer(layer, -1);
        break;
    case "up":
        layer.map.raiseLayer(layer, +1);
        break;
    case "delete":
        layer.destroy();
        break;
    }
};

// custom layer node UI class
GeoExt.examples.LayerNodeUI = Ext.extend(
    GeoExt.tree.LayerNodeUI,
    new GeoExt.tree.TreeNodeUIEventMixin()
);


Ext.onReady(function() {
    Ext.QuickTips.init();

    // the map panel

    var info;
    var map = new OpenLayers.Map("map-id");
maxExtent: new OpenLayers.Bounds(143.834,-43.648,148.479,-39.573)
    var apiKey = "api";

    var mapPanel = new GeoExt.MapPanel({
        border: true,
        region: "center",
        center: [1173892.7542969, 5870273.7714844],
        zoom: 3,
        layers: [
            new OpenLayers.Layer.OSM(),

            new OpenLayers.Layer.Vector("Highlighted Features", {
            displayInLayerSwitcher: false,
            isBaseLayer: false
        }),

            //
            new OpenLayers.Layer.WMS("WMS Test polygon",
                "http://localhost:8080/geoserver/wms", {
                    layers: "prova:poligoni",
                    transparent: true,
                }, {
                     isBaseLayer: false
                     ,displayOutsideMaxExtent: true

               }),
            new OpenLayers.Layer.WMS("WMS Test point",
                "http://localhost:8080/geoserver/wms", {
                    layers: "prova:punti",
                    transparent: true,
                    format: "image/gif"
                }, {
                     isBaseLayer: false
                     ,displayOutsideMaxExtent: true
                })
        ]
    });
// FEATURE POPUP
    info = new OpenLayers.Control.WMSGetFeatureInfo({
            url: 'http://localhost:8080/geoserver/wms',
            title: 'Identify features by clicking',
            queryVisible: true,
            eventListeners: {
                getfeatureinfo: function(event) {
                    map.addPopup(new OpenLayers.Popup.FramedCloud(
                        "chicken",
                        map.getLonLatFromPixel(event.xy),
                        null,
                        event.text,
                        null,
                        true
                    ));
                }
            }
        });
        map.addControl(info);
        info.activate();

        //
    // the layer tree panel. In this tree the node actions are set using
    // the loader's "baseAttrs" property.
    var tree = new Ext.tree.TreePanel({
        region: "west",
        width: 250,
        title: "Layer Tree",
        loader: {
            applyLoader: false,
            uiProviders: {
                "ui": GeoExt.examples.LayerNodeUI
            }
        },
        // apply the tree node actions plugin to layer nodes
        plugins: [{
            ptype: "gx_treenodeactions",
            listeners: {
                action: GeoExt.examples.onAction
            }
        }],
        root: {
            nodeType: "gx_layercontainer",
            loader: {
                baseAttrs: {
                    radioGroup: "radiogroup",
                    uiProvider: "ui",
                    actions: [{
                        action: "delete",
                        qtip: "delete"
                    }, {
                        action: "up",
                        qtip: "move up",
                        update: function(el) {
                            // "this" references the tree node
                            var layer = this.layer, map = layer.map;
                            if (map.getLayerIndex(layer) == map.layers.length - 1) {
                                el.addClass('disabled');
                            } else {
                                el.removeClass('disabled');
                            }
                        }
                    }, {
                        action: "down",
                        qtip: "move down",
                        update: function(el) {
                            // "this" references the tree node
                            var layer = this.layer, map = layer.map;
                            if (map.getLayerIndex(layer) == 1) {
                                el.addClass('disabled');
                            } else {
                                el.removeClass('disabled');
                            }
                        }
                    }]
                }
            }
        },
        rootVisible: false,
        lines: false
    });

    // the viewport
    new Ext.Viewport({
        layout: "fit",
        hideBorders: true,
        items: {
            layout: "border",
            deferredRender: false,
            items: [
                mapPanel,
                tree, {
                region: "east",
                contentEl: "desc",
                width: 250
            }]
        }
    });
});