Ext.ns('com.quizzpot.tutorial');
Ext.BLANK_IMAGE_URL = '/ext-3.2.1/resources/images/default/s.gif';
Ext.ns('Example');
Example.version = '1.0';
com.quizzpot.tutorial.Panel = {
	init: function(){
	//*************CONFIGURACION INICIAL******************
		Ext.QuickTips.init();
		var barra=0;
		var itemCls =
	       	'color: white; font-weight: bold; font-size:10px; ' +
	        'font-family:Arial,Verdana,Lucida Sans Unicode,Sans-serif;';
		var tema = '';
		var lbl_muni = new Ext.form.Label({
			id: 'lbl_muni',
			style: itemCls,
			text:'Municipios:'
		});



	//**************DATA STORE********************************
	var LoadingMask = new Ext.LoadMask(Ext.getBody(), {msg:"Cargando catálogos..."});
		LoadingMask.show();
	//Cargar catalogos

	showWin = function(params){
			// console.log(titulo+'-'+html);
			if(params.id) params.winid = params.id;
			else params.winid = 'winShowWin';
			if(Ext.getCmp(params.winid)) Ext.getCmp(params.winid).destroy();
			if(params.shadowhide) params.shadow = false;
			if(params.closablehide) params.closable = false;
			else params.closable = true;
			var winShowWin = new Ext.Window({
				id:params.winid,
			    layout: 'fit',
			    title: params.titulo,
			    closeAction:'destroy',
			    closable:params.closable,
			    width: params.width,
			    resizable: false,
			    // autoScroll:true,
			    modal:params.modal,
			    frame:false,
			    border:false,
			    shadow:params.shadow,
			    items:[],
			    buttons:[],
			    listeners:params.listeners,
			});
			if(params.layout) winShowWin.layout = params.layout;
			if(params.items) winShowWin.add(params.items);
			if(params.buttons) winShowWin.getFooterToolbar().add(params.buttons);
			// if(params.listeners) winShowWin.listeners = params.listeners;
			if(params.html) winShowWin.html = params.html;
			if(params.height) winShowWin.height = params.height;
			if(params.scroll) winShowWin.autoScroll = params.scroll;
			if(params.data) winShowWin.data = params.data;

			winShowWin.show();
		};
	Ext.Ajax.request({
		url: 'data.php', //The URL to which to send the request
		method:'GET', //The HTTP method to use for the request
		params:{data:'catalogo'},//params to send in the request
		success:function(a,b){
			<!-- var resp = Ext.decode(a.responseText); -->

			<!-- var json = JXG.decompress(a.responseText); -->
			<!-- console.info(json); -->
			var json = JSON.parse(JXG.decompress(a.responseText));
			var arr = json.rows;

			Object.keys(arr).forEach(function(item){
				arrayCatalogos.data.push(arr[item]);
				arrayCatalogos.cargado = true;
			});

			dataRegionA.data 	= arrayCatalogos.data[6];
			dataRegion.load();
			dataMunicipioA.data 	= arrayCatalogos.data[0];
			dataMunicipio.load();
			//fnRedireccionar(objOpciones);
			if(temas==1)
			{
				cboMunicipios.setValue(1);
				cboMunicipios.fireEvent('change');
				var tabPanelx = Ext.getCmp('tabsMenu');
				tabPanelx.setActiveTab("tabpanelGeografia");
				btn_ = Ext.getCmp("btnP-3");
				Ext.getCmp("btnP-3").fireEvent("click",btn_);
				Ext.getCmp("tabsGeo").setActiveTab(tabGeo);

				Ext.getCmp("btnP-2").hide();
				Ext.getCmp("btnP-1").hide();
			}
		},
		failure:function(a,b){
			console.info(a,b);
		},
		scope:this //bind the callbacks
	});
	LoadingMask.hide();



	var dataRegionA		= new Object();
		dataRegionA.data	=   [];

	var dataRegion = new Ext.data.Store(
	{
		remoteSort: true,
		proxy: new Ext.data.MemoryProxy(dataRegionA),
		reader: new Ext.data.JsonReader(
		{
			root:"data",
			fields:
			[
  			           		{name: 'CLAVE'},
  			           		{name: 'NOMBRE'},
		  	]
	 	})
	});
	var dataMunicipioA		= new Object();
		dataMunicipioA.data	=   [];

	var dataMunicipio = new Ext.data.Store(
	{
		remoteSort: true,
		proxy: new Ext.data.MemoryProxy(dataMunicipioA),
		reader: new Ext.data.JsonReader(
		{
			root:"data",
			fields:
			[
  			           		{name: 'CLAVE'},
  			           		{name: 'NOMBRE'},
		  	]
	 	})
	});

	var dataSubTemaA		= new Object();
		dataSubTemaA.data	=   [];

	var dataSubTema = new Ext.data.Store(
	{
		remoteSort: true,
		proxy: new Ext.data.MemoryProxy(dataSubTemaA),
		reader: new Ext.data.JsonReader(
		{
			root:"data",
			fields:
			[
  			           		{name: 'CVE_SECTOR'},
  			           		{name: 'CLAVE'},
  			           		{name: 'NOMBRE'},
		  	]
	 	})
	});

	var datagriddatos = new Ext.data.Store({
		    reader: new Ext.data.JsonReader({
		        root: 'rows',
		        fields: [
  			           		{name: 'INDICADOR'},
  			           		{name: 'VALOR'},
  			           		{name: 'ANIO'},
  			        	]
		    }),
		    proxy: new Ext.data.HttpProxy({
		        url: 'data.php',
				method:'GET'
		    }),
		    //autoLoad:true,
	});
	//*************COMBOS***********************************
	var cb_select = new Ext.grid.CheckboxSelectionModel();
	var dataTipoA		= new Object();
		dataTipoA.data	=   [
				{"CLAVE":"region","NOMBRE":"Región"},
				{"CLAVE":"municipio","NOMBRE":"Municipio"}
		];

	var dataTipo = new Ext.data.Store(
	{
		remoteSort: true,
		proxy: new Ext.data.MemoryProxy(dataTipoA),
		reader: new Ext.data.JsonReader(
		{
			root:"data",
			fields:
			[
  			           		{name: 'CLAVE'},
  			           		{name: 'NOMBRE'},
		  	]
	 	})
	});
	dataTipo.load();
	var cboTipo = new Ext.form.ComboBox({
	    id : 'cboTipo',
		name : 'cboTipo',
		listClass: 'my-cboMunicipios-lst',
		typeAhead: true,
		hiddenName: 'NOMBRE',
		triggerAction: 'all',
		store: dataTipo,
		lazyInit:true,
		lazyRender: true,
		mode: 'local',
		valueField: 'CLAVE',
		displayField: 'NOMBRE',
		//forceSelection:true,
		emptyText: 'Seleccione año',
		valueNotFoundText: 'Seleccione año',
		width:100,
		value:"municipio",
		anchor: '100%',
				listeners:{
					select:{
						fn:function(combo){
							<!-- console.info(combo.getValue()); -->
							//alert(Ext.getCmp("cboTipo").getValue());
							if(combo.getValue() == "region"){
								Ext.getCmp('cboMunicipios').setValue('');
								Ext.getCmp('cboMunicipios').hide();
								Ext.getCmp('cboRegion').show();
								fncDesactivarObj('btnP-1#btnP-3');
							}else{
								Ext.getCmp('cboRegion').setValue('');
								Ext.getCmp('cboRegion').hide();
								Ext.getCmp('cboMunicipios').show();
							}
						}
					}
				}
	});
	var cboSubTema = new Ext.form.ComboBox({
				name: 'cboSubTema',
				listClass: 'my-cboMunicipios-lst',
				id: 'cboSubTema',
				editable: true,
				hiddenName: 'NOMBRE',
				forceSelection: true,
				typeAhead: true,
				triggerAction: 'all',
				lazyRender: true,
				mode: 'local',
				store: dataSubTema,
				valueField: 'CLAVE',
				displayField: 'NOMBRE',
				emptyText: 'Seleccione un subtema',
				valueNotFoundText: 'Seleccione un subtema',
				anchor: '100%',
				width:500,
				listWidth:1000,
				//disabled:true,
				listeners:{
					select:{
						fn:function(a, b, c){
							if(!Ext.getCmp('cboRegion').getValue()) loadTemas(tema);
							else loadTemasRegion(tema);
						}
					}
				}
	});
	var cboRegion = new Ext.form.ComboBox({
				name: 'cboRegion',
				//listClass: 'my-cboMunicipios-lst',
				id: 'cboRegion',
				editable: false,
				hiddenName: 'NOMBRE',
				forceSelection: true,
				typeAhead: true,
				triggerAction: 'all',
				lazyRender: true,
				mode: 'local',
				store: dataRegion,
				valueField: 'CLAVE',
				displayField: 'NOMBRE',
				emptyText: 'Seleccione una región',
				valueNotFoundText: 'Seleccione una región',
				anchor: '100%',
				width:200,
				listeners:{
					select:{
						fn:function(a, b, c){
							fncActivarObj('btnP-2');
							//console.info('btnE-'+TabEstadisticaStatus);
							var tabPanelx = Ext.getCmp('tabsMenu');
							if (tabMenuStatus == 'vacio'){
								toolFicha(tabMenuStatus);
								<!-- tabPanelx.setActiveTab("tabpanelEstadistica"); -->
								var btnP2 = Ext.getCmp('btnP-2');
									btnP2.fireEvent("click",btnP2);
								var btnE1 = Ext.getCmp('btnE-1');
									btnE1.fireEvent("click",btnE1);
								<!-- fncButtonChangeCSS2('btnE-1','poblacion_over'); -->
							}else{

							}
							Ext.getCmp('txtTabla').update('');
							sendtema(TabEstadisticaStatus,ArrayTema,true);
						}
					}
				}
	});
	cboRegion.hide();


	var cboMunicipios = new Ext.form.ComboBox({
				name: 'cboMunicipios',
				//listClass: 'my-cboMunicipios-lst',
				id: 'cboMunicipios',
				editable: true,
				hiddenName: 'NOMBRE',
				forceSelection: true,
				typeAhead: true,
				triggerAction: 'all',
				lazyRender: true,
				mode: 'local',
				store: dataMunicipio,
				valueField: 'CLAVE',
				displayField: 'NOMBRE',
				emptyText: 'Seleccione un municipio',
				valueNotFoundText: 'Seleccione un municipio',
				anchor: '100%',
				width:200,
				listeners:
				{
					change:{
						fn:function(a, b, c)
						{
							if(temas==1)
							{
									getMunicipios();
									fncActivarObj('btnP-1#btnP-2#btnP-3');
									//console.info('btnE-'+TabEstadisticaStatus);

									var tabPanelx = Ext.getCmp('tabsMenu');
									if (tabMenuStatus == 'vacio'){
										toolFicha(tabMenuStatus);
										tabPanelx.setActiveTab("tabpanelPerfiles");
										fncButtonChangeCSS2('btnE-1','poblacion_over');
									}
										<!-- console.info(tabMenuStatus); -->
									sendtema(TabEstadisticaStatus,ArrayTema,true);
									temas = 0;
							}
						}
					},
					select:{
						fn:function(a, b, c)
						{
							if(temas!=1)
							{
								getMunicipios();
								fncActivarObj('btnP-1#btnP-2#btnP-3');

								var tabPanelx = Ext.getCmp('tabsMenu');
								if (tabMenuStatus == 'vacio'){
									toolFicha(tabMenuStatus);
									tabPanelx.setActiveTab("tabpanelPerfiles");
									fncButtonChangeCSS2('btnE-1','poblacion_over');
								}else{

								}
									<!-- console.info(tabMenuStatus); -->
								sendtema(TabEstadisticaStatus,ArrayTema,true);
								/*switch(this.getValue()){
									case '120': fnShowVentana(this.getValue()); break;
									case '121': fnShowVentana(this.getValue()); break;
									case '122': fnShowVentana(this.getValue()); break;
									case '123': fnShowVentana(this.getValue()); break;
									case '124': fnShowVentana(this.getValue()); break;
									case '125': fnShowVentana(this.getValue()); break;

									case '2': fnShowVentana_2(this.getValue()); break;
									case '72': fnShowVentana_2(this.getValue()); break;
									case '80': fnShowVentana_2(this.getValue()); break;
									case '92': fnShowVentana_2(this.getValue()); break;
									case '107': fnShowVentana_2(this.getValue()); break;
								}*/
							}
						}
					}

				}
	});
	//*************EVENTOS*********************************


	getMunicipios = function(){
			//Llenando pestaña UBICACION
			var referencia_historica = '';
			var arreglo = arrayCatalogos.data[4];
			var municipio = Ext.getCmp('cboMunicipios').getValue();

			Object.keys(arreglo).forEach(function(key){
				if(arreglo[key].CVE_MUN == municipio) referencia_historica = arreglo[key].MEDIO_HISTORICO;
			});

			Ext.getCmp('panelPerfiles').update(referencia_historica);

			var arreglo = arrayCatalogos.data[5];
			var tmpGeo = [];
			Object.keys(arreglo).forEach(function(key){
				if(parseInt(arreglo[key].CVE_MUN) == municipio)	tmpGeo.push(arreglo[key]);
			});

			var descarga = arrayCatalogos.data[7];
			var tmpMapas = [];
			var tmpTurismo = [];
			var tmpTiposClima = [];
			var tmpEdafologia = [];
			var tmpGeologia = [];
			var tmpFisiografia = [];
			var tmpHidrografia = [];
			var tmpPMTMINNA = [];
			var tmpPMANP = [];
			var tmpPMVEG = [];
			var tmpPMTMAXMO = [];
			var tmpPMTMAXNA = [];
			var tmpPMTMINMO = [];
			var tmpPMPSPH = [];
			var tmpPMVPHEXC = [];
			var tmpPMVPHNAGUA = [];
			var tmpPMVPHNDREN = [];
			var tmpPMVPHSS = [];
			var tmpPMRS = [];
			var tmpPMPMMO = [];
			var tmpPMPMNA = [];

			Object.keys(descarga).forEach(function(key)
			{
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMMB")	tmpMapas.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMTUR")	tmpTurismo.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMTC")	tmpTiposClima.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMEDA")	tmpEdafologia.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMGEO")	tmpGeologia.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMFISIO")	tmpFisiografia.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMHIDRO")	tmpHidrografia.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMANP")	tmpPMANP.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMVEG")	tmpPMVEG.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMTMAXMO")	tmpPMTMAXMO.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMTMAXNA")	tmpPMTMAXNA.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMTMINMO")	tmpPMTMINMO.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMTMINNA")	tmpPMTMINNA.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMPSPH")	tmpPMPSPH.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMVPHEXC")	tmpPMVPHEXC.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMVPHNAGUA")	tmpPMVPHNAGUA.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMVPHNDREN")	tmpPMVPHNDREN.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMVPHSS")	tmpPMVPHSS.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMRS")	tmpPMRS.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMPMMO")	tmpPMPMMO.push(descarga[key]);
				if(parseInt(descarga[key].CVE_MUN) == municipio && descarga[key].tema == "PMPMNA")	tmpPMPMNA.push(descarga[key]);
			});

			console.info(tmpPMANP);
			//if(tmpGeo[0]){
				var texto_ubica = '<table id="tblfuente" class="tblfuente" style="width:99%;font-size:14px;cellspacing=0; cellpadding=0;border:0px solid #191970;margin:0;">';
				texto_ubica +=  '<tr style="color:#000000;">';
				texto_ubica +=  '<td colspan="2">'
				texto_ubica +=  tmpGeo[0].U_GEOG;
				texto_ubica +=  '</td></tr>';
				texto_ubica += '<tr><td><center>';

				var validate = (tmpTurismo.length > 0 ? tmpTurismo[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
	 			if(validate!="")
	 			{
		 			texto_ubica += '<a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpTurismo[0].id;
		 			texto_ubica += '" target="_blank" title="Ver mapa"><img src="img/turismo.png';
		 			texto_ubica += '"></a>';
		 		}
				texto_ubica += '';
	 			//texto_ubica += '<a href="img/mapas/Mapa_Base/';
	 			//texto_ubica += tmpGeo[0].CVE_MUN;
	 			//texto_ubica += '.pdf" target="_blank" title="Ver mapa"><img src="img/mapa.png';
	 			//texto_ubica += '"></a></center></td></tr></table>';

	 			texto_ubica += '<a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpMapas[0].id;
	 			texto_ubica += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';
	 			texto_ubica += '"></a></center></td></tr></table>';

				Ext.getCmp('txtUbi').update(texto_ubica);

				var texto_clima = '<table id="tblfuente" class="tblfuente" style="width:99%;font-size:14px;cellspacing=0; cellpadding=0;border:0px solid #191970;margin:0;">';
				texto_clima +=  '<tr style="color:#000000;">';
				texto_clima +=  '<td>'
				texto_clima +=  tmpGeo[0].CLIMAS;
				texto_clima +=  '</td></tr></table>';
				texto_clima += '<table style="width:99%;font-size:12px;cellspacing=0; cellpadding=0;border:0px solid #191970;margin:0;">';

					var validate = (tmpTiposClima.length > 0 ? tmpTiposClima[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
					if(validate!="")
					{
			 			texto_clima += '<tr><td width="220"><b>Tipos de Clima</b></td><td width="100">';
			 			texto_clima += '<a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpTiposClima[0].id;
						texto_clima += '" target="_blank" title="Ver mapa"><img src="img/mapa.png">';
			 			texto_clima += '</a></td><td></td></tr>';
					}


					texto_clima += '<tr><td><b>Temperaturas Mayo-Octubre</b></td>';
					var validate = (tmpPMTMAXMO.length > 0 ? tmpPMTMAXMO[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
					if(validate!="")
					{

			 			texto_clima += '<td><p><b>Maxima</b></p><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpPMTMAXMO[0].id;
						//texto_clima += tmpGeo[0].CVE_MUN;
						texto_clima += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';
			 			texto_clima += '"></a></td>';
					}

					var validate = (tmpPMTMINMO.length > 0 ? tmpPMTMINMO[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
					if(validate!="")
					{
			 			texto_clima += '<td><p><b>Minima</b></p><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpPMTMINMO[0].id;
						//texto_clima += tmpGeo[0].CVE_MUN;
						//texto_clima += '.pdf" target="_blank" title="Ver mapa"><img src="img/mapa.png';
						texto_clima += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';
			 			texto_clima += '"></a></td></tr>';
					}

					texto_clima += '<tr><td><b>Temperaturas Noviembre-Abril</b></td>';
					var validate = (tmpPMTMAXNA.length > 0 ? tmpPMTMAXNA[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
					if(validate!="")
					{
			 			texto_clima += '<td><p><b>Máxima</b></p><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpPMTMAXNA[0].id;
						texto_clima += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';
			 			texto_clima += '"></a></td>';
					}

					var validate = (tmpPMTMINNA.length > 0 ? tmpPMTMINNA[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
					if(validate!="")
					{
						texto_clima += '<td><p><b>Mínima</b></p><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpPMTMINNA[0].id;
			 			//texto_clima += '<td><p><b>Minima</b></p><a href="img/mapas/Temperatura/minima_noviembre-abril/';
						//texto_clima += tmpGeo[0].CVE_MUN;
						texto_clima += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';

						texto_clima += '" ></a></td></tr>';
					}


	 			texto_clima += '<tr><td><b>Precipitaci&oacute;n media</b></td>';

				var validate = (tmpPMPMMO.length > 0 ? tmpPMPMMO[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
				if(validate!="")
				{
		 			texto_clima += '<td><p><b>Mayo-Octubre</b></p><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpPMPMMO[0].id;
					texto_clima += '" target="_blank" title="Ver mapa"><img src="img/mapa.png"></a></td>';
				}

				var validate = (tmpPMPMNA.length > 0 ? tmpPMPMNA[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
				if(validate!="")
				{
		 			texto_clima += '<td><p><b>Noviembre-Abril</b></p><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpPMPMNA[0].id;
					texto_clima += '" target="_blank" title="Ver mapa"><img src="img/mapa.png"></a></td>';
				}

				texto_clima += '</tr></table>';

				Ext.getCmp('txtCli').update(texto_clima);


					var texto_veg = '<table id="tblfuente" class="tblfuente" style="width:99%;font-size:14px;cellspacing=0; cellpadding=0;border:0px solid #191970;margin:0;">';
					texto_veg +=  '<tr style="color:#000000;">';
					texto_veg +=  '<td>'
					texto_veg +=  tmpGeo[0].VEGETACION;
					texto_veg +=  '</td></tr>';


				var validate = (tmpPMVEG.length > 0 ? tmpPMVEG[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
				if(validate!="")
				{
					texto_veg += '<tr><td>';
					texto_veg += '<center><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpPMVEG[0].id;

					texto_veg += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';
		 			texto_veg += '"></a></center></td></tr></table>';
				}

				Ext.getCmp('txtVeg').update(texto_veg);



					var texto_eda = '<table id="tblfuente" class="tblfuente" style="width:99%;font-size:14px;cellspacing=0; cellpadding=0;border:0px solid #191970;margin:0;">';
					texto_eda +=  '<tr style="color:#000000;">';
					texto_eda +=  '<td>'
					texto_eda +=  tmpGeo[0].EDAFO;
					texto_eda +=  '</td></tr>';
				var validate = (tmpEdafologia.length > 0 ? tmpEdafologia[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
				if(validate!="")
				{
					texto_eda += '<tr><td>';

					texto_eda += '<center><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpEdafologia[0].id;

					texto_eda += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';
		 			texto_eda += '"></a></center></td></tr></table>';
				}

				Ext.getCmp('txtEda').update(texto_eda);


					var texto_geo = '<table id="tblfuente" class="tblfuente" style="width:99%;font-size:14px;cellspacing=0; cellpadding=0;border:0px solid #191970;margin:0;">';
					texto_geo +=  '<tr style="color:#000000;">';
					texto_geo +=  '<td>'
					texto_geo +=  tmpGeo[0].GEO;
					texto_geo +=  '</td></tr>';
				var validate = (tmpGeologia.length > 0 ? tmpGeologia[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
				if(validate!="")
				{
					texto_geo += '<tr><td>';

					texto_geo += '<center><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpGeologia[0].id;

					texto_geo += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';
		 			texto_geo += '"></a></center></td></tr></table>';
				}

				Ext.getCmp('txtGeo').update(texto_geo);


					var texto_fis = '<table id="tblfuente" class="tblfuente" style="width:99%;font-size:14px;cellspacing=0; cellpadding=0;border:0px solid #191970;margin:0;">';
					texto_fis +=  '<tr style="color:#000000;">';
					texto_fis +=  '<td>'
					texto_fis +=  tmpGeo[0].FISIO;
					texto_fis +=  '</td></tr>';
				var validate = (tmpFisiografia.length > 0 ? tmpFisiografia[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
				if(validate!="")
				{
					texto_fis += '<tr><td>';
					texto_fis += '<center><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpFisiografia[0].id;

					texto_fis += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';
		 			texto_fis += '"></a></center></td></tr></table>';
				}

				Ext.getCmp('txtFis').update(texto_fis);


					var texto_hid = '<table id="tblfuente" class="tblfuente" style="width:99%;font-size:14px;cellspacing=0; cellpadding=0;border:0px solid #191970;margin:0;">';
					texto_hid +=  '<tr style="color:#000000;">';
					texto_hid +=  '<td>'
					texto_hid +=  tmpGeo[0].HIDRO;
					texto_hid +=  '</td></tr>';
				var validate = (tmpHidrografia.length > 0 ? tmpHidrografia[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
				if(validate!="")
				{
					texto_hid += '<tr><td>';
					texto_hid += '<center><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpHidrografia[0].id;
		 			//texto_hid += '<center><a href="img/mapas/Hidrografia/';
		 			//texto_hid += tmpGeo[0].CVE_MUN;
					texto_hid += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';
		 			texto_hid += '"></a></center></td></tr></table>';
				}

				Ext.getCmp('txtHid').update(texto_hid);

				var texto_anp = '<table id="tblfuente" class="tblfuente" style="width:99%;font-size:14px;cellspacing=0; cellpadding=0;border:0px solid #191970;margin:0;">';
				texto_anp +=  '<tr style="color:#000000;">';
				texto_anp +=  '<td>'
				texto_anp +=  tmpGeo[0].AREAS_PROT;
				texto_anp +=  '</td></tr>';
				texto_anp += '<tr><td>';

				var validate = (tmpPMANP.length > 0 ? tmpPMANP[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
				if(validate!="")
				{
					texto_anp += '<center><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpPMANP[0].id;
					texto_anp += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';
		 			texto_anp += '"></a></center>';
				}
				/*var validate = UrlExists("/perfiles/img/mapas/Areas_Nat/"+tmpGeo[0].CVE_MUN+".pdf");
	 			if(validate){
		 			texto_anp += '<center><a href="img/mapas/Areas_Nat/';
		 			texto_anp += tmpGeo[0].CVE_MUN;
					texto_anp += '.pdf" target="_blank" title="Ver mapa"><img src="img/mapa.png';
		 			texto_anp += '"></a></center>';
	 			}*/
	 			texto_anp += '</td></tr></table>';
				Ext.getCmp('txtAnp').update(texto_anp);

				var texto_socio = '<table id="tblfuente" class="" style="font-size:14px;cellspacing=0; cellpadding=0;border:0px solid #191970;margin:0;">';
				var validate = (tmpPMRS.length > 0 ? tmpPMRS[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
				if(validate!="")
				{

					texto_socio +=  '<tr style="color:#000000;">';
					texto_socio +=  '<td>Rezago Social</td><td>';
		 			texto_socio += '<center><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpPMRS[0].id;
					texto_socio += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';
		 			texto_socio += '"></a></center>';
		 			texto_socio += '</td></tr>';
				}



				var validate = (tmpPMPSPH.length > 0 ? tmpPMPSPH[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
				if(validate!="")
				{
					texto_socio +=  '<tr><td>Propiedad Social y Población Hablante de Lengua Indígena</td><td>';
					texto_socio += '<center><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpPMPSPH[0].id;
					texto_socio += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';
		 			texto_socio += '"></a></center>';
		 			texto_socio += '</td></tr>';
				}

				var validate = (tmpPMVPHNAGUA.length > 0 ? tmpPMVPHNAGUA[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
				if(validate!="")
				{
					texto_socio +=  '<tr><td>Viviendas particulares habitadas que no disponen de agua dentro de la vivienda</td><td>';
					texto_socio += '<center><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpPMVPHNAGUA[0].id;
					texto_socio += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';
		 			texto_socio += '"></a></center>';
		 			texto_socio += '</td></tr>';
				}

				var validate = (tmpPMVPHNDREN.length > 0 ? tmpPMVPHNDREN[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
				if(validate!="")
				{
					texto_socio +=  '<tr><td>Viviendas particulares habitadas que no disponen de drenaje</td><td>';
		 			texto_socio += '<center><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpPMVPHNDREN[0].id;
					texto_socio += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';
					texto_socio += '"></a></center>';
	 				texto_socio += '</td></tr>';
				}

				var validate = (tmpPMVPHEXC.length > 0 ? tmpPMVPHEXC[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
				if(validate!="")
				{
					texto_socio +=  '<tr><td>Viviendas particulares habitadas con piso de tierra</td><td>';
					texto_socio += '<center><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpPMVPHEXC[0].id;
					texto_socio += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';
		 			texto_socio += '"></a></center>';
	 				texto_socio += '</td></tr>';
				}

				var validate = (tmpPMVPHSS.length > 0 ? tmpPMVPHSS[0].filename : ""); //UrlExists("/perfiles/img/mapas/Turismo/"+tmpGeo[0].CVE_MUN+".pdf");
				if(validate!="")
				{
					texto_socio +=  '<tr><td>Viviendas particulares habitadas sin todos los servicios</td><td>';
		 			texto_socio += '<center><a href="https://www.ceieg.chiapas.gob.mx/download/'+tmpPMVPHSS[0].id;
					texto_socio += '" target="_blank" title="Ver mapa"><img src="img/mapa.png';
		 			texto_socio += '"></a></center>';
	 				texto_socio += '</td></tr>';
				}

	 			texto_socio += '</table>';
				Ext.getCmp('txtSocio').update(texto_socio);

			//}
	}

	function toolFicha(status){
		<!-- console.info(status); -->
		var tabPanelx = Ext.getCmp('tabsMenu');
		if (status.id == 'btnP-1'){
			tabPanelx.setActiveTab("tabpanelPerfiles");
		}
		if (status.id == 'btnP-2'){
    		tabPanelx.setActiveTab("tabpanelEstadistica");
		}
		else if (status.id == 'btnP-3'){
    		tabPanelx.setActiveTab("tabpanelGeografia");
    	}

	}

	loadAnios = function(){
		var combo2 = Ext.getCmp('cboAnio');
			combo2.store.removeAll();
			combo2.setValue('');
			var muni2 = '';
			var subtema2 = '';
			muni2 = Ext.getCmp('cboMunicipios').getValue();
			subtema2 = Ext.getCmp('cboSubTema').getValue();
			combo2.store.load({
			params: {data:'anios',idmuni:muni2,idtema: tema, idsubtema: subtema2},
			});

	};


	gettable = function(){
		var muni = '';
		muni = Ext.getCmp('cboMunicipios').getValue();
			Ext.Ajax.request({ //fire the request
				url: 'data.php',
				method:'GET',
				params:{data:'table',idtema: tema},
				success:function(response){
					//Ext.getCmp('mitabla').update(response.responseText);
				},
				failure:function(a,b){
				},
				scope:this, //bind the callbacks
			});
	};

	//*************TABULADORES*****************************
	var frmInicio = new Ext.FormPanel(
	{
		frame: true,
		border: false,
		layout: 'fit',
		margins:
		{
			bottom:5
		},
		trackResetOnLoad:true,
		forceLayout: true,
  	    defaults:
		{
  	    	msgTarget: 'side'
  	    },
		items:
		[{
                items:[{
                	html: ""
                	}
                ]
				}]
	});

    var tabs = new Ext.TabPanel({
	    id: 'tabs',
		plain: true,  //remove the header border
		activeItem: 0,
		margins: '0',
		autoScroll:true,
		frame:false,
		deferredRender: false,
		enableTabScroll:false,
        items:[{
				xtype: 'panel',
				id : 'txtTabla',
				layout: 'fit',
				title: 'Tabla',
		        loadScripts: true,
		        //closable: true,
		        border:false,
				forceLayout: true,
				//padding:'25',
				autoScroll:true,
                bbar:[{
			        			xtype : 'tbfill'
					        },{
					            xtype : 'tbbutton',
					            id:'btnExportar',
					            text : 'Exportar consulta',
					            iconCls:'excel',
					            tooltip:'Exportar consulta a Excel',
					            disabled:true,
					            handler : function() {
					            	ExportToCSV();

					            	Ext.Ajax.request({ //consulta tema
										url: '../productos/controlesphp/servidor.php',
										method:'POST',
										params:{opcion:'saveDownloadPM',uniq:'c76c526eee8de4f417038edd75599d3a'},
										success:function(response){
											var info = JSON.parse(response.responseText);
											console.info(info);
										},
										failure:function(a,b){
										},
										scope:this, //bind the callbacks
									});
					            }
					        } ,{
					            xtype : 'tbbutton',
					            id:'btnExportarBase',
					            text : 'Exportar base',
					            iconCls:'excel',
					            tooltip:'Exportar base a Excel',
					            disabled:true,
											hidden:true,
					            handler : function() {
					            	ExportToCSVBase();

					            	Ext.Ajax.request({ //consulta tema
										url: '../productos/controlesphp/servidor.php',
										method:'POST',
										params:{opcion:'saveDownloadPM',uniq:'439e5bcefcd590aea6a31bf2ce2cac9c'},
										success:function(response){
											var info = JSON.parse(response.responseText);
											console.info(info);
										},
										failure:function(a,b){
										},
										scope:this, //bind the callbacks
									});
					            }
					        } ]
			},{
				xtype: 'panel',
				id : 'txtFuente',
				layout: 'fit',
				title: 'Fuente',
		        loadScripts: true,
		        //closable: true,
		        border:false,
				forceLayout: true,
				padding:'25',
				autoScroll:true,
			}
        ]
    });

    var tabsGeo = new Ext.TabPanel({
	    id: 'tabsGeo',
		plain: true,  //remove the header border
		activeItem: 0,
		frame:false,
		deferredRender: false,
		enableTabScroll:true,
        items:[{
				xtype: 'panel',
				id : 'txtUbi',
				layout: 'fit',
				title: 'Ubicaci&oacute;n',
		        loadScripts: true,
		        //closable: true,
				autoScroll:true,
				padding:'25',
		        border:false,
			},{
				xtype: 'panel',
				id : 'txtCli',
				layout: 'fit',
				title: 'Clima',
		        loadScripts: true,
		        //closable: true,
		        border:false,
				autoScroll:true,
				padding:'25',
				forceLayout: true,
			},{
				xtype: 'panel',
				id : 'txtVeg',
				layout: 'fit',
				title: 'Vegetaci&oacute;n',
		        loadScripts: true,
		        //closable: true,
		        border:false,
				autoScroll:true,
				padding:'25',
				forceLayout: true,
			},{
				xtype: 'panel',
				id : 'txtEda',
				layout: 'fit',
				title: 'Edafolog&iacute;a',
		        loadScripts: true,
		        //closable: true,
		        border:false,
				autoScroll:true,
				padding:'25',
				forceLayout: true,
			},{
				xtype: 'panel',
				id : 'txtGeo',
				layout: 'fit',
				title: 'Geolog&iacute;a',
		        loadScripts: true,
		        //closable: true,
		        border:false,
				autoScroll:true,
				padding:'25',
				forceLayout: true,
			},{
				xtype: 'panel',
				id : 'txtFis',
				layout: 'fit',
				title: 'Fisiograf&iacute;a',
		        loadScripts: true,
		        //closable: true,
		        border:false,
				autoScroll:true,
				padding:'25',
				forceLayout: true,
			},{
				xtype: 'panel',
				id : 'txtHid',
				layout: 'fit',
				title: 'Hidrograf&iacute;a',
		        loadScripts: true,
		        //closable: true,
		        border:false,
				autoScroll:true,
				padding:'25',
				forceLayout: true,
			},{
				xtype: 'panel',
				id : 'txtAnp',
				layout: 'fit',
				title: 'ANP',
		        loadScripts: true,
		        //closable: true,
		        border:false,
				autoScroll:true,
				padding:'25',
				forceLayout: true,
			},{
				xtype: 'panel',
				id : 'txtSocio',
				layout: 'fit',
				title: 'Sociodemográfico',
		        loadScripts: true,
		        //closable: true,
		        border:false,
				autoScroll:true,
				padding:'25',
				forceLayout: true,
			}

        ]
    });

    sendtema = function(response,tituloTema,municipio){
		tema = response;
		//console.info(tituloTema,tema);
		ArrayTema = tituloTema;

		var combo = Ext.getCmp('cboSubTema');
			if(!municipio){
				combo.store.removeAll();
				combo.setValue('');
			}

		//Llena el combo de Subtemas
		var filtros = [];
			filtros['CVE_SECTOR'] = tema;

		<!-- console.info(arrayIndicadores); -->

		var recibe = filtrar(arrayCatalogos.data[2],filtros);
		console.info(arrayCatalogos.data[2]);
		//var recibe = filtrar(arrayIndicadores.data[0].DATA[0],filtros);
			dataSubTemaA.data = recibe.data;
			dataSubTema.load();

		Ext.getCmp('txtTabla').update('');

			<!-- console.info(Ext.getCmp('cboRegion').getValue()); -->
		if(combo.getValue()){
			if(!Ext.getCmp('cboRegion').getValue()) loadTemas(tema);
			else loadTemasRegion(tema);
		}
		//Crea la tabla de Fuentes
		//loadFuentes(tema);
		Ext.getCmp('btnExportar').disable();
	};

	loadTemas = function(tema){
		<!-- fncActivarObj('btnExportar#btnExportarBase'); -->
		//console.info(tema);
		var muni = '';
		var subtema = '';
		var tabla = '';
		muni = Ext.getCmp('cboMunicipios').getValue();
		subtema = Ext.getCmp('cboSubTema').getValue();
		//console.info(Ext.getCmp('cboSubTema').getValue());
		var ok = false;
		var tmpIndicadores = [];

		var filtros = [];
		filtros['CVE_MUN'] = muni;
		filtros['CVE_SECTOR'] = tema;
		if(subtema) filtros['CVE_SUBTEMA'] = subtema;
		//console.info(filtros);
		Object.keys(arrayIndicadores.data).forEach(function(key){
			if(arrayIndicadores.data[key].MUN == muni){
				ok = true;
				tmpIndicadores = arrayIndicadores.data[key].DATA[0];
				//console.info(tmpIndicadores);
			}
		});

		LoadingMask.msg = "Cargando datos del municipio...";
		LoadingMask.show();
		if(!ok){
	    	Ext.Ajax.request({ //consulta tema
				url: 'data.php',
				method:'GET',
				params:{data:'indicadores',idmuni:muni},
				success:function(response){
					var info = JSON.parse(JXG.decompress(response.responseText));
					var tmpArray = {};
						tmpArray.MUN = muni;
						tmpArray.DATA = [];
						tmpArray.DATA.push(info.rows[0]);
					if(info.rows[0] != null){
						arrayIndicadores.data.push(tmpArray);
						tmpIndicadores = info.rows[0];
						<!-- console.info(info.rows[0]); -->
						var recibe = filtrar(tmpIndicadores,filtros);
						//console.info(recibe);
						tabla = crearTabla(recibe.data);
						Ext.getCmp('txtTabla').update(tabla.html);
						ArrayConvertToCSV = tabla.data;
						loadFuentes(tema,tabla.fuente);
					}
					LoadingMask.hide();
				},
				failure:function(a,b){
				},
				scope:this, //bind the callbacks
			});
		}else{
			//console.info(filtros);
			var recibe = filtrar(tmpIndicadores,filtros,1);
			//console.info(recibe);
			tabla = crearTabla(recibe.data);
			console.info(tabla);
			Ext.getCmp('txtTabla').update(tabla.html);
			ArrayConvertToCSV = tabla.data;

			loadFuentes(tema,tabla.fuente);

			LoadingMask.hide();
		}
		<!-- LoadingMask.hide(); -->
		//console.info(muni);
		switch(muni){
			case '120': fnShowVentana(muni); break;
			case '121': fnShowVentana(muni); break;
			case '122': fnShowVentana(muni); break;
			case '123': fnShowVentana(muni); break;
		}
	};


	loadTemasRegion = function(tema){
		fncActivarObj('btnExportar#btnExportarBase');
		//console.info(tema);
		var region = '';
		var subtema = '';
		var tabla = '';
		region = Ext.getCmp('cboRegion').getValue();
		subtema = Ext.getCmp('cboSubTema').getValue();
		//console.info(Ext.getCmp('cboSubTema').getValue());
		var ok = false;
		var tmpIndicadores = [];

		var filtros = [];
		filtros['CVE_REGION'] = region;
		filtros['CVE_SECTOR'] = tema;
		if(subtema) filtros['CVE_SUBTEMA'] = subtema;
		//console.info(filtros);
		Object.keys(arrayIndicadores.data).forEach(function(key){
			if(arrayIndicadores.data[key].REGION == region){
				ok = true;
				tmpIndicadores = arrayIndicadores.data[key].DATA[0];
				//console.info(tmpIndicadores);
			}
		});
		LoadingMask.msg = "Cargando datos de la región...";
		LoadingMask.show();
		if(!ok){
	    	Ext.Ajax.request({ //consulta tema
				url: 'data.php',
				method:'GET',
				params:{data:'indicadoresRegion',idregion:region},
				success:function(response){
					var info = JSON.parse(JXG.decompress(response.responseText));

					var tmpArray = {};
						tmpArray.REGION = region;
						tmpArray.DATA = [];
						tmpArray.DATA.push(info.rows[0]);

					arrayIndicadores.data.push(tmpArray);
					tmpIndicadores = info.rows[0];

					var recibe = filtrar(tmpIndicadores,filtros);
					//console.info(recibe);
					tabla = crearTabla(recibe.data,true);
					Ext.getCmp('txtTabla').update(tabla.html);
					ArrayConvertToCSV = tabla.data;

					loadFuentes(tema,tabla.fuente);
					LoadingMask.hide();
				},
				failure:function(a,b){
				},
				scope:this, //bind the callbacks
			});
		}else{
			//console.info(filtros);
			var recibe = filtrar(tmpIndicadores,filtros,1);
			//console.info(recibe);
			tabla = crearTabla(recibe.data,true);
			//console.info(tabla);
			Ext.getCmp('txtTabla').update(tabla.html);
			ArrayConvertToCSV = tabla.data;

			loadFuentes(tema,tabla.fuente);
			LoadingMask.hide();
		}
	};

	loadFuentes = function(tema,arr){
		var filtrosFuente = [];
			filtrosFuente['CLAVE'] = tema;
			console.info(arrayCatalogos.data[3]);
			console.info(filtrosFuente);
		var recibe2 = filtrar(arrayCatalogos.data[3],filtrosFuente);
		console.info(recibe2);
		console.info(arr);
		var tabla = crearTablaFuente(recibe2.data,arr);
			//Ext.getCmp('txtFuente').update("<center><img src='https://www.ceieg.chiapas.gob.mx/home/wp-content/uploads/Secciones/estadisticos/images/working.jpg' width='200px' height='200px'></center>");
			Ext.getCmp('txtFuente').update(tabla.data);
			ArrayConvertToCSVFuente = tabla.data;
	};


	//PANELES

	var paneltabEstadistica	= new Ext.Panel({
		region: 'center',
		layout:'fit',
		border:false,
		height:70,
		frame:true,
		id: 'paneltabEstadistica',
		items:[tabs]
	});



	var panelCabecera	= new Ext.Panel({
		region: 'north',
		layout:'fit',
		border:false,
		height:80,
		id: 'panelCabecera',
		items:[
				{
					xtype:'container',
					region:'center',
					layout:'fit',
					cls:'cssHeader',
					items:[
							{
								xtype:'container',
								layout:'border',
								cls:'cssHeaderBG',
								items:[
										{
											xtype:'container',
											region:'west',
											layout:'fit',
											width:180,
											cls:'cssHeaderLogoLeft',
										},{
											xtype:'container',
											region:'center',
											layout:'fit',
											cls:'cssHeaderTitle',
										},{
											xtype:'container',
											region:'east',
											layout:'fit',
											width:170,
											cls:'cssHeaderLogoRight',
											html:'<a href="/home" style="display: block; width: 170px; height: 80px; cursor: pointer;" title="Volver a la página principal."></a>'
										}
								]
							}
					]
				}
		]
	});
	var panelOpciones	= new Ext.Panel({
		region: 'center',
		layout:'fit',
		frame:false,
		border:false,
		plain: true,
		id: 'panelOpciones',
		items:[
				{
					xtype:'toolbar',
					cls:'cssPanelOpciones',
					style:'border:0px;',
					items:[
						//cboTipo,
						cboRegion,
						cboMunicipios,
						{xtype:'tbspacer'},{xtype:'tbspacer'},{xtype:'tbspacer'},{xtype:'tbspacer'},{xtype:'tbspacer'},{xtype:'tbspacer'},{xtype:'tbspacer'},{xtype:'tbspacer'},{xtype:'tbspacer'},{xtype:'tbspacer'},
						{
							overCls:'cssBtn',iconCls:'perfiles',text:'<b class="cssTexto">Referencias Históricas</b>', id:'btnP-1', tooltip:'Referencias Históricas',disabled:true,
							listeners:{
						    	click:function(toggled){
						    		toggled.el.select('button').addClass('perfiles_over');
						    		fncButtonChangeCSS(toggled.el,'btnP-',3);
						    		tabMenuStatus = toggled;
						    		toolFicha(toggled);
						    	},
						    	render:function(toggled){
						    		toggled.el.select('button').addClass('perfiles_over');
						    	},
				    		}
						},
						{xtype:'tbspacer'},{xtype:'tbspacer'},{xtype:'tbspacer'},
						{
							overCls:'cssBtn',iconCls:'estadistica',text:'<b class="cssTexto">Estadística</b>', id:'btnP-2', tooltip:'Estadística',disabled:true,
							listeners:{
						    	click:function(toggled){
						    		toggled.el.select('button').addClass('estadistica_over');
						    		fncButtonChangeCSS(toggled.el,'btnP-',3);
						    		tabMenuStatus = toggled;
						    		toolFicha(toggled);
						    	}
				    		}
						},
						{xtype:'tbspacer'},{xtype:'tbspacer'},{xtype:'tbspacer'},

						{
							overCls:'cssBtn',iconCls:'geografia',text:'<b class="cssTexto">Geografía</b>',id:'btnP-3', tooltip:'Geografía',disabled:true,
							listeners:{
						    	click:function(toggled){
						    		toggled.el.select('button').addClass('geografia_over');
						    		fncButtonChangeCSS(toggled.el,'btnP-',3);
						    		tabMenuStatus = toggled;
						    		toolFicha(toggled);
						    	}
				    		}
						},

					]
				}
		]
	});


	var panelHeader	= new Ext.Panel({
		region: 'north',
		layout:'border',
		border:false,
		id: 'panelHeader',
		height:107,
		plain: true,
		items:[panelCabecera,panelOpciones]

	});
	var panelFooter	= new Ext.Panel({
		region: 'south',
		layout:'border',
		border:false,
		id: 'panelFooter',
		cls:'cssPanelFooter',
		height:74,
		//frame:false,
		items:[
				{
					region:'west',
					width:160,
					border:false,
					cls:'cssFooterLogoCenter',
				},{
					region:'center',
					border:false,
					cls:'cssFooterLogoRight',
				}
		]
	});

	var panelPerfiles = new Ext.Panel({
		region: 'center',
		frame:false,
		padding:'25px',
		border:true,
		id: 'panelPerfiles',
		autoScroll:true,
		plain: true,

	});
	var panelGeografia = new Ext.Panel({
		layout:'fit',
		id: 'panelGeografia',
		frame:true,
		border:true,
		plain: true,
		items:[
			tabsGeo
		]

	});

	var panelEstadistica	= new Ext.Panel({
		layout:'border',
		border:false,
		frame:false,
		id: 'panelEstadistica',
		items:[
				{
					xtype:'toolbar',
					region:'north',
					border:false,
					frame:false,
					plain:true,
					cls:'cssPanelEstadistica',
					style:'border:0px;',
					items:[
							{
								iconCls:'poblacion',tooltip:'Población',id:'btnE-1', scale: 'medium', toggle:true, handler: function(){sendtema(1,'Poblacion');},
								listeners:{
							    	click:function(toggled){
							    		toggled.el.select('button').addClass('poblacion_over');
							    		fncButtonChangeCSS(toggled.el,'btnE-',14);
							    		TabEstadisticaStatus = 1;
							    		//fncActivarObj('cboSubTema#btnExportar#btnExportarBase');
							    	}
					    		}
							},{
			     	      		iconCls:'educacion',tooltip:'Educación',id:'btnE-2', scale: 'medium', handler: function(){sendtema(2,'Educacion');},
								listeners:{
							    	click:function(toggled){
							    		toggled.el.select('button').addClass('educacion_over');
							    		fncButtonChangeCSS(toggled.el,'btnE-',14);
							    		TabEstadisticaStatus = 2;
							    		//fncActivarObj('cboSubTema#btnExportar#btnExportarBase');
							    	}
								}
			     	      	},{
			            		iconCls:'salud',tooltip:'Salud',id:'btnE-3', scale: 'medium', handler: function(){sendtema(3,'Salud');},
								listeners:{
							    	click:function(toggled){
							    		toggled.el.select('button').addClass('salud_over');
							    		fncButtonChangeCSS(toggled.el,'btnE-',14);
							    		TabEstadisticaStatus = 3;
							    		//fncActivarObj('cboSubTema#btnExportar#btnExportarBase');
									}
								}
							},{
			            		iconCls:'vivienda',tooltip:'Vivienda',id:'btnE-4', scale: 'medium', handler: function(){sendtema(4,'Vivienda');},
								listeners:{
							    	click:function(toggled){
							    		toggled.el.select('button').addClass('vivienda_over');
							    		fncButtonChangeCSS(toggled.el,'btnE-',14);
							    		TabEstadisticaStatus = 4;
							    		//fncActivarObj('cboSubTema#btnExportar#btnExportarBase');
							    	}
								}
							},{
			            		iconCls:'empleo',tooltip:'Empleo',id:'btnE-5', scale: 'medium', handler: function(){sendtema(5,'Empleo');},
								listeners:{
							    	click:function(toggled){
							    		toggled.el.select('button').addClass('empleo_over');
							    		fncButtonChangeCSS(toggled.el,'btnE-',14);
							    		TabEstadisticaStatus = 5;
							    		//fncActivarObj('cboSubTema#btnExportar#btnExportarBase');
							    	}
								}
							},{
			            		iconCls:'ganaderia',tooltip:'Ganadería',id:'btnE-6', scale: 'medium', handler: function(){sendtema(6,'Ganaderia');},
								listeners:{
							    	click:function(toggled){
							    		toggled.el.select('button').addClass('ganaderia_over');
							    		fncButtonChangeCSS(toggled.el,'btnE-',14);
							    		TabEstadisticaStatus = 6;
							    		//fncActivarObj('cboSubTema#btnExportar#btnExportarBase');
									}
								}
							},{
			            		iconCls:'comercio',tooltip:'Comercio',id:'btnE-7', hidden: true, scale: 'medium', handler: function(){sendtema(7,'Comercio');},
								listeners:{
							    	click:function(toggled){
							    		toggled.el.select('button').addClass('comercio_over');
							    		fncButtonChangeCSS(toggled.el,'btnE-',14);
							    		TabEstadisticaStatus = 7;
							    		//fncActivarObj('cboSubTema#btnExportar#btnExportarBase');
							    	}
								}
							},{
			            		iconCls:'agricultura',tooltip:'Agricultura',id:'btnE-8', scale: 'medium', handler: function(){sendtema(8,'Agricultura');},
								listeners:{
							    	click:function(toggled){
							    		toggled.el.select('button').addClass('agricultura_over');
							    		fncButtonChangeCSS(toggled.el,'btnE-',14);
							    		TabEstadisticaStatus = 8;
							    		//fncActivarObj('cboSubTema#btnExportar#btnExportarBase');
							    	}
								}
							},{
			            		iconCls:'turismo',tooltip:'Turismo',id:'btnE-9', scale: 'medium', handler: function(){sendtema(9,'Turismo');},
								listeners:{
							    	click:function(toggled){
							    		toggled.el.select('button').addClass('turismo_over');
							    		fncButtonChangeCSS(toggled.el,'btnE-',14);
							    		TabEstadisticaStatus = 9;
							    		//fncActivarObj('cboSubTema#btnExportar#btnExportarBase');
							    	}
								}
							},{
			            		iconCls:'economia',tooltip:'Economía',id:'btnE-10', scale: 'medium', handler: function(){sendtema(10,'Economia');},
								listeners:{
							    	click:function(toggled){
							    		toggled.el.select('button').addClass('economia_over');
							    		fncButtonChangeCSS(toggled.el,'btnE-',14);
							    		TabEstadisticaStatus = 10;
							    		//fncActivarObj('cboSubTema#btnExportar#btnExportarBase');
							    	}
								}
							},{
			            		iconCls:'comunicaciones',tooltip:'Comunicaciones y transportes',id:'btnE-11', scale: 'medium', handler: function(){sendtema(11,'Comunicaciones');},
								listeners:{
							    	click:function(toggled){
							    		toggled.el.select('button').addClass('comunicaciones_over');
							    		fncButtonChangeCSS(toggled.el,'btnE-',14);
							    		TabEstadisticaStatus = 11;
							    		//fncActivarObj('cboSubTema#btnExportar#btnExportarBase');
							    	}
								}
							},{
			            		iconCls:'finanzas',tooltip:'Finanzas',id:'btnE-12', scale: 'medium', handler: function(){sendtema(12,'Finanzas');},
								listeners:{
							    	click:function(toggled){
							    		toggled.el.select('button').addClass('finanzas_over');
							    		fncButtonChangeCSS(toggled.el,'btnE-',14);
							    		TabEstadisticaStatus = 12;
							    		//fncActivarObj('cboSubTema#btnExportar#btnExportarBase');
							    	}
								}
							}/*,{
			            		iconCls:'IDH',tooltip:'IDH',id:'btnE-13', scale: 'medium', handler: function(){sendtema(13,'IDH');},
								listeners:{
							    	click:function(toggled){
							    		toggled.el.select('button').addClass('IDH_over');
							    		fncButtonChangeCSS(toggled.el,'btnE-',14);
							    		TabEstadisticaStatus = 13;
							    		//fncActivarObj('cboSubTema#btnExportar#btnExportarBase');
							    	}
								}
							}*/,{
			            		iconCls:'cultura',tooltip:'Cultura y deporte',id:'btnE-14', scale: 'medium', handler: function(){sendtema(14,'Cultura y deporte');},
								listeners:{
							    	click:function(toggled){
							    		toggled.el.select('button').addClass('cultura_over');
							    		fncButtonChangeCSS(toggled.el,'btnE-',14);
							    		TabEstadisticaStatus = 14;
							    		//fncActivarObj('cboSubTema#btnExportar#btnExportarBase');
							    	}
								}
							},{xtype:'tbspacer'},{xtype:'tbspacer'},{xtype:'tbspacer'},
							cboSubTema
					]
				},
				paneltabEstadistica
		],
	});

	var tabsMenu = new Ext.TabPanel({
	    id: 'tabsMenu',
		border:false,
		activeItem: 3,
		//region:'center',
		margins: '0',
		paddings:'0',
		//autoScroll:true,
		frame:true,
		style:'border-top:#777 solid 1px; border-bottom:#777 solid 1px;',
		deferredRender: false,
		enableTabScroll:true,
        items:[
        	{
				xtype: 'panel',
				title:'Perfiles',
				id : 'tabpanelPerfiles',
				layout: 'fit',
		        loadScripts: true,
		        border:false,
				forceLayout: true,
				items:[panelPerfiles]
			},
			{
				xtype: 'panel',
				title:'Estadistica',
				id : 'tabpanelEstadistica',
				layout: 'fit',
		        loadScripts: true,
		        border:false,
				forceLayout: true,
				items:[panelEstadistica]
			},{
				xtype: 'panel',
				title:'Geografia',
				id : 'tabpanelGeografia',
				layout: 'fit',
		        loadScripts: true,
		        border:false,
				forceLayout: true,
				items:[panelGeografia]
			},{
				xtype: 'panel',
				title:'Inicio',
				id : 'tabpanelInicio',
				layout: 'fit',
		        loadScripts: true,
		        border:false,
				forceLayout: true,
				html:'<div class="cssTabpanelInicioFondo"><div class="cssTabpanelInicio"></div></div>'
			}]
    });

		var viewport = new Ext.Viewport({
	        layout:'border',
	        autoHeight:true,
			id: 'viewPrincipal',
			frame:false,
			listeners: {
                beforerender: function() {
                },
                afterrender: function() {
                	//console.info(document.getElementById('tabsMenu').getElementsByTagName('div')[2]);
                	document.getElementById('tabsMenu').getElementsByTagName('div')[0].style.display='none';
                	if(temas==1)
                	{
						//Ext.getCmp("cboTipo").fireEvent("select");
						//Ext.getCmp("cboMunicipios").setValue("001");
						//Ext.getCmp("cboMunicipios").fireEvent("select");
					}
                }
            },
			items:[
				panelHeader,
				{
					xtype:'panel',
					region:'center',
					border:false,
					layout:'fit',
					items:[tabsMenu],
					html:'<div style="background:#333; height: 100%;"></div>'

				}
				,
				panelFooter
		    ],

 	});

	}, //INIT

title: function(value, metadata, record){
		metadata.attr = 'style="white-space:normal"';
		return '<p>'+value+'</p>';
		//return '<p><strong>'+value+'</strong>'+'<br />texto.</p>';
	},

}//Panel Principal
Ext.onReady(com.quizzpot.tutorial.Panel.init,com.quizzpot.tutorial.Panel);