function initialize(){
        MI.provinceBounds = new OpenLayers.Bounds(258000,4485000,536000,4752000);
        var XHR = OpenLayers.Request.GET ({
            url: "xml/planejament.xml",
            async : true,
            success: function() {init(XHR) },
            //failure: function(){failure()},
            scope: this
        });
        
}

function init(XHR){
//eGV.Lang.ca = OpenLayersmyLocaleCa;

    var options = {
        controls: [
                new OpenLayers.Control.Navigation()
        ],
        gMapsConnectionCompatibility:true
        };

    var format = new eGV.Format.WMC(); 
    
    if (XHR){   
    	var map = format.read(XHR.responseText,{map: "divMap",mapOptions: options});
		}

    eGV.Lang.setCode("ca");
    eGV.includeStyle(eGV.scriptRoot + "egv/theme/default/style.css","csseGV");
    eGV.includeStyle("css/egv.css","cssmap");

	  // avoid pink tiles
		OpenLayers.IMAGE_RELOAD_ATTEMPTS = 3;
		OpenLayers.Util.onImageLoadErrorColor = "transparent";
		


    map.addControl(new OpenLayers.Control.Attribution({displayClass: "egvControlAttribution"}));
    var statusBar = eGV.addControl(new eGV.Control.ScaleStatusBar("divStatusBar",{"id":"stbar", "drawScale": false}));
    var scaleSelector = eGV.addControl(new eGV.Control.ScaleSelector("divScaleSelector",{"id":"scaleSelector"}));
    var toolBar = eGV.addControl(new eGV.Control.ToolBar("divToolbar",{"id":"toolBar"}));
    map.addControl(toolBar);
    var nav = new OpenLayers.Control.NavigationHistory({displayClass: "egvControlButton"});
    nav.previous.title = eGV.Lang.translate("previous");
    nav.next.title = eGV.Lang.translate("next");    
    map.addControl(nav);
  
	
    var controls = [
          new OpenLayers.Control.ZoomBox({displayClass: "egvControlButton egvControlZoomBox", title:"Apropar-se: seleccionar l'eina i dibuixar una finestra (o clicar) sobre el mapa."}),
          new OpenLayers.Control.ZoomBox({out: true, displayClass: "egvControlButton egvControlZoomOutClick", title:"Allunyar-se: seleccionar l'eina i clicar sobre el mapa."}),
          new OpenLayers.Control.Navigation({displayClass: "egvControlButton egvControlNavigation", title:"Desplaçar-se: seleccionar l\'eina i arrossegar el mapa"}),
          new eGV.Control({type: OpenLayers.Control.TYPE_BUTTON, displayClass: "egvControlButton egvControlZoomToMaxExtent", title:"Extensió total: tornar a la vista de tot el municipi", trigger: MI.zoomToProvince}),
          //new eGV.Control.Info("divInfoSection", {id:"infoControl", title: "Informació: seleccionar l'eina i clicar sobre un punt del mapa per a obtenir-ne les dades.", viewall : false, mapTab : 0 }),          
          new eGV.Control.InfoCustom("divInfoSection", {id:"infoControl", title: "Informació: seleccionar l'eina i clicar sobre un punt del mapa per a obtenir-ne les dades.", viewall : false, mapTab : 0 , pinURL: "img/viewer/pin.gif", pinSize: new OpenLayers.Size(30, 40), pinOffset: new OpenLayers.Pixel(-2,-40)}),
          nav.previous,
          nav.next,
          new eGV.Control.Ruler({statusbar: statusBar, displayClass: "egvControlButton egvControlRule", title :"Càlcul de distàncies: seleccionar l\'eina i clicar sobre el mapa els punt de mesura. Doble clic per finalitzar"}),
          new eGV.Control.Area({id:"eGV_AreaControl", statusbar: statusBar, displayClass: "egvControlButton egvControlArea", title :"Càlcul d'àrees: seleccionar l\'eina i clicar sobre el mapa els punt de mesura. Doble clic per finalitzar"}),
    			new eGV.Control.Print("divInfoSection",{id:"printControl", displayClass: "egvControlButton egvControlPrint", title: "Imprimir: seleccionar l\'eina i clicar generar pdf a informació per obtenir el pdf del mapa."}),
					new eGV.Control({type: OpenLayers.Control.TYPE_BUTTON, displayClass: "egvControlButton egvControlHelp", title:"Mostra la video-ajuda", trigger: showHelpPlanejament})

     ];
    
    var transparencyConnections = [
        map.getConnection("planejament")
    ];

    var transControl = new eGV.Control.Transparency({id:"controlTransparency", minOpacity:0.2, defaultOpacity:0.7, connections:transparencyConnections});
    eGV.addControl(transControl);
  
      
      
      
    toolBar.addControls(controls);
    toolBar.getControl("infoControl").events.register("actionend", UI, UI.displayInfoSectionDiv);
    toolBar.getControl("printControl").events.register("actionstart", UI, UI.displayInfoSectionDiv);
    
    var defaultControl = toolBar.getControl("infoControl");
    // second linke should work but does not, we use first line instead.
    defaultControl.activate();
    //toolBar.defaultControl=defaultControl;

    
		
     var baseLayers = [
        fonsTopo = eGV.getMap().getGroup("fonsTopo"),
        fonsOrto = eGV.getMap().getGroup("fonsOrto")       
    ];    
    eGV.addControl(new eGV.Control.BaseLayerSwitcherCustom("divBaseLayerSwitcher",{activeBase:fonsOrto,bases:baseLayers,id:"eGVBaseLayersSwitcher"}));
		var layerManager = eGV.addControl(new eGV.Control.LayersManager("divLayersSection",{"id":"myLayerManager","active":true,"displayTitle":false,"displayExplanationText":false}));


    
    //here the loading bar is instantiated. the methods used for controlling its behaviour are replaced by the MI implementation
   /*
    var divLoading = document.getElementById("divMapLoading");
    var load = new OpenLayers.Control.LoadingPanel({div:divLoading, minimizeControl:MI.hideLoadingBar, maximizeControl:MI.showLoadingBar });
    map.addControl(load);
		*/
		//sets view after loading components
		$("divMainLoading").style.display = "none";
    $("divMain").style.visibility = "visible";
	
    
}