function CPanel(){
	//Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
    
	var aboutPanel;
	var layersPanel;
	var searchPanel; 
	var configPanel;   
	var mapPanel;
	
	var treeDivContent ="<div style='padding:8px;font-family:Arial,Verdana;font-size:11px;'>"; 
	var treeDivContent=treeDivContent+"<img src='./images/icon/folder-open.gif' width='16px' />&nbsp;Capas<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapLayer' value='1' onClick='objMap.changeLayer(this.value,this.checked);' checked>&nbsp;Todos los proyectos<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapLayer' value='2' onClick='objMap.changeLayer(this.value,this.checked);'>&nbsp;An&aacute;lisis SIG<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapLayer' value='3' onClick='objMap.changeLayer(this.value,this.checked);'>&nbsp;Consultor&iacute;a inform&aacute;tica<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapLayer' value='4' onClick='objMap.changeLayer(this.value,this.checked);'>&nbsp;Consultor&iacute;a territorial<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapLayer' value='5' onClick='objMap.changeLayer(this.value,this.checked);'>&nbsp;Defensa de la propiedad<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapLayer' value='6' onClick='objMap.changeLayer(this.value,this.checked);'>&nbsp;Desarrollo de aplicaciones<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapLayer' value='7' onClick='objMap.changeLayer(this.value,this.checked);'>&nbsp;Desarrollo de aplicaciones SIG<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapLayer' value='8' onClick='objMap.changeLayer(this.value,this.checked);'>&nbsp;Emergencias<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapLayer' value='9' onClick='objMap.changeLayer(this.value,this.checked);'>&nbsp;Generaci&oacute;n de cartograf&iacute;a<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapLayer' value='10' onClick='objMap.changeLayer(this.value,this.checked);'>&nbsp;Hidrolog&iacute;a<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapLayer' value='11' onClick='objMap.changeLayer(this.value,this.checked);'>&nbsp;I+D+i<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapLayer' value='12' onClick='objMap.changeLayer(this.value,this.checked);'>&nbsp;Medici&oacute;n GPS<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapLayer' value='13' onClick='objMap.changeLayer(this.value,this.checked);'>&nbsp;Planificaci&oacute;n forestal<br />";
	
	var treeDivContent=treeDivContent+"<img src='./images/icon/folder-open.gif' width='16px' />&nbsp;Mapa base<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapType' value='100' onClick='objMap.changeLayer(100,this.checked);'>&nbsp;Relieve<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapType' value='101' onClick='objMap.changeLayer(101,this.checked);'>&nbsp;Sat&eacute;lite<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapType' value='102' onClick='objMap.changeLayer(102,this.checked);'>&nbsp;H&iacute;brido<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapType' value='103' onClick='objMap.changeLayer(103,this.checked);'>&nbsp;Mapa<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='radio' name='mapType' value='104' checked onClick='objMap.changeLayer(104,this.checked);'>&nbsp;La Tierra<br />";
	
	var treeDivContent=treeDivContent+"<img src='./images/icon/folder-open.gif' width='16px' />&nbsp;Vista 'La Tierra'<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />"; 
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='checkbox' checked onClick='objMap.changeLayer(1000,this.checked);'>&nbsp;Edificios<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='checkbox' checked onClick='objMap.changeLayer(1001,this.checked);'>&nbsp;Fronteras<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='checkbox' onClick='objMap.changeLayer(1002,this.checked);'>&nbsp;Carreteras<br />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/s.gif' width='16px' />";
	var treeDivContent=treeDivContent+"<img src='./images/icon/leaf.gif' width='16px' />&nbsp;<input type='checkbox' checked onClick='objMap.changeLayer(1003,this.checked);'>&nbsp;Terreno<br />";
	var treeDivContent=treeDivContent+"</div>";
		
    var viewport = new Ext.Viewport({
            layout:'border',
            items:[{
                    region:'west',
                    id:'west-panel',
                    title:'Leyenda',
                    split:true,
                    width: 250,
                    minSize: 170,
                    maxSize: 300,
                    collapsible: true,
                    margins:'0 0 0 5',
                    layout:'accordion',
                    layoutConfig:{
                        animate:true
                    },
                    items: [
                    	layersPanel = new Ext.Panel({
                        	title:'Capas',
                        	border:false,
                        	autoScroll:true,
                        	iconCls:'layers',
                        	bodyStyle: "background-color:#E8E8E8",
                        	html: "<div id='tree-div'>" + treeDivContent + "</div>"
                    	})
                    ]
                },
                new Ext.TabPanel({
                    region:'center',
                    deferredRender:false,
                    bodyStyle: "background-color:#E8E8E8",
                    activeTab:0,
                    items:[
                    	mapPanel = new Ext.TabPanel({
                        	title: 'Mapa',
                        	closable:false,
                        	autoScroll:false,
                        	html:"<div style=\"width:100%; height:100%\" id=\"mapDiv\"></div>"
                    	})]
                })
             ]
       });
}