var mapPanel;
var map;
var westPanel;
var infoPopupParameter;
var infoPopupParameterLabel;
layerDetails = new Array();
function initializare() {
    Ext.QuickTips.init();

    //variables
    layerDetails[ 'ghidici_06_04_14_terra' ] = 'ghidici_06_04_14_terra';
layerDetails[ 'ghidici_06_04_15_terra' ] = 'ghidici_06_04_15_terra';
layerDetails[ 'ghidici_06_04_17_terra' ] = 'ghidici_06_04_17_terra';
layerDetails[ 'ghidici_06_04_21_terra' ] = 'ghidici_06_04_21_terra';
layerDetails[ 'ghidici_06_04_23_terra' ] = 'ghidici_06_04_23_terra';
layerDetails[ 'ghidici_06_04_24_aqua' ] = 'ghidici_06_04_24_aqua';
layerDetails[ 'ghidici_06_04_25_terra' ] = 'ghidici_06_04_25_terra';
layerDetails[ 'ghidici_06_04_26_terra' ] = 'ghidici_06_04_26_terra';
layerDetails[ 'ghidici_06_05_01_terra' ] = 'ghidici_06_05_01_terra';
layerDetails[ 'ghidici_06_05_03_terra' ] = 'ghidici_06_05_03_terra';
layerDetails[ 'ghidici_06_05_04_terra' ] = 'ghidici_06_05_04_terra';
layerDetails[ 'ghidici_06_05_05_terra' ] = 'ghidici_06_05_05_terra';
layerDetails[ 'ghidici_06_05_06_terra' ] = 'ghidici_06_05_06_terra';
layerDetails[ 'ghidici_06_05_07_terra' ] = 'ghidici_06_05_07_terra';
layerDetails[ 'ghidici_06_05_08_terra' ] = 'ghidici_06_05_08_terra';
layerDetails[ 'ghidici_06_05_14_terra' ] = 'ghidici_06_05_14_terra';
layerDetails[ 'ghidici_06_05_16_terra' ] = 'ghidici_06_05_16_terra';

    layerDetails['Corine Landcover 2006'] = 'clc2006';
    layerDetails['Mlaștini'] = 'mlastini';
    layerDetails['Limite bazine hidrografice'] = 'sbazine';
    layerDetails['Limite UAT'] = 'limita_uat';
    layerDetails['Limite județe'] = 'limita_judet';
    layerDetails['Limite localități'] = 'limita_localitati';
    layerDetails['Drumuri naționale și județene'] = 'drumuri_nat_jud';
    layerDetails['Drumuri comunale'] = 'drumuri_com';
    layerDetails['Rețea căi ferate'] = 'cfr';
    layerDetails['Rețea hidrografică'] = 'retea_hidrografica';
    layerDetails['Rețea canale'] = 'canale';
    layerDetails['Diguri'] = 'diguri';
    layerDetails['Stații meteorologice'] = 'statii_meteo';
    layerDetails['Sentinel-1 28.10.2014'] = 'sentinel';
    layerDetails['Sentinel-1 06.10.2014'] = 'sentinel2';

    OpenLayers.ProxyHost="http://geodim.meteoromania.ro/cgi-bin/proxy.py/?url=";
    var navigationHistoryControl = new OpenLayers.Control.NavigationHistory();
    var loadingpanel = new OpenLayers.Control.LoadingPanel();
    var controlZoomBox = new OpenLayers.Control.ZoomBox({CLASS_NAME:'zoomIn'});
    var distanta = new OpenLayers.Control.Measure(OpenLayers.Handler.Path, {
        eventListeners: {
            measure: function(evt) {
                alert("Distanța măsurată: " + evt.measure.toFixed(2) + evt.units);
            }
        }
    });
    var navigation = new OpenLayers.Control.Navigation();
    var displayProjection = new OpenLayers.Projection("EPSG:4326");
    var options = {
        projection: new OpenLayers.Projection("EPSG:900913"),
        displayProjection: displayProjection,
        units: "m",
        maxExtent: new OpenLayers.Bounds(-20037508, -20037508, 20037508, 20037508.34),
        controls:
        [
            new OpenLayers.Control.PanZoomBar(),
            new OpenLayers.Control.KeyboardDefaults(),
            new OpenLayers.Control.Attribution(),
            controlZoomBox,
            navigation,
            navigationHistoryControl
        ]
    };
    map = new OpenLayers.Map('map', options);
    map.addControl(loadingpanel);

    var zoom = 4;
    var lat = 50.5;
    var lon = 8;

    //definitii straturi de baza
    var gmapStreets = new OpenLayers.Layer.Google(
        "Google Străzi"
    );

    var gmapTerrain = new OpenLayers.Layer.Google(
        "Google Teren",
        {type: google.maps.MapTypeId.TERRAIN}
    );

    var gmapSatellite = new OpenLayers.Layer.Google(
        "Google Satelit",
        {type: google.maps.MapTypeId.SATELLITE, numZoomLevels: 22}
    );

    var gmapHybrid = new OpenLayers.Layer.Google(
        "Google Hibrid",
        {type: google.maps.MapTypeId.HYBRID, numZoomLevels: 20}
    );

    var osm = new OpenLayers.Layer.OSM(
        "OpenStreetMap"
    );

    var blank = new OpenLayers.Layer.Image(
        'Fără fundal',
        'images/blank_background.jpg',
        new OpenLayers.Bounds(-20037508, -20037508, 20037508, 20037508.34),
        new OpenLayers.Size(800, 800),
        {
            isBaseLayer: true,
            resolutions: [2.388657133483887, 4.777314266967774, 9.554628533935547, 19.109257067871095, 38.21851413574219, 76.43702827148438, 152.87405654296876, 305.7481130859375, 611.496226171875, 1222.99245234375, 2445.9849046875, 4891.969809375, 9783.93961875, 19567.8792375, 39135.758475, 78271.51695, 156543.0339]
        }
    );

    //definitii straturi tematice
    var geologie200k = new OpenLayers.Layer.WMS(
        "Geologice (1: 200 000)",
        "http://earth.unibuc.ro/geoserver/wms", 
        {
            layers: 'geospatial:geologie200k', 
            format: 'image/png'
        },
        {
            isBaseLayer: false
        }
    );

    ghidici_06_04_14_terra = new OpenLayers.Layer.WMS( 'ghidici_06_04_14_terra' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_04_14_terra', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );
ghidici_06_04_15_terra = new OpenLayers.Layer.WMS( 'ghidici_06_04_15_terra' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_04_15_terra', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );
ghidici_06_04_17_terra = new OpenLayers.Layer.WMS( 'ghidici_06_04_17_terra' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_04_17_terra', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );
ghidici_06_04_21_terra = new OpenLayers.Layer.WMS( 'ghidici_06_04_21_terra' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_04_21_terra', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );
ghidici_06_04_23_terra = new OpenLayers.Layer.WMS( 'ghidici_06_04_23_terra' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_04_23_terra', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );
ghidici_06_04_24_aqua = new OpenLayers.Layer.WMS( 'ghidici_06_04_24_aqua' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_04_24_aqua', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );
ghidici_06_04_25_terra = new OpenLayers.Layer.WMS( 'ghidici_06_04_25_terra' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_04_25_terra', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );
ghidici_06_04_26_terra = new OpenLayers.Layer.WMS( 'ghidici_06_04_26_terra' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_04_26_terra', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );
ghidici_06_05_01_terra = new OpenLayers.Layer.WMS( 'ghidici_06_05_01_terra' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_05_01_terra', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );
ghidici_06_05_03_terra = new OpenLayers.Layer.WMS( 'ghidici_06_05_03_terra' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_05_03_terra', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );
ghidici_06_05_04_terra = new OpenLayers.Layer.WMS( 'ghidici_06_05_04_terra' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_05_04_terra', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );
ghidici_06_05_05_terra = new OpenLayers.Layer.WMS( 'ghidici_06_05_05_terra' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_05_05_terra', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );
ghidici_06_05_06_terra = new OpenLayers.Layer.WMS( 'ghidici_06_05_06_terra' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_05_06_terra', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );
ghidici_06_05_07_terra = new OpenLayers.Layer.WMS( 'ghidici_06_05_07_terra' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_05_07_terra', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );
ghidici_06_05_08_terra = new OpenLayers.Layer.WMS( 'ghidici_06_05_08_terra' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_05_08_terra', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );
ghidici_06_05_14_terra = new OpenLayers.Layer.WMS( 'ghidici_06_05_14_terra' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_05_14_terra', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );
ghidici_06_05_16_terra = new OpenLayers.Layer.WMS( 'ghidici_06_05_16_terra' , 'http://geodim.meteoromania.ro:8080/geoserver/wms' , { layers: 'geodim:ghidici_06_05_16_terra', format: 'image/png' , srs: 'EPSG:900913' , transparent: 'true' } , { singleTile: true , isBaseLayer: false } );

    var ro25k = new OpenLayers.Layer.WMS(
        "Harta topografică 1:25k",
        "http://geodim.meteoromania.ro:8080/geoserver/gwc/service/wms", 
        {
            layers: 'geodim:mozaic25kf', 
            format: 'image/png'
        },
        {
            isBaseLayer: true
        }
    );

    //historical maps
    var austrian200k = new OpenLayers.Layer.WMS(
        "Austriece 1910 (1: 200 000)",
        "http://earth.unibuc.ro/geoserver/gwc/service/wms", 
        {
            layers: 'geospatial:mozaic_austrian', 
            format: 'image/png'
        },
        {
            isBaseLayer: false
        }
    );
    
    var soviet100k = new OpenLayers.Layer.WMS(
        "Sovietice (1: 100 000)",
        "http://earth.unibuc.ro/geoserver/gwc/service/wms", 
        {
            layers: 'geospatial:mozaic_soviet', 
            format: 'image/png'
        },
        {
            isBaseLayer: false
        }
    );

    var soviet50k = new OpenLayers.Layer.WMS(
        "Sovietice (1: 50 000)",
        "http://earth.unibuc.ro/geoserver/gwc/service/wms", 
        {
            layers: 'geospatial:mozaic_soviet_50k', 
            format: 'image/png'
        },
        {
            isBaseLayer: false
        }
    );
    
    var pt20k = new OpenLayers.Layer.WMS(
        "Planuri Directoare de Tragere (1: 20 000)",
        "http://earth.unibuc.ro/geoserver/gwc/service/wms", 
        {
            layers: 'geospatial:planuri_tragere_20k', 
            format: 'image/jpeg'
        },
        {
            isBaseLayer: false
        }
    );

    clc2006 = new OpenLayers.Layer.WMS("Corine Landcover 2006", "http://geodim.meteoromania.ro:8080/geoserver/wms", {layers: "geodim:clc2006", format: "image/png", srs: "EPSG:900913", transparent: "true"}, {singleTile: true, isBaseLayer: false});

    mlastini = new OpenLayers.Layer.WMS("Mlaștini", "http://geodim.meteoromania.ro:8080/geoserver/wms", {layers: "geodim:mlastini", format: "image/png", srs: "EPSG:900913", transparent: "true"}, {singleTile: true, isBaseLayer: false});

    sbazine = new OpenLayers.Layer.WMS("Limite bazine hidrografice", "http://geodim.meteoromania.ro:8080/geoserver/wms", {layers: "geodim:sbazine", format: "image/png", srs: "EPSG:900913", transparent: "true"}, {singleTile: true, isBaseLayer: false});

    limita_uat = new OpenLayers.Layer.WMS("Limite UAT", "http://geodim.meteoromania.ro:8080/geoserver/wms", {layers: "geodim:limita_uat", format: "image/png", srs: "EPSG:900913", transparent: "true"}, {singleTile: true, isBaseLayer: false});

    limita_judet = new OpenLayers.Layer.WMS("Limite județe", "http://geodim.meteoromania.ro:8080/geoserver/wms", {layers: "geodim:limita_judete", format: "image/png", srs: "EPSG:900913", transparent: "true"}, {singleTile: true, isBaseLayer: false});

    limita_localitati = new OpenLayers.Layer.WMS("Limite localități", "http://geodim.meteoromania.ro:8080/geoserver/wms", {layers: "geodim:limita_localitati", format: "image/png", srs: "EPSG:900913", transparent: "true"}, {singleTile: true, isBaseLayer: false});

    drumuri_nat_jud = new OpenLayers.Layer.WMS("Drumuri naționale și județene", "http://geodim.meteoromania.ro:8080/geoserver/wms", {layers: "geodim:drumuri-nat-jud", format: "image/png", srs: "EPSG:900913", transparent: "true"}, {singleTile: true, isBaseLayer: false});

    drumuri_com = new OpenLayers.Layer.WMS("Drumuri comunale", "http://geodim.meteoromania.ro:8080/geoserver/wms", {layers: "geodim:drumuri-com", format: "image/png", srs: "EPSG:900913", transparent: "true"}, {singleTile: true, isBaseLayer: false});

    cfr = new OpenLayers.Layer.WMS("Rețea căi ferate", "http://geodim.meteoromania.ro:8080/geoserver/wms", {layers: "geodim:cfr", format: "image/png", srs: "EPSG:900913", transparent: "true"}, {singleTile: true, isBaseLayer: false});

    retea_hidrografica = new OpenLayers.Layer.WMS("Rețea hidrografică", "http://geodim.meteoromania.ro:8080/geoserver/wms", {layers: "geodim:retea_hidrografica", format: "image/png", srs: "EPSG:900913", transparent: "true"}, {singleTile: true, isBaseLayer: false});

    canale = new OpenLayers.Layer.WMS("Rețea canale", "http://geodim.meteoromania.ro:8080/geoserver/wms", {layers: "geodim:canale", format: "image/png", srs: "EPSG:900913", transparent: "true"}, {singleTile: true, isBaseLayer: false});

    diguri = new OpenLayers.Layer.WMS("Diguri", "http://geodim.meteoromania.ro:8080/geoserver/wms", {layers: "geodim:diguri", format: "image/png", srs: "EPSG:900913", transparent: "true"}, {singleTile: true, isBaseLayer: false});

    statii_meteo = new OpenLayers.Layer.WMS("Stații meteorologice", "http://geodim.meteoromania.ro:8080/geoserver/wms", {layers: "geodim:statii-meteo", format: "image/png", srs: "EPSG:900913", transparent: "true"}, {singleTile: true, isBaseLayer: false});

    dolhasca = new OpenLayers.Layer.WMS("dolhasca_halaucesti_2008_07_28", "http://geodim.meteoromania.ro:8080/geoserver/wms", {layers: "geodim:dolhasca", format: "image/png", srs: "EPSG:900913", transparent: "true"}, {singleTile: true, isBaseLayer: false});

    sentinel = new OpenLayers.Layer.WMS("Sentinel-1 28.10.2014", "http://geodim.meteoromania.ro:8080/geoserver/wms", {layers: "geodim:mostra_w1", format: "image/png", srs: "EPSG:900913", transparent: "true"}, {singleTile: true, isBaseLayer: false});
    sentinel2 = new OpenLayers.Layer.WMS("Sentinel-1 06.10.2014", "http://geodim.meteoromania.ro:8080/geoserver/wms", {layers: "geodim:mostra2", format: "image/png", srs: "EPSG:900913", transparent: "true"}, {singleTile: true, isBaseLayer: false});


    //set layers properties
    geologie200k.setVisibility(false);
    soviet100k.setVisibility(false);
    soviet50k.setVisibility(false);
    pt20k.setVisibility(false);
    clc2006.setVisibility(false);
    sbazine.setVisibility(false);
    mlastini.setVisibility(false);
    limita_uat.setVisibility(false);
    limita_judet.setVisibility(false);
    limita_localitati.setVisibility(false);
    drumuri_nat_jud.setVisibility(false);
    drumuri_com.setVisibility(false);
    cfr.setVisibility(false);
    retea_hidrografica.setVisibility(false);
    canale.setVisibility(false);
    diguri.setVisibility(false);
    statii_meteo.setVisibility(false);
    sentinel.setVisibility(false);
    sentinel2.setVisibility(false);
    dolhasca.setVisibility(false);
    austrian200k.setVisibility(false);
    ghidici_06_04_14_terra.setVisibility(false);
ghidici_06_04_14_terra.setOpacity(0.6);
ghidici_06_04_15_terra.setVisibility(false);
ghidici_06_04_15_terra.setOpacity(0.6);
ghidici_06_04_17_terra.setVisibility(false);
ghidici_06_04_17_terra.setOpacity(0.6);
ghidici_06_04_21_terra.setVisibility(false);
ghidici_06_04_21_terra.setOpacity(0.6);
ghidici_06_04_23_terra.setVisibility(false);
ghidici_06_04_23_terra.setOpacity(0.6);
ghidici_06_04_24_aqua.setVisibility(false);
ghidici_06_04_24_aqua.setOpacity(0.6);
ghidici_06_04_25_terra.setVisibility(false);
ghidici_06_04_25_terra.setOpacity(0.6);
ghidici_06_04_26_terra.setVisibility(false);
ghidici_06_04_26_terra.setOpacity(0.6);
ghidici_06_05_01_terra.setVisibility(false);
ghidici_06_05_01_terra.setOpacity(0.6);
ghidici_06_05_03_terra.setVisibility(false);
ghidici_06_05_03_terra.setOpacity(0.6);
ghidici_06_05_04_terra.setVisibility(false);
ghidici_06_05_04_terra.setOpacity(0.6);
ghidici_06_05_05_terra.setVisibility(false);
ghidici_06_05_05_terra.setOpacity(0.6);
ghidici_06_05_06_terra.setVisibility(false);
ghidici_06_05_06_terra.setOpacity(0.6);
ghidici_06_05_07_terra.setVisibility(false);
ghidici_06_05_07_terra.setOpacity(0.6);
ghidici_06_05_08_terra.setVisibility(false);
ghidici_06_05_08_terra.setOpacity(0.6);
ghidici_06_05_14_terra.setVisibility(false);
ghidici_06_05_14_terra.setOpacity(0.6);
ghidici_06_05_16_terra.setVisibility(false);
ghidici_06_05_16_terra.setOpacity(0.6);

    //add layers to map
    map.addLayers([pt20k, soviet50k, soviet100k, austrian200k, dolhasca, sentinel, sentinel2, clc2006, sbazine, mlastini, limita_uat, limita_judet, limita_localitati, drumuri_nat_jud, drumuri_com, cfr, retea_hidrografica, canale, diguri, statii_meteo , ghidici_06_04_14_terra, ghidici_06_04_15_terra, ghidici_06_04_17_terra, ghidici_06_04_21_terra, ghidici_06_04_23_terra, ghidici_06_04_24_aqua, ghidici_06_04_25_terra, ghidici_06_04_26_terra, ghidici_06_05_01_terra, ghidici_06_05_03_terra, ghidici_06_05_04_terra, ghidici_06_05_05_terra, ghidici_06_05_06_terra, ghidici_06_05_07_terra, ghidici_06_05_08_terra, ghidici_06_05_14_terra, ghidici_06_05_16_terra, gmapTerrain, gmapStreets, gmapSatellite, gmapHybrid, osm, ro25k, blank]);

    //information
    var information = new OpenLayers.Control.WMSGetFeatureInfo({
        infoFormat: "application/vnd.ogc.gml",
        maxFeatures: 1,
        layers: [],
        eventListeners: {
            "getfeatureinfo": function(e) {
                if (e.features.length > 0){
                    var items = [];
                    Ext.each(e.features, function(feature) {
                        items.push({
                            xtype: "propertygrid",
                            title: infoPopupParameter,
                            source: feature.attributes
                        });
                    });
                }
                new GeoExt.Popup({
                    title: "Feature Info",
                    anchored: "false",
                    width: 350,
                    height: 300,
                    layout: "accordion",
                    map: mapPanel,
                    location: e.xy,
                    items: items
                }).show();
            }
        }
    });


    //tools panel
    var tools = new Ext.Toolbar({
        items: [new GeoExt.Action({
            control: new OpenLayers.Control.ZoomIn(),
            map: map,
            iconCls: 'tool_zoom_in',
            tooltip: 'Mărire'
        }), new GeoExt.Action({
            control: new OpenLayers.Control.ZoomOut(),
            map: map,
            iconCls: 'tool_zoom_out',
            tooltip: 'Micșorare'
        }), new GeoExt.Action({
            cls: "execute",
            handler: function() {
                var lonLat = new OpenLayers.LonLat(2799429, 5783530);
                map.setCenter (lonLat, 7);
            },
            map: map,
            iconCls: 'tool_zoom_all',
            tooltip: 'Afișare hartă la extinderea maximă'
        }), new Ext.Button({
            control: new OpenLayers.Control.ZoomBox(),
            map: map,
            iconCls: 'tool_zoom_box',
            tooltip: 'Mărire interactivă',
            enableToggle: true,
            toggleGroup: "zoom_pan_toggle",
            allowDepress: true,
            toggleHandler: function (a, b) {
                if (b) {
                    controlZoomBox.activate();
                    navigation.deactivate();
                    information.deactivate();
                    distanta.deactivate();
                } else {
                    controlZoomBox.deactivate();
                    navigation.activate();
                    information.deactivate();
                    distanta.deactivate();
                }
            }
        }), new GeoExt.Action({
            control: new OpenLayers.Control.SelectFeature([], {}),
            map: map,
            iconCls: 'tool_pan',
            tooltip: 'Navigare',
            enableToggle: true,
            toggleGroup: "zoom_pan_toggle",
            pressed: true,
            allowDepress: false
        }), new GeoExt.Action({
            iconCls: 'tool_zoom_previous',
            tooltip: 'Zoom anterior',
            control: navigationHistoryControl.previous
        }), new GeoExt.Action({
            iconCls: 'tool_zoom_next',
            tooltip: 'Zoom următor',
            control: navigationHistoryControl.next
        }),
        '-',
        new GeoExt.Action({
            iconCls: 'tool_information',
            tooltip: 'Informații',
            enableToggle: true,
            toggleGroup: "zoom_pan_toggle",
            control: information,
            toggleHandler: function (a, b) {
                if (b) {
                    controlZoomBox.deactivate();
                    navigation.deactivate();
                    distanta.deactivate();
                    information.activate();
                } 
            }
        }),
        new Ext.Button({
            iconCls: 'tool_measure',
            tooltip: 'Măsurare distanță',
            enableToggle: true,
            toggleGroup: "zoom_pan_toggle",
            toggleHandler: function (a, b) {
                if (b) {
                    controlZoomBox.deactivate();
                    navigation.deactivate();
                    information.deactivate();
                    distanta.activate();
                } 
            }
        }),
        '-',
        {
            xtype: 'tbfill'
        }]  
    });



    //slider
    var slider = new GeoExt.LayerOpacitySlider({
        width: 165,
        decimalPrecision: 1,
        increment: 10,
        value: 50,
        disabled: true,
        layer: null,
        plugins: new GeoExt.LayerOpacitySliderTip({template: '<div>Opacitate: {opacity}%</div>'}),       
        listeners: {
            change: function (a, b) {
                this.layer.setOpacity(b / 100)
            }
        }
    });

    //slider adjustment 
    var sliderAdjust = function (b) {
        if (!b.hasListener("radiochange")) {
            b.on("radiochange", function (a) {
                slider.layer = a.layer;
                slider.setValue(a.layer.opacity * 100);
                slider.enable()
            })
        }
    };

    //mapPanel
    mapPanel = new GeoExt.MapPanel({
        border: true,
        tbar: tools,
        region: "center",
        map: map,
        zoom: 7,
        center: [2799429, 5783530]
    });

    mapPanel.map.addControl(distanta);

    //tree config
    var LayerNodeUI = Ext.extend(
        GeoExt.tree.LayerNodeUI, new GeoExt.tree.TreeNodeUIEventMixin()
    );

    var treeConfig = [
    {
        nodeType: "gx_overlaylayercontainer",
        text: "Ghidici-Măceșu 2006",
        isLeaf: false,
        loader: {
            baseAttrs: {
                radioGroup: "foo",
                uiProvider: "use_radio"
            },
            filter: function(record) {
                var layer = record.get("layer");
                this.baseAttrs.iconCls = layer.iconCls;
                return (layer.name.indexOf("bla") !== -1 || layer.name.indexOf( 'ghidici_06_04_14_terra') !== -1 || layer.name.indexOf( 'ghidici_06_04_15_terra') !== -1 || layer.name.indexOf( 'ghidici_06_04_17_terra') !== -1 || layer.name.indexOf( 'ghidici_06_04_21_terra') !== -1 || layer.name.indexOf( 'ghidici_06_04_23_terra') !== -1 || layer.name.indexOf( 'ghidici_06_04_24_aqua') !== -1 || layer.name.indexOf( 'ghidici_06_04_25_terra') !== -1 || layer.name.indexOf( 'ghidici_06_04_26_terra') !== -1 || layer.name.indexOf( 'ghidici_06_05_01_terra') !== -1 || layer.name.indexOf( 'ghidici_06_05_03_terra') !== -1 || layer.name.indexOf( 'ghidici_06_05_04_terra') !== -1 || layer.name.indexOf( 'ghidici_06_05_05_terra') !== -1 || layer.name.indexOf( 'ghidici_06_05_06_terra') !== -1 || layer.name.indexOf( 'ghidici_06_05_07_terra') !== -1 || layer.name.indexOf( 'ghidici_06_05_08_terra') !== -1 || layer.name.indexOf( 'ghidici_06_05_14_terra') !== -1 || layer.name.indexOf( 'ghidici_06_05_16_terra') !== -1)
            }
        },
        expanded: true
    },
    {
        nodeType: "gx_overlaylayercontainer",
        text: "Moldova 2008",
        isLeaf: false,
        loader: {
            baseAttrs: {
                radioGroup: "foo",
                uiProvider: "use_radio"
            },
            filter: function(record) {
                var layer = record.get("layer");
                this.baseAttrs.iconCls = layer.iconCls;
                return (layer.name.indexOf("dolhasca_halaucesti_2008_07_28") !== -1)
            }
        },
        expanded: true
    },
    {
        nodeType: "gx_overlaylayercontainer",
        text: "Sentinel-1",
        isLeaf: false,
        loader: {
            baseAttrs: {
                radioGroup: "foo",
                uiProvider: "use_radio"
            },
            filter: function(record) {
                var layer = record.get("layer");
                this.baseAttrs.iconCls = layer.iconCls;
                return (layer.name == "Sentinel-1 28.10.2014" || layer.name == "Sentinel-1 06.10.2014")
            }
        },
        expanded: true
    },
    {
        nodeType: "gx_overlaylayercontainer",
        text: "Date de referință",
        isLeaf: false,
        loader: {
            baseAttrs: {
                radioGroup: "foo",
                uiProvider: "use_radio"
            },
            filter: function(record) {
                var layer = record.get("layer");
                this.baseAttrs.iconCls = layer.iconCls;
                return (layer.name == "Corine Landcover 2006" || layer.name == "Mlaștini" || layer.name == "Limite bazine hidrografice" || layer.name == "Limite UAT" || layer.name == "Limite județe" || layer.name == "Limite localități" || layer.name == "Drumuri naționale și județene" || layer.name == "Drumuri comunale" || layer.name == "Căi ferate" || layer.name == "Rețea hidrografică" || layer.name == "Rețea canale" || layer.name == "Diguri" || layer.name == "Stații meteorologice")
            }
        },
        expanded: true
    },
    {
        nodeType: "gx_overlaylayercontainer",
        text: "Hărți istorice",
        isLeaf: false,
        loader: {
            baseAttrs: {
                radioGroup: "foo",
                uiProvider: "use_radio"
            },
            filter: function(record) {
                var layer = record.get("layer");
                this.baseAttrs.iconCls = layer.iconCls;
                return (layer.name.indexOf("Austriece 1910 (1: 200 000)") !== -1 || layer.name.indexOf("Sovietice (1: 100 000)") !== -1 || layer.name.indexOf("Sovietice (1: 50 000)") !== -1 || layer.name.indexOf("Planuri Directoare de Tragere (1: 20 000)") !== -1)
            }
        },
        expanded: true
    },  
    {
        nodeType: "gx_baselayercontainer",
        text: "Hărți de bază",
        loader: {
            baseAttrs: {
            },
            filter: function(record) {
                var layer = record.get("layer");
                this.baseAttrs.iconCls = layer.iconCls;
                return (layer.name == "Google Străzi" || layer.name == "Google Teren" || layer.name == "Google Satelit" || layer.name == "Google Hibrid" || layer.name == "OpenStreetMap" || layer.name == "Harta topografică 1:25k" || layer.name == "Fără fundal") 
            }
        },
        expanded: true
    }];

    //tree panel
    var tree = new Ext.tree.TreePanel({
        plugins: [new GeoExt.plugins.TreeNodeRadioButton({
            listeners: {
                "radiochange": function(node) {
                slider.layer = node.layer;
                slider.setValue(node.layer.opacity * 100);
                slider.enable();
                information.layers = [eval(layerDetails[node.layer.name])];
                infoPopupParameter = node.layer.name;
            }
            }
        })],      
        width: 298,
        loader: new Ext.tree.TreeLoader({
            applyLoader: false,
            uiProviders: {
                "use_radio": LayerNodeUI
            }
        }),
        root: {
            nodeType: "async",
            children: treeConfig
        },
        rootVisible: false,
        lines: false,
        listeners: {
            "insert": sliderAdjust,
            "append": sliderAdjust
        }
    });

    //layer container
    var layersContainer = new Ext.Panel({
        autoScroll: true,
        border: false,
        tbar: new Ext.Toolbar({
            id: 'opacity2Toolbar',
            height: 26,
            style: 'padding-left: 15px;',
            items: ['-']
        }),
        title: "Straturi",
        items: [tree]
    });

    //legend container
    var legendContainer = new Ext.Panel({
        autoScroll: true,
        contentEl: "legend",        
        border: false,
        title: "Legend"
    });

    //help container    
    legendContainer = new Ext.Panel({
        autoScroll: true,
        contentEl: "help",
        border: false,
        title: "Legendă"
    });

    //info container
    infoContainer = new Ext.Panel({
        autoScroll: true,
        contentEl: "info",
        border: false,
        title: "Info"
    }); 

    //left panel
    westPanel = new Ext.TabPanel({
        border:true,
        title: 'West Panel',
        width: 300,
        region: 'west',
        activeTab: 0,
        collapsible: true,
        items: [layersContainer, legendContainer],
        bbar: new Ext.Toolbar({
            id: 'opacityToolbar',
            height: 26,
            style: 'padding-left: 15px;',
            items: ['Opacitate strat: ', slider]
        })
    });

    //viewport   
    new Ext.Viewport({
        layout: "fit",
        hideBorders: true,
        items: {
            layout: "border",
            deferredRender: false,
            items: [mapPanel, westPanel] 
        },
        listeners : {
            afterlayout: function(){
                Ext.get('loader').hide();
                Ext.get('loading-mask').hide();
            }
        }       
        
    });

    activeTab = westPanel.getActiveTab();
    westPanel.activate(2);
    westPanel.activate(activeTab.id);
    
    map.addControl(information);
    information.deactivate();
};