// Comprobar jQuery
if( typeof jQuery === 'undefined' || ! $ ) {
	throw new Error('gvHidra necesita jQuery');
}

// Comprobar versión de jQuery
var version = $.fn.jquery.split(' ')[0].split('.');
if ((version[0] < 3) || (version[0] == 3 && version[1] < 2)) {
	throw new Error('gvHidra necesita jQuery v3.2.0 (o superior)');
}
// Comprobar versión de Bootstrap
var version = $.fn.button.Constructor.VERSION.split('.');
if ((version[0] < 3) || (version[0] == 3 && (version[1] < 3 && (version[1] == 3 || version[2] < 5)))) {
	throw new Error('gvHidra necesita Bootstrap JS v3.3.5 (o superior)');
}

var gvh = gvh || {};	+function($){/**   LIBRERÍA: gvh_init   **/
/****************************/

	// Constantes
	//var NAMESPACE_MAIN = 'gvh';
	//var NAMESPACE_ALTERNATE = 'gvHidra';
	
	gvh.VERSION 	= '5.0.0';
	gvh.STOPONWARNING = true; // Solo se garantiza que parará si además está activado gvh.DEBUG
	gvh.onSelectionActive= false; // Para distinguir entre los eventos clic y seleccionar texto.
	gvh.orderTable; 
	gvh.orderFieldTable;
	gvh.rewireUI = new Array(); 
	
	gvh.dialogWS;
	gvh.dialogIdWM = new Array();
	gvh.dialogWM;
	
	gvh.ambito = '';
	gvh.aplTitle = '';
	gvh.endLoading = true;
	//gvh.datosJSON; 
	gvh.pagAct_edi = 'undefined';
	gvh.pagAct_lis = 'undefined';
	gvh.pagAct_ediDetalle = 'undefined';
	gvh.pagAct_lisDetalle = 'undefined';
	gvh.lang = 'esp';
	gvh.urlLang = 'igep/include/gvh_lang/esp.json';
	gvh.msgLoad = '';
	//
	// Amplia la funcionalidad de jQuery, permitiendo unicidad en la definición de un evento
	//	(elimina antes las definiciones previas del mismo evento, pero solo las idénticas).
	//
	jQuery.fn.extend( {
		
		/**
		 * Amplia la funcionalidad de jQuery, permitiendo unicidad en la definición de un evento
		 *	(elimina antes las definiciones previas del mismo evento, pero solo las idénticas).
		 *
		 * Detach and attach an event handler function for one or more events to the selected elements.
		 * 
		 * @param {object} elem
		 * @param {string} types - Required. Specifies one or more event(s) or namespaces to attach to the selected elements. Multiple event values are separated by space. Must be a valid event.
		 * @param {string} selector - Optional. Specifies that the event handler should only be attached to the specified child elements (and not the selector itself, like the deprecated delegate() method).
		 * @param {anything} data - Optional. Specifies additional data to pass along to the function.
		 * @param {function} fn - Required. Specifies the function to run when the event occurs.
		 * @param {string} one - Specifies an event map ({event:function, event:function, ...}) containing one or more event to attach to the selected elements, and functions to run when the events occur.
		 * 
		 * @return {jQuery}
		 */
		offon: function( elem, types, selector, data, fn, one ) {
			return this.off( types, selector, fn ).on( elem, types, selector, data, fn, one );
		} ,
		
		/*
		offon: function( types, selector, data, fn ) {
			this.off( types, selector, fn );
			return this.on( this, types, selector, data, fn );
		},
		*/
		
		/**
		 * Amplia la funcionalidad de jQuery, permitiendo unicidad en la definición de un evento
		 *	(elimina antes las definiciones previas del mismo evento, pero solo las idénticas) y
		 *	garantizando que como mucho se ejecutará una vez para cada elemento y tipo de evento.
		 * 
		 * Detach and attach a handler to an event for the elements. The handler is executed at most once per element per event type.
		 * 
		 * @param {string} types - Required. Specifies one or more event(s) or namespaces to attach to the selected elements. Multiple event values are separated by space. Must be a valid event.
		 * @param {string} selector - Optional. Specifies that the event handler should only be attached to the specified child elements (and not the selector itself, like the deprecated delegate() method).
		 * @param {anything} data - Optional. Specifies additional data to pass along to the function.
		 * @param {function} fn - Required. Specifies the function to run when the event occurs.
		 * 
		 * @return {jQuery}
		 */
		offone: function( types, selector, data, fn ) {
			return this.off( types, selector, fn ).one( this, types, selector, data, fn, 1 );
		} 		
	} ); 
	gvh.DEBUG = false;
	gvh.debugJS = function(debugJS) {
	    if (debugJS == "LOG_ALL")
	    {
	    	gvh.DEBUG = true;
	    }
	};		
	gvh.findInRewireUI = function(key,val) {
		var ar = gvh.rewireUI;
	    for (var i = 0,len = ar.length; i < len; i++) {
	        if ( ar[i][key] === val ) {
	        		return i;
	        }
	    }
	    return -1;
	}
	gvh.subscribeRewireUI = function( claseM,funcion )
	{
		gvh.showConsoleMsg('log', '  - subscribeRewireUI() de '+claseM );
		if ((gvh.rewireUI.length == 0) || (gvh.findInRewireUI('clase',claseM) == -1))
		{
			var claseFuncion = {'clase': claseM,'funcion': funcion};
			gvh.rewireUI.push(claseFuncion);
		}
		
		// Ejecutamos por primera vez la función recién suscrita.
		if( funcion && typeof funcion === "function" )
		{
			funcion();
		}
	}    
    gvh.showConsoleMsg = function( type, msg ) {
		if( gvh.DEBUG ) {
			switch( type )
			{
				case 'log':
					console.log( msg );
					break;
				case 'error':
					console.error( msg );
					break;
				case 'warn':
					console.warn( msg );
					break;
				case 'dir':
					console.dir( msg );
					break;
				case 'beginGroup':
					console.groupCollapsed( msg );
					break;
				case 'endGroup':
					console.groupEnd( );
					break;
			}
		}
	}    
    
    /**
     * Comparar versiones de componentes software.
     * 
     * Extraído de: https://stackoverflow.com/questions/6832596/how-to-compare-software-version-number-using-js-only-number
     */
    gvh.versionCompare = function( v1, v2, options )
    {
    	let lexicographical = '';
    	let v1parts = '';
    	let v2parts = '';
    	let zeroExtend = '';
    	if (options != '')
    	{
    		lexicographical = options && options.lexicographical ,
            	zeroExtend = options && options.zeroExtend ,
            	v1parts = v1.split('.') ,
            	v2parts = v2.split('.');
    	}
    	else {
            lexicographical = options, 
            	zeroExtend = options,
                v1parts = v1.split('.') ,
                v2parts = v2.split('.');    		
    	}

        function isValidPart(x)
        {
            return (lexicographical ? /^\d+[A-Za-z]*$/ : /^\d+$/).test(x);
        }
        
        if( (v1parts.isArray && !v1parts.every(isValidPart)) || (v2parts.isArray && !v2parts.every(isValidPart)) )
        {
            return NaN;
        }

        if( zeroExtend )
        {
            while( v1parts.length < v2parts.length ) 
            {
            	v1parts.push( "0" );
            }
            while( v2parts.length < v1parts.length )
            {
            	v2parts.push( "0" );
            }
        }

        if( !lexicographical )
        {
            v1parts = v1parts.map( Number );
            v2parts = v2parts.map( Number );
        }

        for( let i=0; i<v1parts.length; ++i )
        {
            if( v2parts.length == i ) return 1;

            if( v1parts[i] == v2parts[i] ) continue;
            else if( v1parts[i] > v2parts[i] ) return 1;
            else return -1;
        }

        if( v1parts.length != v2parts.length ) return -1;

        return 0;
    } //gvh.versionCompare
	gvh.iniWindowVar = function(ambito, barTitle, dataJSON, lang, modal) 
	{
		gvh.aplTitle = barTitle;
		gvh.ambito = ambito;

		if (typeof gvh.datosJSON === 'undefined')
		{
			gvh.datosJSON = dataJSON;
		}
		else {
			//gvh.datosJSON = Object.assign({},gvh.datosJSON, dataJSON);
			$.extend(true, gvh.datosJSON, dataJSON);
		}
		if (typeof gvh.pagAct_edi === 'undefined') {
			gvh.pagAct_edi = 0;
		}
		if (typeof gvh.pagAct_lis === 'undefined') {
			gvh.pagAct_lis = 0;
		}
		if (typeof gvh.pagAct_ediDetalle === 'undefined') {			
			gvh.pagAct_ediDetalle = 0;
		}
		if (typeof gvh.pagAct_lisDetalle === 'undefined') {
			gvh.pagAct_lisDetalle = 0;
		}
		if (lang != '')
			gvh.lang = lang;
		gvh.urlLang = 'igep/include/gvh_lang/'+gvh.lang+'.json';
		$.getJSON(gvh.urlLang,  function(data)
			{
				gvh.msgLoad = data['gvhlang_load'];
			}
		);		
		if (typeof gvh.msgLoad === 'undefined') {
			gvh.msgLoad = $('body').attr('data-gvhMsgLoad');
		}
		if (typeof gvh.objSliders === 'undefined')
			gvh.objSliders = [];
		if (typeof gvh.objColResizables === 'undefined')
			gvh.objColResizables = [];
		
		$.getScript( 'igep/smarty/plugins/gvh_calendar/js/jquery-ui-sliderAccess.js', function() {
			//console.log('Load jquery-ui-sliderAccess.js performed.');
			$.getScript( 'igep/smarty/plugins/gvh_calendar/js/jquery-ui-timepicker-addon.js', function() {
				//console.log('Load jquery-ui-timepicker-addon.js performed.');
				$.getScript( 'igep/js/gvh_iniCalendar.js', function() {
					//console.log('Load gvh_calendar.js performed.');
				} );
			} );
		} );
	}

	gvh.getUrlParameter = function(sParam) {
	    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
	        sURLVariables = sPageURL.split('&'),
	        sParameterName,
	        i;

	    for (i = 0; i < sURLVariables.length; i++) {
	        sParameterName = sURLVariables[i].split('=');

	        if (sParameterName[0] === sParam) {
	            return sParameterName[1] === undefined ? true : sParameterName[1];
	        }
	    }
	};

/**   LIBRERÍA: gvh_dataJSON  **/
/*******************************/
/* 
 * Codificación UTF-8
 * Métodos para obtener y modificar información del JSON que se envía a negocio con la información a tratar.
 * 
 * FUNCIONES:
 *  getRoot(claseManejadora,panel)
 *  
 *  //*** MÉTODOS CAMPOS
 *  getFieldsJSON(rootJSON)
 *  getExistField(rootJSON,field,nReg,external)
 *  setEnableTrigger(rootJSON,field,nReg,value,external)
 *  getEnableTrigger(rootJSON,field,nReg,external)
 *  setValue(rootJSON,field,nReg,value,external)
 * 	getValue(rootJSON,field,nReg,external)
 *  setFilesUp(rootJSON,field,nReg,value)
 *  setValueOld(rootJSON,field,nReg,value,external)
 * 	getValueOld(rootJSON,field,nReg,external)
 *  setValueCheckbox(rootJSON,field,nReg,value,check,external)
 * 	getValueCheckbox(rootJSON,field,nReg,check,external)
 *  getIdField(rootJSON,field,nReg,external)
 *  getTextField(rootJSON,field,nReg,external)  
 * 	getPlugin(rootJSON,field,nReg,external)
 *  getDependPanelField(rootJSON,field,nReg,external)
 *  getStateField(rootJSON,field,nReg,external)
 *  setStateField(rootJSON,field,nReg,state,external)
 * 	getClassField(rootJSON,field,nReg,external)
 *  setClassField(rootJSON,field,nReg,css,external)
 *  getVisibleField(rootJSON,field,nReg,external)
 *  setVisibleField(rootJSON,field,nReg,visible,external)
 *  getFieldList(rootJSON,field,external)
 *  isDependenceList(rootJSON,field,nReg,external)
 *  isHidden(rootJSON,field,nReg,external)
 *  isVisible(rootJSON,field,nReg,external)
 *  getTypeField(rootJSON,field,nReg,external)
 *  
 *  
 *  //*** MÉTODOS PANEL Y REGISTRO
 *   
 *  indexDataJSON(rootJSON,row, modoPanel)
 *  getClassRow(rootJSON,nReg)
 *  setClassRow(rootJSON,nReg,class)
 *  getRowsPag(rootJSON)
 *  getRegIns(rootJSON)
 *  getRegVisibles(rootJSON)
 *  setAllSelected(rootJSON,selected)
 *  
 *  getExistReg(rootJSON,nReg)
 *  getStateReg(rootJSON,nReg,state)
 *  setStateReg(rootJSON,state,nReg,operation)
 *  getSelectedReg(rootJSON,nReg)
 *  setSelectedReg(rootJSON,nReg,operation)
 *  getNumReg(rootJSON)
 *  getPagActive(rootJSON)
 *  setPagActive(rootJSON,pag)
 *  getFieldsRow(rootJSON, row)
 *  getDataRequired(rootJSON)
 *  getPagIns(rootJSON)
 *  getRegAlter(rootJSON)
 *  getRegSelected(rootJSON)
 *  getFieldExternal(rootJSON, field)
 */

// TODO : Refactorizar las funciones del fichero


/**
 * getRoot: Obtiene el gvh.datosJSON correspondiente a la clase manejadora y panel correspondiente 
 * @access	private
 * @var claseManejadora: clase del panel sobre el que queremos calcular el índice
 * @var panel: tipo de panel (indice del objeto JSON) sobre el que se está trabajando ['lis','edi']
 */
gvh.getRoot = function(claseManejadora,panel)
{
	gvh.showConsoleMsg('log','  *** gvh_dataJSON.js - getRoot() - '+claseManejadora+' '+panel);
	gvh.showConsoleMsg('log',gvh.datosJSON[claseManejadora][panel]);
	return gvh.datosJSON[claseManejadora][panel];
};


/* *************************
 * MÉTODOS CAMPOS
 */

/**
 * getFieldsJSON: Obtiene el array de los campos correspondientes a un panel 
 * @access	private
 * @var rootJSON: raiz del gvh.datosJSON, clase manejadora y panel
 * @var nReg: registro seleccionado 
 */
gvh.getFieldsJSON = function(rootJSON,nReg)
{
	gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - getFieldsJSON() '+nReg); 
	var vFields = rootJSON['data'][nReg]['gvhJS_fields'];
	return vFields;
};

/**
 * getExistField: Devuelve si existe o no el registro en ['data'] del gvh.datosJSON 
 * @access	private
 * @var rootJSON: raiz del gvh.datosJSON, clase manejadora y panel
 * @var nReg: fila seleccionada del panel
 * @var field: identificador del campo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.getExistField = function(rootJSON,field,nReg,external)
{
	external = external || false;
	gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - getExistField() field '+field+' '+nReg+' external? '+external);
	//gvh.showConsoleMsg('log',rootJSON);
	if ((external == false)) // || (external == 0) || (external == ''))
	{
		if ((rootJSON['data'][nReg] == undefined) || (rootJSON['data'][nReg]['gvhJS_fields'][field] == undefined))
			return false;
		else
			return true; //rootJSON['data'][nReg]['gvhJS_fields'][field];	
	}
	else {
		if (rootJSON['external'] != undefined)
		{
			if (rootJSON['external'][field] == undefined)
			{
				gvh.showConsoleMsg('error','El campo '+field+' no existe.');
				return false;
			}
			else
				return true; //rootJSON['external'][field];
		}
		else {
			gvh.showConsoleMsg('error','No hay campos external.');
			return false;
		}
	}
};


/**
 * setEnableTrigger: Si el campo tiene una acción de interfaz, habilitarla/deshabilitarla 
 * @access	private
 * @var rootJSON: raiz del gvh.datosJSON, clase manejadora y panel
 * @var field: campo a modificar
 * @var nReg: número de registro al que pertenece el campo
 * @var value: valor a asignar
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.setEnableTrigger = function(rootJSON,field,nReg,value,external)
{
	external = external || false;
	gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - setEnableTrigger() => '+value);
	if(gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == '') || (external == undefined ))
		{
			if(gvh.getExistField(rootJSON,field,nReg,external))
			{
				rootJSON['data'][nReg]['gvhJS_fields'][field]['onTrigger'] = value;
				rootJSON['dataPerform']['data'][nReg]['gvhJS_fields'][field]['onTrigger'] = value;
			}
		}
		else {
			if(gvh.getExistField(rootJSON,field,nReg,external))
			{
				rootJSON['external'][field]['onTrigger'] = value;
				rootJSON['dataPerform']['external'][field]['onTrigger'] = value;
			}
		}
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - setEnableTrigger() '+field+' no existe el campo');
	}
}


/**
 * getEnableTrigger: Si el campo tiene una acción de interfaz, habilitarla/deshabilitarla 
 * @access	private
 * @var rootJSON: raiz del gvh.datosJSON, clase manejadora y panel
 * @var field: campo a modificar
 * @var nReg: número de registro al que pertenece el campo
 * @var value: valor a asignar
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.getEnableTrigger = function(rootJSON,field,nReg,external)
{
	external = external || false;
	gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - getEnableTrigger() => '+field);
	if(gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == '') || (external == undefined ))
		{
			if(gvh.getExistField(rootJSON,field,nReg,external))
			{
				return rootJSON['data'][nReg]['gvhJS_fields'][field]['onTrigger'];
			}
		}
		else {
			if(gvh.getExistField(rootJSON,field,nReg,external))
			{
				return rootJSON['external'][field]['onTrigger'];
			}
		}
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - setEnableTrigger() '+field+' no existe el campo');
	}
}

/**
 * setValue: Asigna un valor al campo indicado 
 * @access	private
 * @var rootJSON: raiz del gvh.datosJSON, clase manejadora y panel
 * @var field: campo a modificar
 * @var nReg: número de registro al que pertenece el campo
 * @var value: valor a asignar
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.setValue = function(rootJSON,field,nReg,value,external)
{
	external = external || false;
	gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - setValue() => '+value);
	if(gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == '') || (external == undefined ))
		{
			if(gvh.getExistField(rootJSON,field,nReg,external))
			{
				rootJSON['data'][nReg]['gvhJS_fields'][field]['value'] = value;
				rootJSON['dataPerform']['data'][nReg]['gvhJS_fields'][field]['value'] = value;
			}
		}
		else {
			if(gvh.getExistField(rootJSON,field,nReg,external))
			{
				rootJSON['external'][field]['value'] = value;
				rootJSON['dataPerform']['external'][field]['value'] = value;
			}
		}
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - setValue() '+field+' no existe el campo');
	}
}

/**
 * setFilesUp: Asigna los ficheros anexados al campo correspondiente 
 * @access	private
 * @var rootJSON: raiz del gvh.datosJSON, clase manejadora y panel
 * @var field: campo a modificar
 * @var nReg: número de registro al que pertenece el campo
 * @var value: valor a asignar
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.setFilesUp = function(rootJSON,field,nReg,value)
{
	gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - setFilesUp()'); 
	if(gvh.getExistField(rootJSON,field,nReg))
	{
		rootJSON['data'][nReg]['gvhJS_fields'][field]['files'] = value;
		rootJSON['dataPerform']['data'][nReg]['gvhJS_fields'][field]['files'] = value;
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - setFilesUp() no existe el campo '+field); 
	}
}

/**
 * getValue: Obtiene el valor del campo indicado 
 * @access	private
 * @var rootJSON: raiz del gvh.datosJSON, clase manejadora y panel
 * @var field: campo a modificar
 * @var nReg: número de registro al que pertenece el campo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.getValue = function(rootJSON,field,nReg,external)
{
	external = external || false;
	if(gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			var value = rootJSON['data'][nReg]['gvhJS_fields'][field]['value'];	
		}
		else {
			var value = rootJSON['external'][field]['value'];
		}
		gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - getValue() => '+value);
		return value;
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - getValue() '+field+' no existe el campo.');
		return value;
	}
}

/**
 * setValueOld: Asigna un valor anterior al campo indicado 
 * @access	private
 * @var rootJSON: raiz del gvh.datosJSON, clase manejadora y panel
 * @var field: campo a modificar
 * @var nReg: número de registro al que pertenece el campo
 * @var value: valor a asignar
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.setValueOld = function(rootJSON,field,nReg,value,external)
{
	external = external || false;
	gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - setValueOld()');

	if(gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			rootJSON['data'][nReg]['gvhJS_fields'][field]['valueOld'] = value;
			rootJSON['dataPerform']['data'][nReg]['gvhJS_fields'][field]['valueOld'] = value;	
		}
		else {
			rootJSON['external'][field]['valueOld'] = value;
			rootJSON['dataPerform']['external'][field]['valueOld'] = value;
		}
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - setValueOld() '+field+' no existe el campo.');
	}
}

/**
 * getValueOld: Obtiene el valor anterior del campo indicado 
 * @access	private
 * @var rootJSON: raiz del gvh.datosJSON, clase manejadora y panel
 * @var field: campo a modificar
 * @var nReg: número de registro al que pertenece el campo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.getValueOld = function(rootJSON,field,nReg,external)
{
	external = external || false;
	gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - getValueOld()');

	if(gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			return rootJSON['data'][nReg]['gvhJS_fields'][field]['valueOld'];	
		}
		else {
			return rootJSON['external'][field]['valueOld'];
		}
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - getValueOld() '+field+' no existe el campo.');
	}
}

/**
 * getValueCheckbox: Devuelve el valor de un checkbox (chequeado o no) 
 * @access	private
 * @var rootJSON: raiz del gvh.datosJSON, clase manejadora y panel
 * @var field: campo a modificar
 * @var nReg: número de registro al que pertenece el campo
 * @var check: Booleano. True, corresponderá al valor del checkbox chequeado. False, corresponderá al valor del checkbox no chequeado.
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.getValueCheckbox = function(rootJSON,field,nReg,check,external)
{
	external = external || false;
	gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - getValueCheckbox()'); 
	 
	if(gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			if (check)
				return rootJSON['data'][nReg]['gvhJS_fields'][field]['valueCheck'];
			else
				return rootJSON['data'][nReg]['gvhJS_fields'][field]['valueUnCheck'];
		}
		else {
			if (check)
				return rootJSON['external'][field]['valueCheck'];
			else
				return rootJSON['external'][field]['valueUnCheck'];
		}
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - getValueCheckbox() no existe el campo '+field);
	}
}


/**
 * setValueCheckbox: Devuelve el valor de un checkbox (chequeado o no) 
 * @access	private
 * @var rootJSON: raiz del gvh.datosJSON, clase manejadora y panel
 * @var field: campo a modificar
 * @var value: valor a asigna al checkbox
 * @var nReg: número de registro al que pertenece el campo
 * @var check: Booleano. True, corresponderá al valor del checkbox chequeado. False, corresponderá al valor del checkbox no chequeado.
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
/*gvh.setValueCheckbox = function(rootJSON,field,value,nReg,check,external)
{
	external = external || false;
	gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - setValueCheckbox()'); 
	if ((external == false)) // || (external == 0) || (external == ''))
	{
		if (check)
			rootJSON['data'][nReg]['gvhJS_fields'][field]['valueCheck'] = value;
		else
			rootJSON['data'][nReg]['gvhJS_fields'][field]['valueUnCheck'] = value;
	}
	else {
		if (check)
			rootJSON['external'][field]['valueCheck'] = value;
		else
			rootJSON['external'][field]['valueUnCheck'] = value;
	}
}*/



/**
 * getId: Obtiene el valor anterior del campo indicado 
 * @access	private
 * @var rootJSON: raiz del gvh.datosJSON, clase manejadora y panel
 * @var field: campo a modificar
 * @var nReg: número de registro al que pertenece el campo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.getIdField = function(rootJSON,field,nReg,external)
{
	external = external || false;
	if(gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			gvh.getExistField(rootJSON,field,nReg,external)
			var id = rootJSON['data'][nReg]['gvhJS_fields'][field]['id'];	
		}
		else {
			var id = rootJSON['external'][field]['id'];
		}
		gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - getIdField() -> '+field+' id '+id);
		return id;
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - getIdField() -> '+field+' no existe el campo en el objeto gvh.datosJSON.');
		return '';
	}
}

/**
 * getTextField: Obtiene el texto asociado al campo 
 * @access	private
 * @var rootJSON: raiz del gvh.datosJSON, clase manejadora y panel
 * @var field: campo a modificar
 * @var nReg: número de registro al que pertenece el campo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.getTextField = function(rootJSON,field,nReg,external)
{
	external = external || false;
	if(gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			var id = rootJSON['data'][nReg]['gvhJS_fields'][field]['text'];	
		}
		else {
			var id = rootJSON['external'][field]['text'];
		}
		gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - getTextField() -> '+id); 
		return id;
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - getTextField() no existe el campo '+field); 
		return '';
	}
}

/**
 * getPlugin: Devuelve el tipo de plugin del campo 
 * @access	private
 * @var field: campo 
 * @var nReg: número de registro al que pertenece el campo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.getPlugin = function(rootJSON,field,nReg,external)
{
	external = external || false;
	if(gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false) || (external == 0) || (external == '') || (external == undefined ) )
		{
			var plugin = rootJSON['data'][nReg]['gvhJS_fields'][field]['CWPlugin'];	
		}
		else {
			var plugin = rootJSON['external'][field]['CWPlugin'];
		}
		gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - getPlugin() -> '+plugin); 
		return plugin;
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - getPlugin() no existe el campo '+field); 
		return '';
	}
}

/**
 * getClassField: Devuelve el atributo class que corresponde al campo 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var field: campo 
 * @var nReg: número de registro al que pertenece el campo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.getClassField = function(rootJSON,field,nReg,external)
{
	external = external || false;
	if(gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			var css = rootJSON['data'][nReg]['gvhJS_fields'][field]['class'];	
		}
		else {
			var css = rootJSON['external'][field]['class'];
		}
		gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - getClassField() -> '+css); 
		return css;
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - getClassField() no existe el campo '+field); 
		return '';
	} 
}

/**
 * setClassField: Devuelve el atributo class que corresponde al campo 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var field: campo 
 * @var nReg: número de registro al que pertenece el campo
 * @var css: nuevo estilo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.setClassField = function(rootJSON,field,nReg,css,external)
{
	external = external || false;
	if(gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			rootJSON['data'][nReg]['gvhJS_fields'][field]['class'] = css;	
		}
		else {
			rootJSON['external'][field]['class'] = css;
		}
		gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - setClassField() -> '+css); 
		return css;
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - setClassField() no existe el campo '+field); 
		return '';
	}
}

/**
 * getVisibleField: Devuelve si el campo es visible o no 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var field: campo 
 * @var nReg: número de registro al que pertenece el campo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.getVisibleField = function(rootJSON,field,nReg,external)
{
	external = external || false;
	if(gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			var visible = rootJSON['data'][nReg]['gvhJS_fields'][field]['visible'];	
		}
		else {
			var visible = rootJSON['external'][field]['visible'];
		}
		gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - setVisibleField() -> '+visible); 
		return visible;
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - setVisibleField() no existe el campo '+field); 
		return '';
	}
}

/**
 * setVisibleField: Devuelve si el campo es visible o no 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var field: campo 
 * @var nReg: número de registro al que pertenece el campo
 * @var visible: booleano
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.setVisibleField = function(rootJSON,field,nReg,visible,external)
{
	external = external || false;
	if(gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			rootJSON['data'][nReg]['gvhJS_fields'][field]['visible'] = visible;	
		}
		else {
			rootJSON['external'][field]['visible'] = visible;
		}
		gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - getVisibleField() -> '+visible); 
		return visible;
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - getVisibleField() no existe el campo '+field); 
		return '';
	}
}


/**
 * getDependPanelField: Devuelve si el estado del elemento (boton tooltip) es dependiente del panel 
 * @access	public
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var field: campo 
 * @var nReg: número de registro al que pertenece el campo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.getDependPanelField = function(rootJSON,field,nReg,external)
{
	external = external || false;
	let depend = false;
	if (gvh.getExistField(rootJSON,field,nReg,external))
	{
		let fields = undefined;
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			fields = rootJSON['data'][nReg]['gvhJS_fields'];
		}
		else {
			fields = rootJSON['external'];
		}
		
		if( fields != undefined && fields[field]['dependPanel'] != undefined )
		{
			depend = fields[field]['dependPanel'];
		}
		gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - getDependPanelField() -> '+depend); 
		return depend;
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - getDependPanelField() no existe el campo '+field); 
		return '';
	}
}

/**
 * setDependPanelField: Devuelve si el estado del elemento (boton tooltip) es dependiente del panel 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var field: campo 
 * @var nReg: número de registro al que pertenece el campo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.setDependPanelField = function(rootJSON,field,nReg,depend,external)
{
	external = external || false;
	if (gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			rootJSON['data'][nReg]['gvhJS_fields'][field]['dependPanel'] = depend;
		}
		else {
			rootJSON['external'][field]['dependPanel'] = depend;
		}
		gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - setDependPanelField() -> '+depend); 
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - setDependPanelField() no existe el campo '+field);
	}
}

/**
 * getStateField: Devuelve el estado correspondiente al campo 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var field: campo 
 * @var nReg: número de registro al que pertenece el campo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.getStateField = function(rootJSON,field,nReg,external)
{
	external = external || false;
	if (gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			var state = rootJSON['data'][nReg]['gvhJS_fields'][field]['state'];
		}
		else {
			var state = rootJSON['external'][field]['state'];
		}
		gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - getStateField() -> '+field+' '+state); 
		return state;
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - getStateField() no existe el campo '+field); 
		return '';
	}
}

/**
 * setStateField: Asigna el estado a un campo 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var field: campo 
 * @var nReg: número de registro al que pertenece el campo
 * @var value: true/false/new
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.setStateField = function(rootJSON,field,nReg,state,external)
{
	external = external || false;
	if (gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			rootJSON['data'][nReg]['gvhJS_fields'][field]['state'] = state;	
		}
		else {
			rootJSON['external'][field]['state'] = state;
		}
		gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - setStateField() -> '+state); 
		return state;
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - setStateField() no existe el campo '+field); 
		return '';
	}
}

/**
 * getFieldList: Devuelve los valores de una lista correspondiente a un campo 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var field: campo
 * @var dependence: booleano si la lista es dependiente o no
 * @var nReg: número de registro al que pertenece el campo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla 
 */
gvh.getFieldList = function(rootJSON,field,dependence,nReg,external)
{
	external = external || false;
	gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - getFieldList() '+field+' nReg '+nReg);
	if (nReg != undefined)
	{
		if (gvh.getExistField(rootJSON,field,nReg,external))
		{
			gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - getFieldList() '+field+' nReg '+nReg); 
			if (dependence == false)
				return rootJSON['components']['gvh_list'][field];
			else {		
				if ((external == false)) // || (external == 0) || (external == ''))
				{
					return rootJSON['data'][nReg]['gvhJS_fields'][field]['lista'];	
				}
				else {
					return rootJSON['external'][field]['lista'];			
				}
			}
		}
		else {
			gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - getFieldList() no existe el campo '+field); 
			return '';
		}
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - getFieldList() no se ha especificado el número de registro (nReg)'); 
		return '';
	}
}

/**
 * isDependenceList: Devuelve si es una lista dependiente o no 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var field: campo 
 * @var nReg: número de registro al que pertenece el campo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.isDependenceList = function(rootJSON,field,nReg,external)
{ 
	external = external || false;
	if (gvh.getExistField(rootJSON,field,nReg,external))
	{
		gvh.showConsoleMsg('log','   		*** gvh_dataJSON.js - isDependenceList() field '+field+' nReg '+nReg);
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			return rootJSON['data'][nReg]['gvhJS_fields'][field]['dependence'];	
		}
		else {
			return rootJSON['external'][field]['dependence'];
		}
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - isDependenceList() no existe el campo '+field);
		return '';
	}
};

/**
 * isHidden: Devuelve true/false si el campo es un campo oculto 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var field: campo
 * @var nReg: número de registro al que pertenece el campo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.isHidden = function(rootJSON,field,nReg,external)
{ 	 
	external = external || false;
	if (gvh.getExistField(rootJSON,field,nReg,external))
	{
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			var hidden = rootJSON['data'][nReg]['gvhJS_fields'][field]['hidden'];	
		}
		else {
			var hidden = rootJSON['external'][field]['hidden'];
		}
		gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - isHidden() => '+hidden );
		return hidden;
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - isHidden() no existe el campo '+field);
		return '';
	}
};

/**
 * isVisible: Devuelve true/false si el campo es visible 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var field: campo
 * @var nReg: número de registro al que pertenece el campo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.isVisible = function(rootJSON,field,nReg,external)
{
	external = external || false;
	if (gvh.getExistField(rootJSON,field,nReg,external))
	{
		gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - isVisible() ');
		if ((external == false)) 
		{
			return rootJSON['data'][nReg]['gvhJS_fields'][field]['visible'];	
		}
		else {
			return rootJSON['external'][field]['visible'];
		}
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - isVisible() no existe el campo '+field);
		return '';
	}
};

/**
 * getTypeField: Obtiene el tipo del campo 
 * @access	private
 * @var rootJSON: raiz del gvh.datosJSON, clase manejadora y panel
 * @var field: campo a modificar
 * @var nReg: número de registro al que pertenece el campo
 * @var external: booleano Solo en paneles tabulares, campo externo a la tabla
 */
gvh.getTypeField = function(rootJSON,field,nReg,external)
{
	external = external || false;
	if (gvh.getExistField(rootJSON,field,nReg,external))
	{
		gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - getTypeField()'); 
		if ((external == false)) // || (external == 0) || (external == ''))
		{
			return rootJSON['data'][nReg]['gvhJS_fields'][field]['type'];	
		}
		else {
			return rootJSON['external'][field]['type'];
		}
	}
	else {
		gvh.showConsoleMsg('error','   *** gvh_dataJSON.js - getTypeField() no existe el campo '+field );
		return '';
	}
}



/* *************************
 * MÉTODOS PANEL Y REGISTRO
 */

/**
 * indexDataJSON: Calcula el índice del array gvh.datosJSON sobre el que queremos trabajar. 
 * Útil para calcularlo cuando se trabaja con paneles lis.
 * @access	private
 * @var rootJSON: raiz del gvh.datosJSON, clase manejadora y panel
 * @var row: fila seleccionada del panel
 * @var modoPanel: 'I' solo en el caso de estar en modo inserción para calcular el índice correspondiente
 */
gvh.indexDataJSON = function(rootJSON, row, modoPanel)
{
	modoPanel = modoPanel || '';
	gvh.showConsoleMsg('log','   *** gvh_dataJSON.js - indexDataJSON()');
	var numReg	= parseInt(rootJSON['panel']['numReg']);
	var rowsPag = parseInt(rootJSON['panel']['rowsPag']);		
	var pagAct 	= parseInt(rootJSON['panel']['pagActive']);
	if (numReg > 0)
	{
		var row = row;
	}
	else {
		var row = numReg;
	}
	if (modoPanel == 'I')
	{
		var rowIniIns	= parseInt(rootJSON['panel']['rowIniInsercion']);
		if (rowIniIns == row)
		{
			var indice = rowIniIns;
		}
		else {
			var indice = parseInt(pagAct*rowIniIns)+parseInt(row);
		}
	}
	else {
		var indice 	= parseInt(pagAct*rowsPag)+parseInt(row);
	}
	return indice;
};

/**
 * getClassRow: actualización del array correspondiente a la operación con el número de registro afectado
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var state: ['selected' | 'insert' | 'updated' | 'deleted']
 * @var nReg: indice del array gvh.datosJSON[claseManejadora][panel][data], número de registro/fila sobre el que se aplica el estado
 * @var operation: add,sub
*/
gvh.getClassRow = function(rootJSON,nReg)
{
	return rootJSON['data'][nReg]['gvhJS_rowColor'];
}


/**
 * getClassRow: actualización del array correspondiente a la operación con el número de registro afectado
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var state: ['selected' | 'insert' | 'updated' | 'deleted']
 * @var nReg: indice del array gvh.datosJSON[claseManejadora][panel][data], número de registro/fila sobre el que se aplica el estado
 * @var operation: add,sub
*/
gvh.setClassRow = function(rootJSON,nReg,css)
{
	rootJSON['data'][nReg]['gvhJS_rowColor'] = css;
}

/**
 * getRowsPag: Devuelve el número de filas de una página de una tabla 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON] 
 */
gvh.getRowsPag = function(rootJSON)
{
	gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - getRowsPag()'); 
	return rootJSON['panel']['rowsPag'];
}

/**
 * getRegInsert: Devuelve los registros donde se insertarán valores  
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var vReg: array registros seleccionados 
 */
gvh.getRegInsert = function(rootJSON)
{
	gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - getRegInsert()'); 
	var vReg 	= [];
	var numReg  = rootJSON['panel']['pagInsercion'];
	var rowsPag = rootJSON['panel']['rowsPag'];
	for(var i=0;i<rowsPag;i++)
	{
		vReg.push(numReg);
		numReg++;
	}
	return vReg;
}

/**
 * isRowVisibles: Devuelve si la fila está en la página activa  
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var row: fila 
 */
gvh.isRowVisibles = function(rootJSON,row)
{
	var visible	= false; 
	var pagActiva = rootJSON['panel']['pagActive'];
	var rowsPag	= rootJSON['panel']['rowsPag'];
	if (rowsPag == undefined)
	{
		var pagRow = row;
	}
	else {
		var pagRow = Math.trunc(row/rowsPag);
	}
	if (pagActiva == pagRow)
		visible = true;
	gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - isRowVisibles() '+visible); 
	return visible;
}

/**
 * setAllSelected: Devuelve los registros que han sido modificados (insertar, modificar) 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var vReg: array registros modificados 
 */
gvh.setAllSelected = function(rootJSON,selected)
{
	gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - setAllSelected() '+selected); 
	var operacion = 'sub';
	if (selected == 'selected')
	{
		var operacion = 'add';
	}
	var numReg = gvh.getNumReg(rootJSON);
	for (var i=0;i<numReg;i++)
	{
		gvh.setStateReg(rootJSON,'selected',i,operacion);
	}
}





/**
 * getExistReg: Devuelve si existe o no el registro en ['data'] del gvh.datosJSON 
 * @access	private
 * @var rootJSON: raiz del gvh.datosJSON, clase manejadora y panel
 * @var row: fila seleccionada del panel
 */
gvh.getExistReg = function(rootJSON,row)
{
	gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - getExistReg()'); 
	return rootJSON['data'][row];
};

/**
 * getSelectedReg: devuelve si el registro está seleccionado
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var nReg: indice del array gvh.datosJSON[claseManejadora][panel][data], número de registro/fila sobre el que se aplica el estado
*/
gvh.getSelectedReg = function(rootJSON,nReg)
{ 
	if (gvh.getExistReg(rootJSON,nReg))
	{
		gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - getSelectedReg() '+nReg);
		return rootJSON['data'][nReg]['gvhJS_selected'];
	}
	else {
		gvh.showConsoleMsg('error','	*** gvh_dataJSON.js - getSelectedReg() el registro '+nReg+' no existe');
		return '';
	}
}


/**
 * setSelectedReg: actualización del array correspondiente a la operación con el número de registro afectado
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var state: ['selected' | 'insert' | 'updated' | 'deleted']
 * @var nReg: indice del array gvh.datosJSON[claseManejadora][panel][data], número de registro/fila sobre el que se aplica el estado
 * @var operation: add,sub
*/
gvh.setSelectedReg = function( rootJSON, nReg, operation )
{
	if (gvh.getExistReg(rootJSON,nReg))
	{
		gvh.showConsoleMsg('log', '	*** gvh_dataJSON.js - setSelectedReg() ->'+operation ); 
		if( (rootJSON == '') || (operation == '') )
		{
			gvh.showConsoleMsg('log', "setSelectedReg() - error en los parámetros. nReg: "+nReg+"  operation: "+operation );
			//gvh.showConsoleMsg('log',rootJSON);
			return;
		}
		if( operation == 'add' )
		{
			rootJSON['data'][nReg]['gvhJS_selected'] = 'selected';
			rootJSON['dataPerform']['data'][nReg]['gvhJS_selected'] = 'selected';
		}
		else if( operation == 'sub' )
		{
			rootJSON['data'][nReg]['gvhJS_selected'] = 'false';
			rootJSON['dataPerform']['data'][nReg]['gvhJS_selected'] = 'false';
		}
	}
	else {
		gvh.showConsoleMsg('log', '	*** gvh_dataJSON.js - setSelectedReg() el registro '+nReg+' no existe.' );
	}
}

/**
 * getStateReg: devuelve el estado del registro
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var state: ['selected' | 'insert' | 'updated' | 'deleted']
 * @var nReg: indice del array gvh.datosJSON[claseManejadora][panel][data], número de registro/fila sobre el que se aplica el estado
 * @var operation: add,sub
*/
gvh.getStateReg = function(rootJSON,nReg,state)
{ 
	if (gvh.getExistReg(rootJSON,nReg))
	{
		gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - getStateReg() '+nReg+' '+state);
		return rootJSON['data'][nReg]['gvhJS_state'];
	}
	else {
		gvh.showConsoleMsg('error','	*** gvh_dataJSON.js - getStateReg() el registro '+nReg+' no existe. ');
		return '';
	}
}

/**
 * setStateReg: actualización del array correspondiente a la operación con el número de registro afectado
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var state: ['selected' | 'insert' | 'updated' | 'deleted']
 * @var nReg: indice del array gvh.datosJSON[claseManejadora][panel][data], número de registro/fila sobre el que se aplica el estado
 * @var operation: add,sub
*/
gvh.setStateReg = function( rootJSON, state, nReg )
{ 
	if( (state == '') || (rootJSON == '') )
	{
		gvh.showConsoleMsg('error', "setStateReg() - error en los parámetros. state: "+state );
		//gvh.showConsoleMsg('log',rootJSON);
		return;
	}

	if (gvh.getExistReg(rootJSON,nReg))
	{
		gvh.showConsoleMsg('log', '	*** gvh_dataJSON.js - setStateReg() ->'+state);
		let jsonOp = []; 
		if( state != 'nada' )
		{
			jsonOp = rootJSON['dataPerform']['gvhJS_'+state];	
		}
		let operacion = '';
		switch( state )
		{
			case 'find':
				operacion = 'buscar'; 
			break;
			case 'inserted':
				operacion = 'insertada'; 
			break;
			case 'deleted':
				operacion = 'borrada'; 
			break;
			case 'updated':
				operacion = 'modificada'; 
			break;
			default:
				operacion = 'nada';
			break;
		}
	
		rootJSON['data'][nReg]['gvhJS_state'] = operacion;
		rootJSON['dataPerform']['data'][nReg]['gvhJS_state'] = operacion;
	}
	else {
		gvh.showConsoleMsg('error', '	*** gvh_dataJSON.js - setStateReg() el registro '+nReg+' no existe. ');
	}
}

/**
 * getNumReg: Devuelve el número de registros de un panel 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON] 
 */
gvh.getNumReg = function(rootJSON)
{
	gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - getNumReg()'); 
	return rootJSON['panel']['numReg'];
}

/**
 * getPagActive: Devuelve la página activa del panel 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON] 
 */
gvh.getPagActive = function(rootJSON)
{
	gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - getPagActive()'); 
	return rootJSON['panel']['pagActive'];
}

/**
 * setPagActive: Devuelve la página activa del panel 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var pag: número de página 
 */
gvh.setPagActive = function(rootJSON,pag)
{
	gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - setPagActive()');
	//gvh.showConsoleMsg('log',rootJSON);
	rootJSON['panel']['pagActive'] = pag;
}

/**
 * getFieldsRow: Devuelve los campos de una fila 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var nReg: fila 
 */
gvh.getFieldsRow = function(rootJSON,nReg)
{
	if (gvh.getExistReg(rootJSON,nReg))
	{
		gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - getFieldsRow()'); 
		return rootJSON['data'][nReg]['gvhJS_fields'];
	}
	else {
		gvh.showConsoleMsg('error','	*** gvh_dataJSON.js - getFieldsRow() el registro '+nReg+' no existe.'); 
		return '';
	}
}

/**
 * getFieldsRow: Devuelve los campos de una fila 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var nReg: fila 
 */
gvh.getDataRequired = function(rootJSON)
{
	gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - getDataRequired()'); 
	return rootJSON['dataRequired'];
}

/**
 * getPagIns: Devuelve los campos de una fila 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var nReg: fila 
 */
gvh.getPagIns = function(rootJSON)
{
	var pagIns = rootJSON['panel']['pagInsercion'];
	gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - getPagIns() => '+pagIns); 
	return pagIns;
}

/**
 * getRegAlter: Devuelve los registros que han sido modificados (insertar, modificar) 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var vReg: array registros modificados 
 */
gvh.getRegAlter = function(rootJSON)
{
	gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - getRegAlter()'); 
	var vReg = [];
	var numReg = rootJSON['panel']['numReg'];
	for(var i=0;i<numReg;i++)
	{
		var state = rootJSON['data'][i]['gvhJS_state'];
		if (state != 'nada')
		{
			vReg.push(i);
		}
	}
	return vReg;
}

/**
 * getRegSelected: Devuelve los registros que han sido seleccionados 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var vReg: array registros seleccionados 
 */
gvh.getRegSelected = function(rootJSON)
{
	gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - getRegSelected()'); 
	var vReg = [];
	var numReg = rootJSON['panel']['numReg'];
	for(var i=0;i<numReg;i++)
	{
		var selected = rootJSON['data'][i]['gvhJS_selected'];
		if (selected == 'selected')
		{
			vReg.push(i);
		}
	}
	return vReg;
}

/**
 * setAllState: Devuelve los registros que han sido modificados (insertar, modificar) 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var vReg: array registros modificados 
 */
gvh.setAllState = function(rootJSON,state)
{
	gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - setAllState()'); 
	var operacion = 'add';
	if (state == 'nada')
	{
		var operacion = 'sub';
	}
	var numReg = gvh.getNumReg(rootJSON);
	for (i=0;i<numReg;i++)
	{
		gvh.setStateReg(rootJSON,state,i,operacion);
	}
}

/**
 * getIsFieldExternal: Devuelve si el campo es un external o no 
 * @access	private
 * @var rootJSON: gvh.datosJSON[claseManejadora][panelJSON]
 * @var field: campo a comprobar
 */
gvh.getIsFieldExternal = function(rootJSON,field)
{
	gvh.showConsoleMsg('log','	*** gvh_dataJSON.js - getIsFieldExternal() '+field);
	
	if (rootJSON['external'][field] == undefined)
		return false;
	else
		return true; //rootJSON['external'][field];
}/* Codificación UTF-8 
 * Métodos necesarios para paginar en un tabular o una ficha 
 */

/* FUNCIONES: 
 * 	blockRegPagina(raizJSON,pag)
 *  setStateFieldsHTML_paginar(raizJSON, panel, claseManejadora, row)
 *  setValueFieldsHTML_paginar(raizJSON, panel, claseManejadora, row)
 *  paginar(pagSource, pagTarget, panel, panelJSON, claseManejadora)
 */

	/**
	 * blockRegPagina(): Devuelve el intervalo de registros correspondientes a una página de un panel tabular
	 * @access	private
	 * @var claseManejadora: clase del panel sobre el que queremos calcular el índice
	 * @var panel: tipo de panel sobre el que se está trabajando ['lis','lisDetalle']
	 * @var row: fila seleccionada del panel
	 */
	gvh.blockRegPagina = function(raizJSON,pag)
	{
gvh.showConsoleMsg('log',' ** blockRegPagina() '); 
		var rowsPag = gvh.getRowsPag(raizJSON);
		var numReg = gvh.getNumReg(raizJSON);
		var numPagTotal = Math.ceil(numReg/rowsPag);
		var bloque = [];
		var regIni = 0;
		var regFin = parseInt(rowsPag)-1;
		if (pag > 0)
		{
			regIni = pag*(rowsPag);
			regFin = parseInt(regIni)+parseInt(rowsPag-1);
		}
		bloque['ini'] = regIni;
		bloque['fin'] = regFin;
		return bloque;
	}

	/**
	 * setStateFieldsHTML_paginar(): modificar el aspecto visual del cambio conforme al estado correspondiente
	 * @access	private
	 * @var claseManejadora: clase del panel sobre el que queremos calcular el índice
	 * @var panel: tipo de panel sobre el que se está trabajando ['lis','lisDetalle']
	 * @var row: fila seleccionada del panel
	 */
	gvh.setStateFieldsHTML_paginar = function(raizJSON, panel, claseManejadora, row)
	{
  		var panelJSON	= panel.substr( 0, 3 );
		var stateRow	= gvh.getStateReg(raizJSON,row,'state');
		var selectedRow = gvh.getSelectedReg(raizJSON,row);
		var numReg		= gvh.getNumReg(raizJSON);
		var sufijo 		= panel+'_'+row;
		var objPanel	= $('#P_'+panel+'[data-gvhClaseManejadora='+claseManejadora+']');
gvh.showConsoleMsg('beginGroup',' ** gvh_paginar.js - setStateFieldsHTML_paginar() ');
		if (row < numReg) // Comprobación necesaria cuando es un panel tabular, en panel ficha siempre se cumplirá 
		{
			if (panelJSON == 'lis')
			{
				var rowsPag	= gvh.getRowsPag(raizJSON);
				var rowTab 	= row%rowsPag;
				var sufijo 	= panel+'_'+rowTab;
			}
			$('[id^=cam_][data-gvhClaseManejadora='+claseManejadora+'][data-gvhPanelOn='+panel+']').map(function()
			{
	    		var field 		= $(this);
	    		var id			= $(this).attr('id');
	    		var stateField 	= $(this).attr('data-gvhState');
	    		switch(stateRow)
	    		{
	    			case 'modificada':
	    				if (stateField == 'edit')
	    				{
	    					field.prop('readonly',false);
	    					field.prop('disabled',false);
	    					//field.removeClass('edit');
	    					field.removeClass('new');
	    					field.removeClass('delete');
	    					field.addClass('modify');
	    				}
	    			break;
	    			case 'borrada':
	    				field.prop('readonly',true);
	    				field.prop('disabled',true);
    					field.removeClass('edit');
    					field.removeClass('new');
    					field.addClass('delete');
	        		break;
	    			case 'nada':
	    				field.prop('readonly',true);
    					field.removeClass('modify');
    					field.removeClass('new');
    					field.removeClass('delete');
    					field.addClass('edit');
	        		break;
	    			case 'selected':
	    				if (gvh.getStatePanel( objPanel ) == 'W')
	    				{ 
		    				field.prop('readonly',true);
	    					field.removeClass('modify');
	    					field.removeClass('new');
	    					field.removeClass('delete');
	    					field.addClass('edit');
	    				}
	        		break;
	        		default:
	        			field.prop('readonly',true);
						field.removeClass('new');
						field.removeClass('modify');
						field.removeClass('delete');
						field.addClass('edit');
	        		break;
	    		}
			}); //fin switch
	    	
	    	// Tratamiento del editor enriquecido porque tiene otro prefijo distinto de 'cam__'
	    	if ((stateRow == 'modificada') && (panelJSON == 'edi'))
	    	{
	    		var editor = $('div[id^=editor_cam_]').filter('[data-gvhClaseManejadora='+claseManejadora+']');
	    		if (editor.length > 0)
				{
					editor.filter('[id$='+panel+']').filter('[data-gvhPanelOn='+panel+']').filter('[data-gvhstate=edit]').each(function()
					{
						$(this).attr('contenteditable','true');
					})
				}
	    	} //if
	    	
			// Capa IGEPVisible
			var idIgepVisible = 'IGEPVisible'+sufijo;
			var IgepVisible = $('#'+idIgepVisible+'[data-gvhClaseManejadora='+claseManejadora+']');
			if (IgepVisible.is(':hidden'))
			{
				IgepVisible.show();
			}
			if (panelJSON == 'lis')
			{
				var rowsPag	= gvh.getRowsPag(raizJSON);
				var rowTab 	= row%rowsPag;
				var sufijoRow 	= panel+'_'+rowTab;
				$('tr[id='+sufijoRow+']').attr('data-gvhStateRow',stateRow);
				// Color de la fila 
	  			var fila = $('#'+sufijoRow).filter('[data-gvhClaseManejadora='+claseManejadora+']');
	  			var color = gvh.getClassRow(raizJSON,row);
	  			var cssRow = fila.attr('class');
	  			fila.removeClass(cssRow);
	  			fila.addClass(color);
				
				// Checkbox de la fila
				//var selectedJSONDecode = gvh.getStateReg(raizJSON,row,'selected');
				var selectedJSONDecode = gvh.getSelectedReg(raizJSON,row);
				if (selectedJSONDecode == 'undefined')
					selectedJSONDecode = false;
				var checkFila = $('#check_'+sufijoRow).filter('[data-gvhClaseManejadora='+claseManejadora+']');
				if (checkFila.length < 0)
				{
					checkFila = $('#vsCheck_'+sufijo);
				}
				if (selectedJSONDecode == 'selected')
				{
					checkFila.prop('checked',true);
					fila.addClass('rowOn');
					fila.removeClass('none');
				}
				else
				{
					checkFila.prop('checked',false);
					fila.removeClass('rowOn');
					if (color == '')
						fila.addClass('none');
				}
			} //if panel tabular
		}
		else if (panelJSON == 'lis')
		{
			var jsonReg = gvh.getFieldsRow(raizJSON,row);		
			var rowsPag	= gvh.getRowsPag(raizJSON);
			var rowTab 	= row%rowsPag;
			var sufijoRow 	= panel+'_'+rowTab;	
			for (var field in jsonReg) 
			{
				var idIGEPVisible = "IGEPvisiblecam___"+field+"___"+sufijoRow;
				$('span[id='+idIGEPVisible+']').filter('[data-gvhClaseManejadora='+claseManejadora+']').hide();
	  			$('#'+sufijoRow).filter('[data-gvhClaseManejadora='+claseManejadora+']').removeClass();
	  			$('#'+sufijoRow).filter('[data-gvhClaseManejadora='+claseManejadora+']').addClass('rowNoData');
			}
		} // else filas inserción - panel tabular
gvh.showConsoleMsg('endGroup');		
	};
	

	/**
	 * setValueFieldsHTML_paginar(): cambia los valores de los campos al paginar
	 * @access	private
	 * @var claseManejadora: clase del panel sobre el que queremos calcular el índice
	 * @var panel: tipo de panel sobre el que se está trabajando ['lis','lisDetalle']
	 * @var row: fila seleccionada del panel
	 */
	gvh.setValueFieldsHTML_paginar = function(raizJSON, panel, claseManejadora, row)
	{
gvh.showConsoleMsg('beginGroup',' ** gvh_paginar.js - setValueFieldsHTML_paginar() '); 
		var sufijo 		= panel+'_'+row;
  		var panelJSON	= panel.substr( 0, 3 );
		var stateRow	= gvh.getStateReg(raizJSON,row,'state');
		var numReg		= gvh.getNumReg(raizJSON);

		if (panelJSON == 'lis')
		{
			var rowsPag		= gvh.getRowsPag(raizJSON);
			var rowTab 		= row%rowsPag;
			var sufijoRow 	= panel+'_'+rowTab;
		}
		
		if (row < numReg) // Comprobación necesaria cuando es un panel tabular, en panel ficha siempre se cumplirá 
		{
			if (panelJSON == 'lis')
			{
				var rowsPag	= gvh.getRowsPag(raizJSON);
				var rowTab 	= row%rowsPag;
				var sufijo 	= panel+'_'+rowTab;
			}
			var jsonReg 	= gvh.getFieldsJSON(raizJSON,row);
			if (panelJSON == 'lis')
			{
				var idIGEPVisibleRow = "IGEPVisible"+sufijoRow;
				var objIGEPVisibleRow  = $('#'+idIGEPVisibleRow+'[data-gvhClaseManejadora='+claseManejadora+']');
				if (objIGEPVisibleRow.is(':hidden'))
				{
					objIGEPVisibleRow.show();
				}
			}
			for (var field in jsonReg) // Recorremos los campos correspondientes al registro para obtener su valor y asignarlo al componente HTML
			{
				// Comprobamos si el campo es visible o no 
				var visible			= gvh.isVisible(raizJSON,field,row);
				var idIGEPVisible 	= "IGEPVisiblecam___"+field+"___"+sufijoRow;
				var objIGEPVisible  = $('#'+idIGEPVisible+'[data-gvhClaseManejadora='+claseManejadora+']');
				if (visible) 
				{
					if (objIGEPVisible.is(':hidden'))
					{
						objIGEPVisible.show();
					}
				}
				else {
					if (objIGEPVisible.is(':visible'))
					{
						objIGEPVisible.hide();
					}
				}
				var idCampo	= 'cam___'+field+'___'+panel;
				var idIcono = 'icon_cam___'+field+'___'+panel;
				if (panelJSON == 'lis')
				{
					var idCampo	= 'cam___'+field+'___'+panel+'_'+rowTab;
					var idIcono = 'icon_cam___'+field+'___'+panel+'_'+rowTab;
				}
				var css 			= jsonReg[field]['class'];
				var plugin 			= jsonReg[field]['CWPlugin'];					
				var valueJSONDecode = jsonReg[field]['value'];
				if ((valueJSONDecode == 'undefined')) 
					valueJSONDecode = '';
				switch(plugin) {
			    	case 'noMatching':
						var inputField	= $('input[id*='+idCampo+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
				    	inputField.val(valueJSONDecode);
				    	inputField.attr('value',valueJSONDecode);
				    	inputField.attr('title',valueJSONDecode);
			    	break;
				    case 'cwcampotexto':
						var inputField	= $('input[id*='+idCampo+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
				    	inputField.val(valueJSONDecode);
				    	inputField.attr('value',valueJSONDecode);
				    	inputField.attr('title',valueJSONDecode);
				    	// css campo
				    	var tipo = inputField.attr('type');
						if (tipo != 'hidden')
						{
							var cssField = inputField.attr('class');
							if (cssField != css) 
							{
								inputField.removeClass();
								inputField.addClass(css);
							}
						}
				        break;
				    case 'cwrichareatexto':
						var inputField	= $('textarea[id*='+idCampo+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
				    	$('#editor_'+idCampo).html(valueJSONDecode);
				    //	inputField.val(valueJSONDecode);
				    	// css campo
				    	var tipo = inputField.attr('type');
						if (tipo != 'hidden')
						{
							var cssField = inputField.attr('class');
							if (cssField != css) 
							{
								inputField.removeClass();
								inputField.addClass(css);
							}
						}
				    	break;
				    case 'cwareatexto':
						var inputField	= $('textarea[id*='+idCampo+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
				    	inputField.val(valueJSONDecode);
				    	// css campo
				    	var tipo = inputField.attr('type');
						if (tipo != 'hidden')
						{
							var cssField = inputField.attr('class');
							if (cssField != css) 
							{
								inputField.removeClass();
								inputField.addClass(css);
							}
						}
				    	break;
				    case 'cwlista':
				    case 'cwlista_select2':
						var inputField	= $('select[id*='+idCampo+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
				    	var dependencia = gvh.isDependenceList(raizJSON,field,row);
				    	if ((dependencia != undefined) && (dependencia != 'NO')) // es una lista dependiente
						{
				    		var listOptions = jsonReg[field]['lista'];
							if (listOptions.length > 0)
							{
								if (plugin == 'cwlista')
									gvh.addList(inputField, listOptions, valueJSONDecode);
								else
									gvh.addListSelect2(inputField, listOptions, valueJSONDecode);
							}
						}
				    	else {
					    	var jsonListaField = gvh.getFieldList(raizJSON,field,false,row);
				    		var idCampo = inputField.attr('id');
				    		$('#'+idCampo+' option:selected').attr('selected',false);
				    		$('#'+idCampo+' option[value="'+valueJSONDecode+'"]').prop("selected", true);
				    		$('#'+idCampo+' option[value="'+valueJSONDecode+'"]').attr("selected", true);
				    	}
				    	// Al paginar podemos pasar de la última página que no sea completa a una página completa, hay que volver a rellenar los valores (option) de la lista
				    	if (panel == 'lis')
				    	{
							var listOptions = '';
							if (inputField.length == 0)
							{
						    	if ((dependencia != undefined) && (dependencia != 'NO'))
								{
						    		// Si la lista es dependiente, las opciones de la lista están en el campo
						    		listOptions = jsonReg[field]['lista'];
								}
						    	else {
						    		// Si la lista no es dependiente, las opciones están en la zona común
						    		listOptions = jsonListaField[field];
						    	}
								if ((listOptions != '') && (listOptions.length > 0))
								{
									if (plugin == 'cwlista')
										gvh.addList(inputField, listOptions, valueJSONDecode);
									else
										gvh.addListSelect2(inputField, listOptions, valueJSONDecode);
								}
							}
							else {
								var dependencia = jsonReg[field]['dependence'];
						    	if ((dependencia != undefined) && (dependencia != 'NO'))
								{
									//Hay dependencia
									listOptions = jsonReg[field]['lista'];
									if (listOptions.length > 0)
									{
										if (plugin == 'cwlista')
											gvh.addList(inputField, listOptions, valueJSONDecode);
										else
											gvh.addListSelect2(inputField, listOptions, valueJSONDecode);
									}
								}
						    	else {
						    		$('#'+idCampo+' option[value="'+valueJSONDecode+'"]').prop("selected", true);
						    	}
							}
				    	}
				    	var cssField = inputField.attr('class');
						if (cssField != css) 
						{
							inputField.removeClass();
							inputField.addClass(css);
						}
				        break;
				    case 'cwbotontooltip':
				        break;
				    case 'cwcheckbox':
						var inputField	= $('input[id*='+idCampo+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
						var valueJSONDecode = jsonReg[field]['checked'];
						if ((valueJSONDecode == 'undefined') || (valueJSONDecode == 'false'))
						{
							inputField.prop('checked',false);
						}
						else
						{
							inputField.prop('checked',true);
						}
						var cssField = inputField.attr('class');
						if (cssField != css) 
						{
							inputField.removeClass();
							inputField.addClass(css);
						}
				        break;
				    case 'cwimagen':
				        break;
				    case 'cwinformation':
				    	// Botón tooltip con información
						var button = $('button[id*='+idCampo+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
						button.attr('data-content', valueJSONDecode);
						var cssField = button.attr('class');
						if (cssField != css) 
						{
							button.removeClass();
							button.addClass(css);
						}
						if ((color != '') && (color != undefined))
						{
							button.addClass(color);
						}
						// icono del botón
						var iconJSON = jsonReg[field]['icon'];								
						if (iconJSON == 'undefined')
							iconJSON = '';
						var idIconButton = 'iconInf_cam___'+field+'___'+sufijo;
						iconButton = $('#'+idIconButton).filter('[data-gvhClaseManejadora='+claseManejadora+']');
						iconButton.removeClass();
						iconButton.addClass(iconJSON);
				        break;
				    case 'cwlabel icon':
				    	// Label que solamente es un icono
				    	var inputField = $('span[id*='+idIcono+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
						inputField.removeClass();
						inputField.addClass(valueJSONDecode);
				    	break;
				    case 'cwlabel':
						var inputField	= $('label[id*='+idCampo+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
				    	if (inputField.length > 0)
				    	{
							inputField.html(valueJSONDecode);
							inputField.attr('value',valueJSONDecode);
							cssField = inputField.attr('class');
							if (cssField != css) 
							{
								inputField.removeClass();
								inputField.addClass(css);
							}
				    	}
						
						// El label puede ir acompañado de un icono
						var icono = $('#'+idIcono).filter('[data-gvhClaseManejadora='+claseManejadora+']');
						if (icono.length > 0)
						{
							try
							{
								var iconJSONDecode = decodeURIComponent(escape(jsonReg[field]['icon']));								
							}
							catch(e)
							{
								var iconJSONDecode = jsonReg[field]['icon'];
							}
							if (iconJSONDecode == 'undefined')
								iconJSONDecode = '';
							icono.removeClass();
							icono.addClass(iconJSONDecode);
						}
				        break;
				    case 'cwlistaradio':
						// RADIOBUTTON
				    	var radio = $('input:radio[name*='+idCampo+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
				    	radio.filter('[value='+valueJSONDecode+']').prop('checked',true);
						var cssField = radio.attr('class');
						if (cssField != css) 
						{
							radio.removeClass();
							radio.addClass(css);
						}
				        break;
				    case 'cwslider':
						// slider de imágenes
				    	if (gvh.objSliders.length > 0)
						{
							$.each(gvh.objSliders, function(i, slider) {		 		
								slider.destroySlider();
							});
							gvh.objSliders.push(
								 $('ul[id*=slider_]').filter('[data-gvhIterActual='+row+']').bxSlider({
									 minSlides: 2,
									 maxSlides: 3,
									 slideWidth: 400,
									 slideMargin: 10,
									 caption: true,
									 pager: true
								 })
							);
						}
				        break;
				    default:
				        break;    
				}
			}
		}
		else if (panelJSON == 'lis')
		{
			var jsonReg 	= gvh.getFieldsRow(raizJSON,row);		
			var rowsPag		= gvh.getRowsPag(raizJSON);
			var rowTab 		= row%rowsPag;
			var sufijoRow	= panel+'_'+rowTab;	
			for (var field in jsonReg) 
			{
				var idCampo			= "cam___"+field+"___"+panel+"_"+rowTab;
				var css 			= jsonReg[field]['class'];
				var plugin 			= jsonReg[field]['CWPlugin'];					
				var inputField		= $('#'+idCampo+'[data-gvhClaseManejadora='+claseManejadora+']');				
				var idIGEPVisible 	= "IGEPVisiblecam___"+field+"___"+sufijoRow;
				var objIGEPVisible	= $('#'+idIGEPVisible+'[data-gvhClaseManejadora='+claseManejadora+']');
				
				if (objIGEPVisible.is(':visible'))
				{
					objIGEPVisible.hide();
				}

				var idIGEPVisibleRow  = "IGEPVisible"+sufijoRow;
				var objIGEPVisibleRow = $('#'+idIGEPVisibleRow+'[data-gvhClaseManejadora='+claseManejadora+']');
				if (objIGEPVisibleRow.is(':visible'))
				{
					objIGEPVisibleRow.hide();
				}
			}
		}
gvh.showConsoleMsg('endGroup');
	}
	
	
	/**
	 * paginar(): Al cambiar de página debemos volver a asignar los valores que vienen en el JSON a sus respectivos campos
	 * @access	private
	 * @var pagSource: 
	 * @var pagTarget: 
	 * @var panel: 
	 * @var claseManejadora:
	 */
	gvh.paginar = function(pagSource, pagTarget, panel, claseManejadora)
	{
gvh.showConsoleMsg('log',' ** gvh_paginar.js - paginar() - pag: '+pagTarget+' panel: '+panel+' claseManejadora '+claseManejadora); 
		var idPanel			= "P_"+panel;
		var objPanel		= $('#'+idPanel);
		var state			= gvh.getStatePanel(objPanel);
			var bloque 		= [];
			var panelJSON 	= panel.substr(0,3);
			var raizJSON  	= gvh.getRoot(claseManejadora,panelJSON);
			gvh.setPagActive(raizJSON,pagTarget);
			
			var numReg	  		= gvh.getNumReg(raizJSON);
			var rowsPag   		= gvh.getRowsPag(raizJSON);
			var valueJSONDecode = '';
			if (panelJSON == 'lis')
			{
				bloque		= gvh.blockRegPagina(raizJSON,pagTarget);
				var regIni 	= bloque['ini'];
				var regFin 	= bloque['fin'];
				gvh.showConsoleMsg('log','	... Panel tabular desde '+regIni+' a '+regFin); 
				for(var i=regIni;i<=regFin;i++)
				{
					gvh.setStateFieldsHTML_paginar(raizJSON, panel, claseManejadora, i);
					gvh.setValueFieldsHTML_paginar(raizJSON, panel, claseManejadora, i);
				}
			}
			else 
			{
				var vFields = gvh.getFieldsRow(raizJSON,pagTarget);
				var sufijo = panel+'_'+pagTarget;
				var state = gvh.getStateReg(raizJSON,pagTarget,'state');
				gvh.showConsoleMsg('log','	... Panel registro '); 
				for(var i=0;i<numReg;i++)
				{
					gvh.setSelectedReg( raizJSON, i, 'sub' );
				}
				gvh.setSelectedReg( raizJSON, pagTarget, 'add' );
				gvh.setStateFieldsHTML_paginar(raizJSON, panel, claseManejadora, pagTarget);
				gvh.setValueFieldsHTML_paginar(raizJSON, panel, claseManejadora, pagTarget);
			}
	}
/* 
 * Codificación UTF-8
 * Controlador de la parte JS.
 * 		openWS(destino, campo, formOrigen, iterActual, panelActua, claseManejadora, modoPanelOrigen, message)
 * 		eventCloseModal(url, claseManejadora, panel)
 * 														¡¡¡¡closeWindowModal(WM)!! ¡¡ELIMINAR!!
 * 		compareViewsPath(pathActual, path) 
 * 		formatBytes(a,b)
 * 		controllerJS(id, prefijo, css, panel)
 * 		ajaxStop(jqXHR, textStatus, errorThrown)
 */

	/*
	 * openWS()
	 * FUNCIӓN: abrir ventana de selección
	 */
	gvh.openWS = function(objElemento,modoPanelOrigen,message)
	{
		var destino = objElemento.attr('data-gvhDestino');
		var campo = objElemento.attr('data-gvhActSobre');
		var iterActual = objElemento.attr('data-gvhIterActual');
		var panelActua = objElemento.attr('data-gvhPanelOn');
		var claseManejadora = objElemento.attr('data-gvhClaseManejadora');
		var formOrigen = objElemento.closest('form');
																																	gvh.showConsoleMsg('log','** openWS() ');
																																	gvh.showConsoleMsg('log',gvh.datosJSON);
		gvh.ambito = 'gvhModal';
		var panelJSON = panelActua.substring(0,3);
		var raizJSON = gvh.getRoot(claseManejadora,panelJSON);
		var actionOrigen = $(formOrigen).attr('action');
		var targetOrigen = $(formOrigen).attr('target');
		var idForm = $(formOrigen).attr('id');
		
		if (campo == '')
		{
			gvh.showConsoleMsg('error',' ¡¡Falta la indicación del campo destino de la ventana de selección!!');
			return;
		}
		actionNueva = destino +
						"&nomForm="+idForm+
						"&nomCampo="+campo+
						"&filaActual="+iterActual+
						"&panelActua="+panelActua+
						"&actionOrigen="+actionOrigen+
						"&modoPanelOrigen="+modoPanelOrigen+
						"&gvhcache=true&gvhpanel="+panelJSON;
	
																																	gvh.showConsoleMsg('log','	- Llamada a phrame: '+actionNueva);
		//Mostramos el progreso
		Pace.restart();
		document.body.className = document.body.className; // Forzamos a actualizar la interfaz
		$.ajax({
			data: raizJSON['dataPerform'],
			type: "POST",
			datatype: "json",    
			cache: false,
			url: actionNueva,
			beforeSend: function() {
																																	gvh.showConsoleMsg('log','	... Beforesend ...');
				gvh.loading( 'on', message );	
			},
			success: function(rspTpl) {
																																	gvh.showConsoleMsg('log','	... Success: '+rspTpl);
				rspTplJSON = $.parseJSON(rspTpl);
				urlTpl = decodeURIComponent(rspTplJSON.path);
				idWS = "WS_"+claseManejadora;
				idWS = "WS";
				if ($('#'+idWS).length > 0)
				{
					if  (rspTplJSON.context.action == 'gvHidraCloseJDialog')
					{
																																	gvh.showConsoleMsg('log','	... Cerramos ventana =>  action: '+rspTplJSON.context.action);
						// REVIEW VERO: globalWS
						globalWS.dialog('destroy').remove();
						if (dialogIdWM.length <= 0)
							gvh.ambito = 'gvhMain';
						else
							gvh.ambito = 'gvhModal';
					}
					else {
																																	gvh.showConsoleMsg('log','	... Ya existe WS, cargamos =>  url: '+urlTpl);
						$('#'+idWS).load(urlTpl);
						gvh.loading( 'off' );	
					}
				}
				else {
																																	gvh.showConsoleMsg('log','	... Abrimos WS =>  action: '+rspTplJSON.context.action);
					$('#gvhPage').append( '<div id="'+idWS+'" class="gvhModal modal fade" tabindex="-1" role="dialog" aria-labelledby="gvHModalLabel" data-gvhestadopanel="R" class="main-block">' );
					
					gvh.dialogWS = $('#'+idWS);
					
					gvh.dialogWS.on('hidden.bs.modal', function (e) {
						$('#'+idWS).remove();
						if (gvh.dialogIdWM.length <= 0)
							gvh.ambito = 'gvhMain';
						else
							gvh.ambito = 'gvhModal';
					});
					
					gvh.dialogWS.load( urlTpl , function() {
						gvh.dialogWS.modal( 'show' );
					});
					
				};
			},
			complete:function( jqXHR, textStatus, errorThrown ) {
			}
		})				
	}
	
	/*
	 * eventCloseModal()
	 * FUNCIÓN: cerrar la ventana modal y lanzar la acción asociada
	 * defaults:	
	 * 		 	url - url a la que llamar para lanzar la acción asociada
	 * 			claseManejadora   
	 * 			panel 
	 */
	$.fn.eventCloseModal = function(options)
	{
		var defaults = $.extend({
			id: '',
			url: '',
			claseM: '',
			panel: ''
		},options);
																																	gvh.showConsoleMsg('log',' ** eventCloseModal() ');
																																	gvh.showConsoleMsg('log',defaults);
		gvh.ambito = "gvhMain";
		
		// Mostramos el progreso
		Pace.restart();
		document.body.className = document.body.className; // Forzamos a actualizar la interfaz		
		$.ajax({
			data: gvh.datosJSON[defaults.claseM][defaults.panel]['dataPerform'],
			type: "POST",
			datatype: "json",
			url: defaults.url,
			beforeSend: function() {
																																	gvh.showConsoleMsg('log','	... Beforesend  => url: '+defaults.url);
				gvh.loading('on',gvh.msgLoad);
			},
			success: function(rsp) {
				rspJSON = $.parseJSON(rsp);
																																	gvh.showConsoleMsg('log','	... Success: '+rspJSON);
				//targetType = rspJSON.context.targetType;	
				action = rspJSON.context.action;
																																	gvh.showConsoleMsg('log','	... Acción: '+action);
				path = decodeURIComponent(rspJSON.path);
				if (action == 'NoAction')
				{
					eval(rspJSON.context.script);
				}
				else {
					window.location.reload();
				}				
			},
			complete: function( jqXHR, textStatus, errorThrown ) {
				gvh.showConsoleMsg('log','COMPLETE eventCloseModal... ');
			},
			error: function ( jqXHR, textStatus, errorThrown ) {
		    	gvh.showConsoleMsg('log','ERROR: '+textStatus+' - status: '+jqXHR.status+' | '+errorThrown);
				gvh.ambito = "gvhModal";
			}
		});	
	}
	
	/*
	 * closeWindowModal()
	 * FUNCIÓN: cierre de la ventana modal (cancelar)
	 * defaults:
	 * 		 	WM - identificador de la ventana modal
	 */
	$.fn.closeWindowModal = function(options)
	{
		var defaults = $.extend({
			WM: ''
		},options);
/*gvh.showConsoleMsg('log','closeWindowModal() ');
gvh.showConsoleMsg('log',defaults.WM);*/
		if (gvh.dialogIdWM.length <= 0)
			gvh.ambito = 'gvhMain';
		else
			gvh.ambito = 'gvhModal';
		gvh.dialogWM = defaults.WM;
		//$('#'+dialogWM).dialog('destroy').remove();
		$('#'+gvh.dialogWM).remove();		
	}

	/*
	 * compareViewsPath()
	 * FUNCIÓN: compara dos url para comprobar si el valor del views es el mismo
	 */
	$.fn.compareViewsPath = function(options)
	{		
		var defaults = $.extend({
			pathActual: '',
			path: ''
		},options);
		let viewsActual = defaults.pathActual.split('?view=')[1];
		let viewsNew = defaults.path.split('?view=')[1];
		let claseMActual = viewsActual.split('&')[0];
		let claseMNew = viewsNew.split('&')[0];
		if (claseMNew != claseMActual)
			return false;
		else
			return true;
	}
	
	function formatBytes(a,b){if(0==a)return"0 Bytes";var c=1024,d=b||2,e=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],f=Math.floor(Math.log(a)/Math.log(c));return parseFloat((a/Math.pow(c,f)).toFixed(d))+" "+e[f]}
	
	
	/*
	 * controllerJS()
	 * FUNCIÓN: submit del formulario. 
	 * defaults:	id - del botón para el que se van a activar los campos
	 * 		 	prefijo - si los campos se activan para inserción o modificación ('ins'/'cam')
	 * 			css -  estilo que se le aplicará al campo
	 * 			panel - panel donde se encuentran los campos
	 */
	
	$.fn.controllerJS = function(options)
	{	
		// Comprobamos si llega la url destino para componer la url completa y el conjunto de datos
		if( !options.destino ) 
		{
			console.error('¡¡¡No está definido el parámetro data-gvhDestino!!!');
			eval( scriptPostLoad );
			return;
		}
		
		// Mostramos el progreso
		Pace.restart();
		document.body.className = document.body.className; // Forzamos a actualizar la interfaz
		
		var defaults = $.extend({
			id: '',
			panel: '',
			destino: '',
			newWindow: 'false',
			confirm: '',
			claseM: '',
			message: ''
		},options);
		
gvh.showConsoleMsg('log','** controllerJS() '+defaults.id+' clase manejadora: '+defaults.claseM);
		// Mostramos el cargando
		gvh.loading('on',defaults.message);
		document.body.className = document.body.className; // Forzamos a actualizar la interfaz
		var urlPhrame = '';
		// Componemos la url a la que debemos llamar
		if ((defaults.id == 'close') || ((defaults.claseM == '') && (defaults.panel == '')))
		{
			urlPhrame = defaults.destino+"&gvhcache=true&claseManejadora=principal";
			var datos = '';
		}
		else {
			var tipoPanel = $('#'+defaults.id+'[data-gvhClaseManejadora='+defaults.claseM+']').attr('data-gvhPanelOn');
			var panelJSON = tipoPanel.substr(0,3); 
			var claseM_maestro = $('#'+defaults.id).attr('data-gvhClaseManejadoraPadre');
			if (claseM_maestro != undefined)
			{
				var maestro = $('div[data-gvhEsMaestro=1][data-gvhClaseManejadora='+claseM_maestro+']').attr('id');
				var panelMaestro = maestro.split("_")[1];
				var raizJSON = gvh.getRoot(claseM_maestro,panelMaestro);
			}
			else {
				var raizJSON = gvh.getRoot(defaults.claseM,panelJSON);
			}
			var datos = raizJSON['dataPerform']; // Enviamos solamente los datos del panel correspondiente
			var destino = defaults.destino;
			if (destino.indexOf("gvhpanel") == -1)
			{
				urlPhrame = defaults.destino+"&gvhcache=true&claseManejadora="+defaults.claseM+"&gvhpanel="+panelJSON;
			}
			else {
				urlPhrame = defaults.destino+"&gvhcache=true&claseManejadora="+defaults.claseM;
			}
			if ($('#WS').length > 0)
			{
				var claseMOrigen = $('#'+defaults.id).attr('data-gvhclasemorigen');
				urlPhrame += urlPhrame+'&claseManejadoraOrigen='+claseMOrigen;
			}
		}
		
																																	gvh.showConsoleMsg('log','	- Llamada a phrame: '+urlPhrame);
																																	gvh.showConsoleMsg('log',gvh.datosJSON);
																																	gvh.showConsoleMsg('log',datos);
		var scriptPostLoad = '';
		Pace.track(function(){
			$.ajax({
				data: datos,
				type: "POST",
				datatype: "json",
				url: urlPhrame,
				beforeSend: function() {
																																	gvh.showConsoleMsg('log','	... Beforesend ...');
				},
				xhr: function(){
					var xhr = $.ajaxSettings.xhr() ;
					if(gvh.DEBUG) console.groupCollapsed('Petición AJAX');
					xhr.onprogress = function(e) {
						if (e.lengthComputable) {
							if(gvh.DEBUG) console.info('Progreso: ', formatBytes(e.loaded,2) + ' de ' + formatBytes(e.total,2) + ' (' + (e.loaded/e.total*100).toFixed(2) + '%)' );
						}
					};
					xhr.onload = function() {
						if(gvh.DEBUG) {
							console.info('COMPLETADO!')
							console.groupEnd();
						}
					};
					xhr.upload.onprogress = function(e) {
						if (e.lengthComputable) {
							if(gvh.DEBUG) console.info('Progreso: ', formatBytes(e.loaded,2) + ' de ' + formatBytes(e.total,2) + ' (' + (e.loaded/e.total*100).toFixed(2) + '%)' );
						}
					};
					xhr.upload.onload = function(){
						if(gvh.DEBUG) {
							console.info('COMPLETADO!')
							console.groupEnd();
						}
					};
					return xhr ;
			    } ,
				success: function(rspPhrame) {
																																	gvh.showConsoleMsg('log','	... Success: '+rspPhrame);
					rspPhrameJSON = $.parseJSON(rspPhrame);
					
					// Acción que vamos a realizar ['NoAction' | 'reload' | ...]
					var action 		= rspPhrameJSON.context.action;
					var targetType 	= rspPhrameJSON.context.targetType;
					var returnPath 	= '';
					if (rspPhrameJSON.context.returnPath != '')
						var returnPath 	= rspPhrameJSON.context.returnPath;
					var panelRetorno = '';
					if (rspPhrameJSON.context.panelRetorno != '')
						var panelRetorno = rspPhrameJSON.context.panelRetorno;
					switch(targetType)
					{
						case 'self':
																																	gvh.showConsoleMsg('log','	... Destino: Misma página (self) =>  targetType: '+targetType);
							switch(action)
							{
								case 'NoAction':
																																	gvh.showConsoleMsg('log','	... Acción: acción de interfaz =>  action: '+action);
									eval(rspPhrameJSON.context.script);
								break;
								// RELOAD DE LA PÁGINA
								case 'reload': 
																																	gvh.showConsoleMsg('log','	... Acción: reload de la página =>  action: '+action);
									var reloadPath = window.location;
									if ((rspPhrameJSON.info) && (rspPhrameJSON.info.typeReload == 'orderTable'))
									{
										if (gvh.getUrlParameter('orderTable') == undefined)
										{
											reloadPath = window.location+'&orderTable='+rspPhrameJSON.info.order+'&orderField='+rspPhrameJSON.info.column;
											gvh.orderTable = rspPhrameJSON.info.order;
											gvh.orderFieldTable = rspPhrameJSON.info.column;
										}
										else {
											var sPageURL = decodeURIComponent(window.location);
											vReloadPath = sPageURL.split('&orderTable=');
											reloadPath = vReloadPath[0]+'&orderTable='+rspPhrameJSON.info.order+'&orderField='+rspPhrameJSON.info.column;
											gvh.orderTable = gvh.getUrlParameter('orderTable');
											gvh.orderFieldTable = gvh.getUrlParameter('orderField');
										}
										/*'info'    => array( 'typeReload'    => 'orderTable',
										  'column'        => $datosOrdenacion['columna'],
									      'order'         => $datosOrdenacion['orden']
									     )*/
										window.location.href = reloadPath;
									}
									else {
										window.location.reload();
									}
								break;
								// LLAMADA A NEGOCIO (ajax) QUE NOS DEVOLVERÁ LA PÁGINA (views) location.href => views
								case 'salto':
																																	gvh.showConsoleMsg('log','	... Acción: llamada a negocio =>  action: '+action);
									path = decodeURIComponent(rspPhrameJSON.path);
																																	gvh.showConsoleMsg('log','	... 		=>  llamada a: '+path);
									//Mostramos el progreso
									Pace.restart();
									document.body.className = document.body.className; // Forzamos a actualizar la interfaz
									$.ajax({
										data: null, // Mandamos a null los datos porque se va a lanzar una claseManejadora nueva en la ventana.
										type: "POST",
										datatype: "json",    
										url: path,
										beforeSend: function() {
										},
										success: function(rspTpl) {
											rspTplJSON = $.parseJSON(rspTpl);
											path = rspTplJSON.path;
																																	gvh.showConsoleMsg('log','	... Acción: llamada a negocio =>  views: '+path);
											gvh.endLoading = false;
											window.location.href = decodeURIComponent(path);
										},
									    error:function( jqXHR, textStatus, errorThrown ) {
									    	gvh.showConsoleMsg('log','ERROR: '+textStatus+' - status: '+jqXHR.status+' | '+errorThrown);
									    },
									    always:function( jqXHR, textStatus, errorThrown ) {
									    	gvh.showConsoleMsg('log','ALWAYS: '+textStatus+' - status: '+jqXHR.status+' | '+errorThrown);
									    },
									    fail:function( jqXHR, textStatus, errorThrown ) {
									    	gvh.showConsoleMsg('log','FAIL: '+textStatus+' - status: '+jqXHR.status+' | '+errorThrown);
									    },
										complete: function( jqXHR, textStatus, errorThrown ) {
									    	gvh.showConsoleMsg('log','3 COMPLETE: '+textStatus+' - status: '+jqXHR.status+' | '+errorThrown);
										}
									})
								break;
								default:
																																	gvh.showConsoleMsg('log','	... Acción: default =>  action: '+action);
									newWindow = defaults.newWindow;
									if (newWindow == 'false') // NO ABRIMOS VENTANA EMERGENTE
									{
																																	gvh.showConsoleMsg('log','	... 		=>  newWindow: false');
										pathActual = window.location.href; 
										path = rspPhrameJSON.path;
										var loadGVHMain = $(this).compareViewsPath({
											pathActual: pathActual,
											path: decodeURIComponent(path)
										});
										if (loadGVHMain)
										{
																																	gvh.showConsoleMsg('log','	... 		=>  carga en gvhMain: '+path);
											gvh.endLoading = true;
											// Mostramos el progreso
											Pace.restart();
											document.body.className = document.body.className; // Forzamos a actualizar la interfaz
											// 	CARGAMOS EN LA CAPA gvhMain LA PÁGINA
											$.ajax( {
												url: decodeURIComponent(path),
												dataType: "html" , // Usamos el tipo 'html' para importar también los scripts embebidos
												cache: true ,
												//context: '#gvhMain > *'
											} ).done(function(resp) {
												let funcionColapsar = function() {
													$('#gvhMain').html( $(resp).filter('#gvhMain').contents() );
												}
												// Hacemos una animación con el colapso del panel.
												let panelColapsar = $( '#P_' + options.panel + '[data-gvhclasemanejadora=' + options.claseM + '].panelColapsable' );
												if( panelColapsar.length ) {
													panelColapsar.animate( {height: '0'}, 750, 'swing' ).promise().done( funcionColapsar );
												}
												else
												{
													funcionColapsar();
													gvh.rewireMain();
												}
											} );
										}
										else {
											// LOAD DE LA PÁGINA (views) QUE NOS VIENE location.href
																																	gvh.showConsoleMsg('log','	... 		=>  location.href = '+path);
											gvh.endLoading = false;
											window.location.href = decodeURIComponent(path);
										}
									}
									else { // LA PÁGINA SE ABRE EN UNA VENTANA NUEVA
										path = rspPhrameJSON.path;
																																	gvh.showConsoleMsg('log','	... 		=>  newWindow: true');
																																	gvh.showConsoleMsg('log','	... 		=>  path: '+path);
										gvh.popupWindow({ 
											windowURL: path, 
											centerScreen: 1,
											height: 600, 
											width: 800, 
											windowName:'help' 
										}); 
									}
							break;
							}
						break;
						// EL DESTINO ES UNA VENTANA MODAL
						case 'JDialog': 
							target = rspPhrameJSON.context.targetType;
							scriptPostLoad = rspPhrameJSON.context.script;
							if ( scriptPostLoad != '')
							{
								eval(scriptPostLoad);
							}
							let idVentana = rspPhrameJSON.context.idVentana;
							gvh.dialogWM = $('#'+idVentana);
																																	gvh.showConsoleMsg('log','	... Destino: Ventana modal =>  targetType: '+targetType);
																																	gvh.showConsoleMsg('log','	... 		=>  id ventana: '+idVentana);
							let ventanaModal = $('#'+idVentana);
							switch(action)
							{
								// 	CERRAMOS VENTANA MODAL
								case 'gvHidraCloseJDialog':
																																	gvh.showConsoleMsg('log','	... Acción: cerrar ventana modal =>  action: '+action);
									if ((idVentana != null) && (idVentana != undefined))
									{
										if (gvh.dialogWM.length > 0) 
										{
											gvh.dialogWM.modal( 'hide' );
											gvh.dialogIdWM.pop();
										}
									}
								break;
								// ABRIMOS VENTANA MODAL
								case 'gvHidraOpenJDialog':
									var url = decodeURIComponent(rspPhrameJSON.path);
									url = url+"&idModal="+idVentana;
																																	gvh.showConsoleMsg('log','	... Acción: abrir ventana modal =>  action: '+action);
																																	gvh.showConsoleMsg('log','	... 		=>  path: '+url);
									if ( ((url == null) || (url == '') || (url == undefined)) )
									{
										return false;
									}
									if (ventanaModal.length > 0) 
									{
																																	gvh.showConsoleMsg('log','	... 		=>  ventana ya existe');
										var WSwidth = 1000;
										var WSheight = 'auto';										
										if ( ($('#'+idVentana).children(".modal-dialog").length))
										{
											WSwidth = $('#'+idVentana).children(".modal-dialog").width();
											WSheight = $('#'+idVentana).children(".modal-dialog").height();	
										}
										else {
											if ((rspPhrameJSON.context.width != '') && (rspPhrameJSON.context.width != null))
											{
												WSwidth = rspPhrameJSON.context.width;
											}
											if ((rspPhrameJSON.context.height != '') && (rspPhrameJSON.context.height != null))
											{
												WSheight = rspPhrameJSON.context.height;
											}
										}
										//Mostramos el progreso
										Pace.restart();
										document.body.className = document.body.className; // Forzamos a actualizar la interfaz
										if (url.indexOf("phrame.php") == -1)
										{
																																	gvh.showConsoleMsg('log','	... 		=>  Vamos a obtener el contenido html (views) '+url);
											$.ajax({
												url: decodeURIComponent(url),
												dataType: "html" , // Usamos el tipo 'html' para importar también los scripts embebidos
												cache: true
											}).done(function(resp) {
																																	gvh.showConsoleMsg('log','	... 		=>  HTML Success... '+resp);
												$('#'+idVentana).html( $(resp) );
												$('#'+idVentana).children(".modal-dialog").width(WSwidth);
												$('#'+idVentana).children(".modal-dialog").height(WSheight);
												if (rspPhrameJSON.context.script != '')
												{
													eval(rspPhrameJSON.context.script);
												}
												gvh.dialogWM.on('shown.bs.modal', function (e) {
													gvh.initModal(idVentana);
												});
											});	//DONE AJAX VIEWS
										}
										else {
																																	gvh.showConsoleMsg('log','	... 		=>  Salto, llamada a phrame para obtener el views '+url);
																																	gvh.showConsoleMsg('log','	... 		=>  Ventana donde mostrar el contenido '+idVentana);
											$.ajax({
												data: null, // Mandamos a null los datos porque se va a lanzar una claseManejadora nueva en la ventana.
												type: "POST",
												datatype: "json",    
												url: url,
												beforeSend: function() {},
												success: function(rspTpl) {
													var rspTplJSON = $.parseJSON( rspTpl );
				
													if (ventanaModal.length > 0) 
													{
																																	gvh.showConsoleMsg('log','	... 		=>  La ventana ya existe');
														var WSwidth = 1000;
														var WSheight = 'auto';
														if ( ($('#'+idVentana).children(".modal-dialog").length))
														{
															WSwidth = $('#'+idVentana).children(".modal-dialog").width();
															WSheight = $('#'+idVentana).children(".modal-dialog").height();	
														}
														else {
															if ((rspPhrameJSON.context.width != '') && (rspPhrameJSON.context.width != null))
															{
																WSwidth = rspPhrameJSON.context.width;
															}
															if ((rspPhrameJSON.context.height != '') && (rspPhrameJSON.context.height != null))
															{
																WSheight = rspPhrameJSON.context.height;
															}
														}
														//Mostramos el progreso
														Pace.restart();
														document.body.className = document.body.className; // Forzamos a actualizar la interfaz
													}
													else {
																																	gvh.showConsoleMsg('log','	... 		=>  La ventana NO existe');
														$('#gvhPage').append( '<div id="'+idVentana+'" class="gvhModal modal fade" tabindex="-1" role="dialog" aria-labelledby="gvHModalLabel" data-gvhestadopanel="R" class="main-block">' );
														gvh.dialogWM = $('#'+idVentana);
														gvh.dialogWM.on('hidden.bs.modal', function (e) {
															$('#'+idVentana).remove();
													    	if ((returnPath != null) && (returnPath != undefined) && (returnPath != ''))
													    	{
													    		returnPath = returnPath+"&gvhcache=true";
													    																			gvh.showConsoleMsg('log','	... Close ventana modal (1) => path '+returnPath);																
																if ((panelRetorno != '') && (panelRetorno != null) && (panelRetorno != undefined))
																{
																	panelJSON = panelRetorno.substring(0,3);
																}
													    		$(this).eventCloseModal({
													    			idVentana: idVentana,
													    			url: returnPath,
													    			claseM: defaults.claseM,
													    			panel: panelJSON
													    		});
													    		//gvh.eventCloseModal(idVentana,returnPath,defaults.claseM,panelJSON);
													    	}
													    	gvh.dialogIdWM.pop();
														});
																			
														//Mostramos el progreso
														Pace.restart();
														document.body.className = document.body.className; // Forzamos a actualizar la interfaz
													}
																																	gvh.showConsoleMsg('log','	... Acción '+action+'  => path '+ rspTplJSON.path);
													var path = rspTplJSON.path;
																																	gvh.showConsoleMsg('log','	... 		=>  Llamada para obtener el views... '+decodeURIComponent(path));
													$.ajax({
														url: decodeURIComponent(path),
														dataType: "html" , // Usamos el tipo 'html' para importar también los scripts embebidos
														cache: true
													}).done(function(resp) {
																																	gvh.showConsoleMsg('log','	... 		=>  HTML Success... '+idVentana);
																																	gvh.showConsoleMsg('log','	... 		=>  HTML Success... '+resp);
															$('#'+idVentana).html( $(resp) );
															$('#'+idVentana).children(".modal-dialog").width(WSwidth);
															$('#'+idVentana).children(".modal-dialog").height('auto');
															if (rspPhrameJSON.context.script != '')
															{
																eval(rspPhrameJSON.context.script);
															}
															gvh.dialogWM.on('shown.bs.modal', function (e) {
																gvh.initModal(idVentana);
															});
													});	//DONE AJAX VIEWS
												} // SUCCESS AJAX PHRAME
											}); // AJAX PHRAME
										}
									}
									else {
																																	gvh.showConsoleMsg('log','	... 		=>  NUEVA ventana');
										var WSwidth = 1000;
										var WSheight = 'auto';
										if (rspPhrameJSON.context.width != '')
										{
											WSwidth = rspPhrameJSON.context.width;
										}
										if (rspPhrameJSON.context.height != '')
										{
											WSheight = rspPhrameJSON.context.height;
										}
										// Mostramos el progreso
										Pace.restart();
										document.body.className = document.body.className; // Forzamos a actualizar la interfaz

										$('#gvhPage').append( '<div id="'+idVentana+'" class="gvhModal modal fade" tabindex="-1" role="dialog" aria-labelledby="gvHModalLabel" data-gvhestadopanel="R" class="main-block">' );
										gvh.dialogWM = $('#'+idVentana);
										gvh.dialogWM.on('hidden.bs.modal', function (e) {
											$('#'+idVentana).remove();
					            	    	if ((returnPath != null) && (returnPath != undefined) && (returnPath != ''))
					            	    	{
					            	    		returnPath = returnPath+"&gvhcache=true";
					            	    																					gvh.showConsoleMsg('log','	... Close ventana modal (2) => path '+returnPath);
												if ((panelRetorno != '') && (panelRetorno != null) && (panelRetorno != undefined))
												{
													panelJSON = panelRetorno.substring(0,3);
												}
					            	    		$(this).eventCloseModal({
					            	    			idVentana: idVentana,
					            	    			url: returnPath,
					            	    			claseM: defaults.claseM,
					            	    			panel: panelJSON
					            	    		});
					            	    		//gvh.eventCloseModal(idVentana,returnPath,defaults.claseM,panelJSON);
					            	    	}
					            	    	gvh.dialogIdWM.pop();
										});
										
										if (url.indexOf("phrame.php") == -1)
										{
																																	gvh.showConsoleMsg('log','	... 		=>  Vamos a obtener el contenido html (views) '+url);
											$.ajax({
												url: decodeURIComponent(url),
												dataType: "html" , // Usamos el tipo 'html' para importar también los scripts embebidos
												cache: true
											}).done(function(resp) {
																																	gvh.showConsoleMsg('log','	... 		=>  HTML Success... '+resp);
												$('#'+idVentana).html( $(resp) );
												$('#'+idVentana).children(".modal-dialog").width(WSwidth);
												$('#'+idVentana).children(".modal-dialog").height(WSheight);
												if (rspPhrameJSON.context.script != '')
												{
													eval(rspPhrameJSON.context.script);
												}
												gvh.dialogWM.on('shown.bs.modal', function (e) {
													gvh.initModal(idVentana);
												});
											});	//DONE AJAX VIEWS
										}
										else {
											$.ajax({
												data: null, // Mandamos a null los datos porque se va a lanzar una claseManejadora nueva en la ventana.
												type: "POST",
												datatype: "json",    
												url: url,
												beforeSend: function() {
																																		gvh.showConsoleMsg('log','	... beforeSend		=>  '+url);												
												},
												success: function(rspTpl) {
													let rspTplJSON = $.parseJSON( rspTpl );												
													/*$('#gvhPage').append( '<div id="'+idVentana+'" class="gvhModal modal fade" tabindex="-1" role="dialog" aria-labelledby="gvHModalLabel" data-gvhestadopanel="R" class="main-block">' );
													gvh.dialogWM = $('#'+idVentana);
													gvh.dialogWM.on('hidden.bs.modal', function (e) {
														$('#'+idVentana).remove();
								            	    	if ((returnPath != null) && (returnPath != undefined) && (returnPath != ''))
								            	    	{
								            	    		returnPath = returnPath+"&gvhcache=true";
								            	    																					gvh.showConsoleMsg('log','	... Close ventana modal (2) => path '+returnPath);
															if ((panelRetorno != '') && (panelRetorno != null) && (panelRetorno != undefined))
															{
																panelJSON = panelRetorno.substring(0,3);
															}
								            	    		$(this).eventCloseModal({
								            	    			idVentana: idVentana,
								            	    			url: returnPath,
								            	    			claseM: defaults.claseM,
								            	    			panel: panelJSON
								            	    		});
								            	    		//gvh.eventCloseModal(idVentana,returnPath,defaults.claseM,panelJSON);
								            	    	}
								            	    	gvh.dialogIdWM.pop();
													});*/
													
													path = rspTplJSON.path;
																																		gvh.showConsoleMsg('log','	... Acción '+action+'  => path '+path);
																																		gvh.showConsoleMsg('log',rspTpl);
													//Mostramos el progreso
													Pace.restart();
													document.body.className = document.body.className; // Forzamos a actualizar la interfaz
													$.ajax({
														url: decodeURIComponent(path),
														dataType: "html" , // Usamos el tipo 'html' para importar también los scripts embebidos
														cache: true
													}).done(function(resp) {
														$('#'+idVentana).html( $(resp) );
														gvh.dialogWM.children(".modal-dialog").width(WSwidth);
														gvh.dialogWM.children(".modal-dialog").height('auto');
														gvh.dialogIdWM.push(idVentana);
														gvh.dialogWM.modal( 'show' );
	
														gvh.dialogWM.on('shown.bs.modal', function (e) {
															gvh.initModal(idVentana);
														});
														if (rspTplJSON.context.script != '')
														{
															eval(rspTplJSON.context.script);
														}
													});
												},
											    error:function( jqXHR, textStatus, errorThrown ) {
											    	gvh.showConsoleMsg('log','ERROR: '+textStatus+' - status: '+jqXHR.status+' | '+errorThrown);
											    },
											    always:function( jqXHR, textStatus, errorThrown ) {
											    	gvh.showConsoleMsg('log','ALWAYS: '+textStatus+' - status: '+jqXHR.status+' | '+errorThrown);
											    },
											    fail:function( jqXHR, textStatus, errorThrown ) {
											    	gvh.showConsoleMsg('log','FAIL: '+textStatus+' - status: '+jqXHR.status+' | '+errorThrown);
											    },
												complete: function( jqXHR, textStatus, errorThrown ) {
													gvh.showConsoleMsg('log','2 COMPLETE  '+idVentana);
											    	gvh.showConsoleMsg('log','2 COMPLETE: '+textStatus+' - status: '+jqXHR.status+' | '+errorThrown);
												}
											});
										}
									}
								break;
								default:
									gvh.showConsoleMsg('log','gvh_controller.js: '+targetType+' "action" no definido');
								break;
							}
						break;
						default:
							gvh.showConsoleMsg('log','gvh_controller.js: targetType no definido');
						break;
					}
				},
			    error:function( jqXHR, textStatus, errorThrown ) {
			    	gvh.showConsoleMsg('log','ERROR 1: '+textStatus+' - status: '+jqXHR.status+' | '+errorThrown);
			    },
			    always:function( jqXHR, textStatus, errorThrown ) {
			    	gvh.showConsoleMsg('log','ALWAYS 1: '+textStatus+' - status: '+jqXHR.status+' | '+errorThrown);
			    },
			    fail:function( jqXHR, textStatus, errorThrown ) {
			    	gvh.showConsoleMsg('log','FAIL 1: '+textStatus+' - status: '+jqXHR.status+' | '+errorThrown);
			    },
				complete:function ( jqXHR, textStatus, errorThrown ) {
			    	gvh.showConsoleMsg('log','1 COMPLETE: '+defaults.id+': '+textStatus+' - status: '+jqXHR.status+' | '+errorThrown);
				}
			})
			.done(function(resultado){
				gvh.showConsoleMsg('log','DONE ');
	           });
		});
		
		eval(scriptPostLoad);
	};	
	
/*	$(document).ajaxComplete(function(jqXHR, textStatus, errorThrown ) {
		gvh.showConsoleMsg('log',' ** ajaxComplete() ');
		gvh.showConsoleMsg('log',jqXHR);
		gvh.showConsoleMsg('log',errorThrown);
		gvh.showConsoleMsg('log','***********');
	});

	$(document).ajaxSend(function(jqXHR, textStatus, errorThrown ) {
		gvh.showConsoleMsg('log',' ** ajaxSend() ');
		gvh.showConsoleMsg('log',jqXHR);
		gvh.showConsoleMsg('log',errorThrown);
		gvh.showConsoleMsg('log','***********');
	});
	$(document).ajaxSuccess(function(jqXHR, textStatus, errorThrown ) {
		gvh.showConsoleMsg('log',' ** ajaxSuccess() ');
		gvh.showConsoleMsg('log',jqXHR);
		gvh.showConsoleMsg('log',errorThrown);
		gvh.showConsoleMsg('log','***********');
	});*/
	$(document).ajaxStop( function(jqXHR, textStatus, errorThrown ) {
		gvh.showConsoleMsg('log',' ** ajaxStop() ');
    	gvh.showConsoleMsg('log',gvh.datosJSON);
    	
    	// Lanzamos la dinámica de interacción de la página recién cargada.
    	if( gvh.rewirePage_onready ) {
			gvh.rewirePage_onready();
		}
    	
		if( gvh.endLoading )
		{
			gvh.loading( 'off' );
		}
	} );
	

	/**
	 * select2.defaults()
	 * FUNCIӓN: Propiedades por defecto de las listas tipo select2
	 */
	/*
	width: 'auto',
	closeOnSelect: true, 
	placeholder: 'Selecciona una opción',
	allowClear: true,
	minimumResultsForSearch: 15, 
	containerCssClass: 'tpx-select2-container',
	dropdownCssClass: 'tpx-select2-drop'*/

	$.fn.select2.defaults = $.extend($.fn.select2.defaults, {
		width: 'auto',
		allowClear: true,
		closeOnSelect: true, // múltiple - se cierra tras la selección
		placeholder: 'Selecciona una opción',
		containerCssClass: 'tpx-select2-container',
		dropdownCssClass: 'tpx-select2-drop'
	});/* 
 * Codificación UTF-8
 * Métodos que trabajan sobre el estado del panel según la operación a realizar sobre él (lectura, inserción, modificación, borrado)
 * 
 * FUNCIONES MODIFICACIÓN INTERFAZ PANEL:
 *  iconUpdate( modo, panel, claseM ) 
 * 	blockExit( exit, modo, panel )
 *  cleanForm(id, panel) 
 *  offTooltipBasic(objElemento, modo)
 * 	addList( campo, gvhLista, selectedValue )
 *  addListSelect2( campo, gvhLista, selectedValue )
 *  setButtonDependPanel(objElemento,depend)
 *  setFieldEnable(objElemento,depend)
 *  floatBar(bar = 'topBarPrimary', panel = 'P_lis')
 *  
 * FUNCIONES EVENTOS AL CAMBIAR VALOR UN CAMPO: 
 *  fieldsRequired(objElemento)
 *  updateEvent(objElemento, message)
 *  changeField(objElemento)
 *    
 * FUNCIONES OPERACION FORMULARIO PANEL:
 *  getStatePanel(objPanel)
 *  formOnButtons(id,panel,modo)
 *  formOnFields(objElemento, operacion, modo='on')
 *  formOnInsert(objElemento)
 *  formOnUpdate(objElemento, modo='on')
 *  formOnDelete(objElemento)
 */
	
	if( !gvh.Panel || gvh.versionCompare(gvh.Panel.VERSION, gvh.VERSION) < 0 )
	{
		gvh.showConsoleMsg( 'log', 'gvh.Panel : Inicializando...' );
		
		gvh.Panel = function()
		{
			// REVIEW : De momento está vacío, pero debería convertirse en un componente.
			// NOP : No hacer nada
		}
		
		gvh.Panel.VERSION = '5.0.0';
		

		/** 
		 * Permite maximizar/restaurar un panel 
		 */
		gvh.resizePanel = function( e )
		{
			// REVIEW : Ya No es necesario, debido a .off('click.gvh_resizePanel').on('click.gvh_resizePanel'
			//e.preventDefault();
			//e.stopImmediatePropagation();

	        var $this = $(this);
    
    		if( $this.hasClass('glyphicon-resize-full') )
    		{
	    		$this.removeClass( 'glyphicon-resize-full' );
	        	$this.addClass( 'glyphicon-resize-small' );
    		}
			else if( $this.hasClass('glyphicon-resize-small') )
    		{
	        	$this.removeClass( 'glyphicon-resize-small' );
		    	$this.addClass( 'glyphicon-resize-full' );
    		}
	    	$(this).closest('.panel').toggleClass( 'panel-fullscreen' );
		} //gvh.resizePanel
		
		 
		/**
		 * iconUpdate()
		 * FUNCIӓN: Mostrar icono barra inferior modificación
		 * 	@access	private
		 * 	@var modo: ['R'|'I'|'W']
		 *  @var panel: panel sobre el que se está trabajando
		 *  @var claseM: clase manejadora del panel
		 */
		gvh.iconUpdate = function( modo, panel, claseM )
		{
			gvh.showConsoleMsg( 'log','	*** gvh_panel.js - iconUpdate() -> DESACTIVADO!' );	
		}	
		
		/**
		 * blockExit: Bloquea la salida del panel mientras no se ejecute o cancele la acción que se haya indicado (insertar/modificar)
		 * @access	private
		 * @var exit: booleano
		 * @var panel: tipo de panel sobre el que se está trabajando ['edi'|'ediDetalle'|'lis'|'lisDetalle']
		 * @var modo: ['I' (inserción) | 'W' (modificación) | 'R' (lectura)]
		 * @var claseM: clase manejadora del panel
		 */
		gvh.blockExit = function( exit, modo, panel, claseM )
		{
			gvh.showConsoleMsg('log','	*** gvh_panel.js - blockExit() -> '+panel+' modo '+modo+' claseM '+claseM ); 
			if (panel == undefined)
			{
				gvh.showConsoleMsg('error','	¡¡¡ gvh_panel.js - blockExit() -> la variable panel no está definida');
			}
			else {
				var idPanel = panel;
				if (panel.indexOf("P_") == -1)
				{
					var idPanel = 'P_'+panel;
					var panelJSON = panel.substring(0,3);
				}
				else {
					var panelJSON = panel.substring(2,5);
				}
				if ((modo == 'W') || (modo == 'I'))
				{
					$( '[data-gvhExit]' ).attr( 'data-gvhExit', false );
				}
				else {
					$( '[data-gvhExit]' ).attr( 'data-gvhExit', true );
				}

				$( 'div[id='+idPanel+'][data-gvhWindow='+gvh.ambito+'][data-gvhClaseManejadora='+claseM+']' ).attr( 'data-gvhestadopanel', modo );
				$( '#'+gvh.ambito).attr( 'data-gvhestadopanel', modo );
				if (claseM == '')
				{
					gvh.showConsoleMsg('error',' ¡¡¡blockExit() - No existe clase manejadora!!!');
				}
				else if ((panelJSON == 'edi') || (panelJSON == 'lis'))
				{
					gvh.datosJSON[claseM][panelJSON]['panel']['state'] = modo;
				}
				
				/*if ((claseM != '') && (panel != ''))
				{
					if (panelJSON != 'fil')
					{
						gvh.datosJSON[claseM][panelJSON]['panel']['state'] = modo;
					}
				}
				else
				{
					gvh.showConsoleMsg('error',' ¡¡¡blockExit() - El parámetro clase manejadora es '+claseM+'!!!');
				}*/
			}
		}
		
		/**
		 * cleanForm: Marcará el estado del registro: insertada/modificada
		 * @access	private
		 * @var objElemento: elemento que lanza la acción limpiar
		 */
		gvh.cleanForm = function(objElemento)
		{
	gvh.showConsoleMsg('log','	*** gvh_panel.js - cleanForm()' ); 
			var claseM 		= objElemento.attr( 'data-gvhClaseManejadora' );
			var panel 		= objElemento.attr( 'data-gvhPanelOn' );
			var panelJSON 	= panel.substr( 0, 3 );
			var raizJSON 	= gvh.getRoot(claseM,panelJSON); 
			var reg			= 0;
			var vFields 	= gvh.getFieldsJSON(raizJSON,reg);
			var pagActiva	= gvh.getPagActive(raizJSON);
			var numReg		= 1;
			if (panelJSON != 'fil')
			{
				if (panelJSON == 'lis')
				{
					var vReg 		= gvh.getRegAlter(raizJSON);
					var numReg		= count(vReg);
					var rowsPag		= gvh.getRowsPag(raizJSON);
					var rowTab 		= row%rowsPag;
					var sufijoRow 	= panel+'_'+rowTab;
				}
				else {
					var reg			= gvh.getPagActive(raizJSON);
				}
			}
			var vFields = gvh.getFieldsJSON(raizJSON,reg);
			for (var i=0;i<numReg;i++)
			{
				if (panelJSON == 'lis')
				{
					var vFields = gvh.getFieldsJSON(raizJSON,vReg[i]);
				}
			
				for( var field in vFields )
				{
					var plugin 		= gvh.getPlugin(raizJSON,field,reg);
					//var idCampo		= gvh.getIdField(raizJSON,field,reg);
					var valueOld	= gvh.getValueOld(raizJSON,field,reg);
					
					switch( plugin )
					{
						case 'cwcampotexto':
						case 'cwareatexto':
							var inputField	= $('input[id*='+field+']').filter('[data-gvhClaseManejadora='+claseM+']');
					    	inputField.val(valueOld);
					    	inputField.attr('value',valueOld);
					    	gvh.setValue(raizJSON,field,reg,valueOld);
						break;
						case 'cwlista':
							var inputField	= $('select[id*='+field+']').filter('[data-gvhClaseManejadora='+claseM+']');
					    	var dependencia = gvh.isDependenceList(raizJSON,field,pagActiva);
					    	if( (dependencia != undefined) && (dependencia != 'NO') )
							{
								//Hay dependencia
						    	var listOptions = gvh.getFieldList(raizJSON,field,true,pagActiva,external=false);								
								if( listOptions.length > 0 )
								{
									gvh.addList(inputField, listOptions, valueOld);								
								}
							}					    	
					    	else {
					    		var idCampo = inputField.attr('id');
					    		$('#'+idCampo+' option:selected').attr('selected',false);
					    		$('#'+idCampo+' option[value="'+valueOld+'"]').prop("selected", true);
					    		$('#'+idCampo+' option[value="'+valueOld+'"]').attr("selected", true);
					    	}			    		
					    	gvh.setValue(raizJSON,field,reg,valueOld);
						break;
						case 'cwlistaradio':
					    	var radio = $('input:radio[name*='+field+']').filter('[data-gvhClaseManejadora='+claseM+']');
				  			if( inputField.is(':visible') ) 
				  			{
				  				if (valueOld != '')
									radio.filter('[value='+valueOld+']').prop('checked',true);
				  				else
				  					radio.prop('checked',false);
						    	gvh.setValue(raizJSON,field,reg,valueOld);
				  			}
						break;
						case 'cwlista_select2':
							var inputField	= $('input[id*='+field+']').filter('[data-gvhClaseManejadora='+claseM+']');
					    	var lista = gvh.getFieldList(raizJSON,field,false,pagActiva);
					    	var descripcion = '';
					    	for( i=0;i<lista.length;i++ )
					    	{
					    		if( lista[i]['value'] == valueOld )
					    		{
					    			descripcion = lista[i]['descripcion'];
					    			break;
					    		}
					    	}
				  			inputField.val(descripcion);
				  			if (descripcion == '')
				  				inputField.select2( { allowClear: true } );
				  			
					    	gvh.setValue(raizJSON,field,reg,valueOld);
						break;
						case 'cwcheckbox':
							var inputField	= $('input[id*='+field+']').filter('[data-gvhClaseManejadora='+claseM+']');
					    	var valorCheck = gvh.getValueCheckbox(raizJSON,field,pagActiva,true);
					    	if( valueOld == valorCheck )
					    	{
					  			inputField.prop( 'checked', true );
					    	}
					    	else {
					    		inputField.prop( 'checked', false );
					    	}
						break;
						default:
							gvh.showConsoleMsg('warn', ' ¡¡¡ cleanForm() - '+field+' tipo de campo no contemplado '+plugin+' !!!');
						break;
					}
				}
			};
		} // cleanForm()
		
		/** 
		 * offTooltipBasic()
		 * FUNCIӓN: Desactiva el resto de botones tooltip con funciones básicas (insertar/modificar/eliminar) al pinchar en uno de ellos
		 * @access	private
		 * @var objElemento: componente botón que se ha pulsado
		 * @var modo: ['on','off'] 
		 * */
		gvh.offTooltipBasic = function(objElemento, modo)
		{
			gvh.showConsoleMsg('log', '	*** gvh_panel.js - offTooltipBasic()');
			var id = objElemento.attr('id');
			var botonTooltip = $('button[data-gvhWindow='+gvh.ambito+'][data-gvhposition=botonera]').filter('[data-gvhfunction=insert],[data-gvhfunction=update],[data-gvhfunction=delete]').not( '[id='+id+']' );
			botonTooltip.each( function()
			{
				if (modo == 'on')
				{
					$(this).removeClass( 'disabled' );
					$(this).prop('disabled',false);
				}
				else if (modo == 'off') 
				{
					$(this).addClass( 'disabled' );
					$(this).prop('disabled',true);
				}
			} );
		}  // offTooltipBasic()
	
		/**
		 * addList()
		 * FUNCIӓN: Crea una lista nueva con las opciones que se le pasan
		 * 	@access	private
		 * 	@var gvhLista: array de opciones a añadir a la lista
		 *  @var selectedValue: valor seleccionado en la lista
		 */
	    gvh.addList = function(campo, gvhLista, selectedValue)
	    {    	
	    	gvh.showConsoleMsg('log','	*** addList() - selected: '+selectedValue);
	    	var parentDetach = campo.parent();
	    	campo.empty();
	    	var $detachSelect = campo;
	    	$detachSelect.detach();
	    	var lengthLista = gvhLista.length;
	    	gvh.showConsoleMsg('log',gvhLista);
	    	for(var i=0;i<lengthLista;i++)
	    	{
	    		var valor = gvhLista[i]['valor'];
	    		var descripcion = gvhLista[i]['descripcion'];
	    		if (gvhLista[i]['valor'] == selectedValue)
				{
		    		$detachSelect.append('<option value="'+valor+'" selected>'+descripcion+'</option>');
				}
	    		else 
	    		{
		    		$detachSelect.append('<option value="'+valor+'">'+descripcion+'</option>');
	    		}		
	    	}
	    	parentDetach.append($detachSelect);
	    }
	    
	
		/**
		 * addListSelect2()
		 * FUNCIӓN: Crea una lista nueva tipo select2 con las opciones que se le pasan
		 * 	@access	private
		 * 	@var gvhLista: array de opciones a añadir a la lista
		 *  @var selectedValue: valor seleccionado en la lista
		 */
	    gvh.addListSelect2 = function(campo, gvhLista, selectedValue)
	    {    	
	    	gvh.showConsoleMsg('log','	*** addListSelect2() - selected: '+selectedValue);
			campo.empty();//.trigger('change');
	    	/*var parentDetach = campo.parent();
	    	var $detachSelect = campo;
	    	$detachSelect.detach();*/
	    	var lengthLista = gvhLista.length;
	    	for(var i=0;i<lengthLista;i++)
	    	{
	    		var valor = gvhLista[i]['valor'];
	    		var descripcion = gvhLista[i]['descripcion'];
	    		if (gvhLista[i]['valor'] == selectedValue)
				{
	                var newOption = new Option(desescapeIGEPjs(descripcion), valor, false, true);
				}
	    		else 
	    		{
	                var newOption = new Option(desescapeIGEPjs(descripcion), valor, false, false);
	    		}
	    		campo.append(newOption);//.trigger('change');
	    	}
	        //campo.append(newOption).trigger('change');
	    	//parentDetach.append($detachSelect);
	    }
	
	
		/** 
		 * setButtonDependPanel()
		 * FUNCIӓN: Marcamos el botón tooltip que pasamos por parámetro si es dependiente o no del panel
		 * @access	private
		 * @var objElemento: componente botón que se ha pulsado
		 * @var depend: ['true','false'] 
		 * */
		gvh.setButtonDependPanel = function(objElemento,depend)
		{
	gvh.showConsoleMsg('log', '	*** gvh_panel.js - setButtonDependPanel()');
			var id			= objElemento.attr('id');
			var vId			= id.split('___');
			var claseM		= objElemento.attr('data-gvhClaseManejadora');
			var panel		= objElemento.attr('data-gvhPanelOn');
			var raizJSON	= gvh.datosJSON[claseM][panel];
	        if (panelJSON == 'edi')
	        {
	            var nReg    = gvh.getPagActive(raizJSON);
	        }
	        else {
	            var row     = vId[2].split('_')[1];
				var nReg 	= gvh.indexDataJSON(raizJSON,row);
	        }
			gvh.setDependPanelField(raizJSON,vId[1],nReg,depend);
		}
		
		
		/** 
		 * setFieldEnable()
		 * FUNCIӓN: Marcamos el campo tooltip editable o no
		 * @access	private
		 * @var objElemento: componente botón que se ha pulsado
		 * @var depend: ['true','false'] 
		 * */
		gvh.setFieldEnable = function(objElemento,depend)
		{
	gvh.showConsoleMsg('beginGroup', '	*** gvh_panel.js - setFieldEnable()');
			var id			= objElemento.attr('id');
			var plugin		= objElemento.attr('data-gvhCWSource');
			var name		= objElemento.attr('name');
			var panel		= objElemento.attr('data-gvhPanelOn');
			var panelJSON	= panel.substring(0,3);
			var field		= id;
			if ((id != undefined) && (panelJSON != 'fil'))
			{
				var vId		= id.split('___');
	            var field	= vId[1];
			}
			else {
				gvh.showConsoleMsg('error',' ¡¡¡ gvh.setFieldEnable() -  id '+id+' del objElemento !!!');
			}
			var claseM		= objElemento.attr('data-gvhClaseManejadora');
			var raizJSON	= gvh.datosJSON[claseM][panelJSON];
	        if (panelJSON == 'edi')
	        {
	            var nReg    = gvh.getPagActive(raizJSON);
	        }
	        else if (panelJSON == 'lis') {
	            var row     = vId[2].split('_')[1];
				var nReg 	= gvh.indexDataJSON(raizJSON,row);
	        }
	        else {
	        	var row 	= 0;
	        	var nReg    = 0;
	        }
			var plugin		= gvh.getPlugin(raizJSON,field,nReg);
			if ((depend == 'true'))
			{
				var idCampoBtn = '';
				switch( plugin )
				{
					case 'cwcampotexto':
						objElemento.addClass('modify');
		 				if (objElemento.hasClass('noEdit'))
		 				{
		 					objElemento.removeClass('noEdit');
		 					objElemento.addClass('edit');
		 				}
						objElemento.prop('readonly',false);
						var tipoCampo 	= gvh.getTypeField(raizJSON,field,nReg);
						if (tipoCampo != 'text')
						{
							if (tipoCampo == 'date')
							{
								idCampoBtn = 'calD_'+id;
							}
							else if (tipoCampo == 'datetime')
							{
								idCampoBtn = 'calDT_'+id;
							}
							else if (tipoCampo == 'time')
							{
								idCampoBtn = 'calT_'+id;
							}
							if (idCampoBtn != '')
							{
								$('#'+idCampoBtn).prop('disabled',false);
								$('#'+idCampoBtn).removeClass("disabled");
								var tabindex = $('#'+idCampoBtn).attr('tabindex')*(-1);
								$('#'+idCampoBtn).attr('tabindex',tabindex);
							}
						}
						if (id != undefined)
						{
							var vs = $('#vs_'+id);
							var vsLength = vs.length;
							if (vsLength > 0)
							{
								vs.prop('disabled',false);
				 				tabindex = vs.attr('tabindex')*(-1);
				 				vs.attr('tabindex',tabindex);
							}
						}
					break;
					case 'cwareatexto':
						objElemento.addClass('modify');
		 				if (objElemento.hasClass('noEdit'))
		 				{
		 					objElemento.removeClass('noEdit');
		 					objElemento.addClass('edit');
		 				}
						objElemento.prop('readonly',false);
					break;
					case 'cwrichareatexto':
						var idEditor = 'editor_'+id;
						$("div[id*='"+idEditor+"']").attr('contenteditable','true');
					break;
					case 'cwupload':
					break;
					case 'cwlabel':
						objElemento.removeClass("linkDisabled");
						objElemento.addClass("link");
						objElemento.css('cursor','hand');
						objElemento.click(function()
	    				{
	         				return (objElemento.attr('disabled')) ? false : true;
	    				});
					break;
					case 'cwlista':
					case 'cwlista_select2':
						objElemento.prop('disabled',false);
						objElemento.prop('readonly',false);
					break;
					case 'cwimagen':
					break;
					case 'cwlistaradio':
						objElemento.addClass('modify');
		 				if (objElemento.hasClass('noEdit'))
		 				{
		 					objElemento.removeClass('noEdit');
		 					objElemento.addClass('edit');
		 				}
		 				objElemento.prop('readonly',false);
					break;
					case 'cwcheckbox':
					break;
					case 'cwbotontooltip':
					break;
					default:
						gvh.showConsoleMsg('error', ' ¡¡¡ setFieldEnable() - '+plugin+' plugin no controlado !!!');
					break;
				}
				objElemento.prop('disabled',false);
				objElemento.removeClass("disabled");
				var tabindex = objElemento.attr('tabindex')*(-1);
				objElemento.attr('tabindex',tabindex);
			}
			else {
				var idCampoBtn = '';
				switch( plugin )
				{
					case 'cwcampotexto':
						objElemento.removeClass('modify');
		 				if (objElemento.hasClass('edit'))
		 				{
		 					objElemento.removeClass('edit');
		 					objElemento.addClass('noEdit');
		 				}
						objElemento.prop('readonly',true);
						var tipoCampo 	= gvh.getTypeField(raizJSON,field,nReg);
						if (tipoCampo != 'text')
						{
							if (tipoCampo == 'date')
							{
								idCampoBtn = 'calD_'+id;
							}
							else if (tipoCampo == 'datetime')
							{
								idCampoBtn = 'calDT_'+id;
							}
							else if (tipoCampo == 'time')
							{
								idCampoBtn = 'calT_'+id;
							}
							if (idCampoBtn != '')
							{
								$('#'+idCampoBtn).prop('disabled',true);
								$('#'+idCampoBtn).addClass("disabled");
								var tabindex = $('#'+idCampoBtn).attr('tabindex')*(-1);
								$('#'+idCampoBtn).attr('tabindex',tabindex);
							}
						}
						if (id != undefined) 
						{
							var vs = $('#vs_'+id);
							var vsLength = vs.length;
							if (vsLength > 0)
							{
								vs.prop('disabled',true);
								tabindex = vs.attr('tabindex')*(-1);
								vs.attr('tabindex',tabindex);
							}
						}
					break;
					case 'cwareatexto':
						objElemento.removeClass('modify');
		 				if (objElemento.hasClass('edit'))
		 				{
		 					objElemento.removeClass('edit');
		 					objElemento.addClass('noEdit');
		 				}
						objElemento.prop('readonly',true);
					break;
					case 'cwlista':
					case 'cwlista_select2':
						objElemento.prop('disabled',true);
						objElemento.prop('readonly',true);
					break;
					case 'cwrichareatexto':
						var idEditor = 'editor_'+id;
						$("div[id*='"+idEditor+"']").attr('contenteditable','false');
					break;
					case 'cwupload':
					break;
					case 'cwlabel':
						objElemento.addClass("linkDisabled");
						objElemento.removeClass("link");
						objElemento.css('cursor','none');
						objElemento.click(function()
	    				{
	         				return (objElemento.attr('disabled')) ? false : true;
	    				});
					break;
					case 'cwlistaradio':
						objElemento.removeClass('modify');
		 				if (objElemento.hasClass('edit'))
		 				{
		 					objElemento.removeClass('edit');
		 					objElemento.addClass('noEdit');
		 				}
		 				objElemento.prop('readonly',true);
					break;
					case 'cwcheckbox':
					break;
					case 'cwbotontooltip':
					break;
					default:
						gvh.showConsoleMsg('error', ' ¡¡¡ setFieldEnable() - '+plugin+' plugin no controlado !!!');
					break;
				}
				objElemento.prop('disabled',true);
				var tabindex = objElemento.attr('tabindex')*(-1);
				objElemento.attr('tabindex',tabindex);
			}
			gvh.showConsoleMsg('endGroup');
		} // setFieldEnable()
	
		
		/**
		 * floatBar()
		 * FUNCIÓN: Función que permitirá que la barra superior del panel sea flotante. Necesita de la función checkVisible()
	     * @access	private
		 * @var bar: barra a fijar como flotante
		 * @var panel: panel al que corresponde la barra
		 */
		gvh.checkVisible = function(elm, evalType)
		{
	       evalType = evalType || "visible";
	       if( typeof $(elm).offset() !== 'undefined' ) {
	              var vpH = $(window).height(), // Viewport Height
	                           st = $(window).scrollTop(), // Scroll Top
	                           y = $(elm).offset().top,
	                           elementHeight = $(elm).height();
	
	              if (evalType === "visible") return ((y < (vpH + st)) && (y > (st - elementHeight)));
	              if (evalType === "above") return ((y < (vpH + st)));
	       }
	    };
	    
		gvh.floatBar = function(bar, panel)
		{
			bar 	= bar || 'topBarPrimary';
			panel 	= panel || 'P_lis';
		    $(window).bind("scroll", function() {
		    	var elem1 = $('#'+panel);
		        var elem2 = $('#'+bar);
		        elem2.removeClass('barraFlotante');
		        if( !$(window).checkVisible({ elm: elem2, evalType: 'visible'}) ) 
		        {
		        	elem2.addClass('barraFlotante');
		        }
		        if( !$(window).checkVisible({ elm: elem1, evalType: 'visible'}) ) 
		        {
		        	elem2.removeClass('barraFlotante');
		        }
			});
		}
		
		/************************************************
		/ * FUNCIONES EVENTOS AL CAMBIAR VALOR UN CAMPO														
		/************************************************/
		
		/** 
		 * fieldsRequired()
		 * FUNCIӓN: Comprobación obligatorios
		 * @access	private
		 * @var objElemento: elemento dom que lanza la acción
		 */
		gvh.fieldsRequired = function(objElemento)
		{
			gvh.showConsoleMsg('log', '	*** gvh_panel.js - fieldsRequired()' );
			gvh.showConsoleMsg('log',objElemento);
			var correcto = 'correcto';
			var fieldsRequired = '';
			var panel				= objElemento.attr('data-gvhPanelOn'); 
			var panelJSON    		= objElemento.attr('data-gvhPanelOn').substring(0,3);
			var claseM				= objElemento.attr('data-gvhClaseManejadora');
			var raizJSON     		= gvh.getRoot(claseM,panelJSON);
			var dataRequired 		= gvh.getDataRequired(raizJSON);
			var dataRequiredLength 	= dataRequired.length;
			var regAlter 			= gvh.getRegAlter(raizJSON);
			var fieldsRequired 		= '';
			if ( (dataRequiredLength  > 0) && (regAlter.length > 0))
			{
				for (var index=0;index++;index<dataRequiredLength)
				{
					var field 		= dataRequired[index];
					for(var reg=0;reg++;reg<regAlter.length)
					{
						var numReg 	= regAlter[reg];
						var valor 	= gvh.getValue(raizJSON,field,numReg);
						if (valor == '')
						{
							var text = gvh.getTextField(raizJSON,field,numReg); 
							fieldsRequired += '- <b>'+text+'</b><br>';
							gvh.setClassField(raizJSON,field,numReg,'fieldRequired');
						}
					}
				}
			}
			return fieldsRequired;
		} // fieldsRequired()
		
		/**
		 * updateEvent()
		 * FUNCIӓN: lanzar acción de interfaz
		 * @access	private
		 * @var objElemento: elemento dom que lanza la acción
		 * @var message: texto que aparecerá en el mensaje
		 */
		gvh.updateEvent = function(objElemento,message)
		{
			message = message || gvh.msgLoad;
	gvh.showConsoleMsg('beginGroup','	*** gvh_panel.js - updateEvent() -> '+objElemento.attr('id'));
			var id 			= objElemento.attr('id');
			var name		= objElemento.attr('name');
			//if ($('input:radio[name='+name+']').length > 0) // Si el elemento es un radiobutton pasamos como id el atributo name
			if (objElemento.attr('data-gvhCWSource') == 'cwlistaradio')
			{
				var id		= name;
			}
			var actualizaA 	= objElemento.attr('data-gvhActualizaA');
			var panel 		= objElemento.attr('data-gvhPanelOn');
			if ((actualizaA != '') && (actualizaA != undefined))
			{
				var claseM 	= objElemento.attr('data-gvhClaseManejadora');
				if ($('#'+id).is(':radio')) {
					id = $(this).attr('name');
				}
				var panelJSON = panel;
				if (panel == 'ediDetalle')
					panelJSON = 'edi';
				else if (panel == 'lisDetalle')
						panelJSON = 'lis';
				var formulario 	= objElemento.closest('form');
				var idForm 		= formulario.attr('id');
				var value 		= objElemento.val();
				var url = 'phrame.php?action=gvhJSRefreshUI&gvhcache=true&gvhpanel='+panelJSON+'&claseManejadora='+claseM+'&gvHclass='+claseM+'&gvHfname='+idForm+'&gvHfrom='+id+'&gvHvalue='+value+'&gvHtarget='+actualizaA;
	gvh.showConsoleMsg('log','	... Llamada a phrame: '+url);
				//Mostramos el progreso
				Pace.restart();
				document.body.className = document.body.className; // Forzamos a actualizar la interfaz
				$.ajax({
					data: gvh.datosJSON[claseM][panelJSON]['dataPerform'],
					type: "POST",
					cache: false,
					datatype: "script",    
					url: url,
					beforeSend: function() {
	gvh.showConsoleMsg('log','	... Beforesend ...');
						gvh.loading('on',message);	
					},
					success: function(response) {
	gvh.showConsoleMsg('log','	... Success: '+response);
						//EJECUTA JAVASCRIPT EN LA PÁGINA (acciones de interfaz) response.context.action = 'NoAction'
						var rspPhrameJSON = $.parseJSON(response);
						if (rspPhrameJSON.context.action == 'NoAction')
						{
							eval(rspPhrameJSON.context.script);	
						}
					},
					error:function( jqXHR, textStatus, errorThrown ) {
	gvh.showConsoleMsg('log','	... # ERROR updateEvent');							
					},
				    complete:function( jqXHR, textStatus, errorThrown ) {
						gvh.showConsoleMsg('log','# COMPLETE updateEvent');
						gvh.loading('off');
					}
				})
			}
			else {
				gvh.showConsoleMsg('error',' ¡¡¡No se ha indicado el campo que debe ser actualizado. Param "actualizaA".!!!');
			}
	gvh.showConsoleMsg('endGroup');
		}; // updateEvent()
	
		/**
		 * changeField: Actualización del gvh.datosJSON con el cambio producido en el campo 
		 * El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
		 * 	-> data-gvhClaseManejadora
		 * 	-> data-gvhPanelOn
		 *  -> data-gvhCWSource
		 * @access	public
		 * @var objElemento: componente botón que se ha pulsado
		*/
		gvh.changeField = function( objElemento, newValue, triggerChanged )
		{
			newValue 		= newValue || '';
			triggerChanged 	= triggerChanged || true;
			gvh.showConsoleMsg('beginGroup',' ** gvh_panel.js - changeField() ');
			var fieldAmbito = objElemento.attr( 'data-gvhWindow' );
			if( fieldAmbito == gvh.ambito )
			{
				var claseM    = objElemento.attr( 'data-gvhClaseManejadora' );
				var panel     = objElemento.attr( 'data-gvhPanelOn' );
				var plugin    = objElemento.attr( 'data-gvhCWSource' );
				var panelJSON = panel.substring( 0, 3 );
				var objPanel  = $('div[id=P_'+panel+'][data-gvhWindow='+gvh.ambito+'][data-gvhClaseManejadora='+claseM+']');
				var idCampo   = objElemento.attr( 'id' );
				gvh.showConsoleMsg('log', '	FIELD: '+idCampo ); 
				var campoJSON = idCampo;
				var estadoPanel = objPanel.attr('data-gvhEstadoPanel');
	
				// Marcar el panel como modificado 
				if( objPanel.length > 0 && triggerChanged && panel != 'fil' && (estadoPanel == 'W' || estadoPanel == 'I'))
				{
					objPanel.attr( 'data-gvhchanged', 'true' );
				}
				
				
				if( panelJSON != 'fil' )
				{
					var vCampoJSON = idCampo.split('___');
					if (vCampoJSON.length > 1)
						campoJSON = vCampoJSON[1];
					if( plugin == 'cwlistaradio' )
					{
						var name = objElemento.attr( 'name' );
						campoJSON = name.split('___')[1];
					}
				}
				var raizJSON = gvh.getRoot( claseM, panelJSON );
				var plugin = '';
				var external = objElemento.attr( 'data-gvhExternal' );
				var regJSON = 0;
				if( external == 'true' ) // Tratamiento de campos external
				{
					external = true;
					plugin = gvh.getPlugin(raizJSON,campoJSON,regJSON,external);
				}
				else 
				{
					external = false;
					// Según el panel se calcula indice del gvh.datosJSON
					var modoPanel = gvh.getStatePanel(objPanel); 
					if (modoPanel == 'I')
					{
						switch( panelJSON )
						{
							case 'lis':
								var row = idCampo.split('___')[2].split('_')[1];
								regJSON = gvh.indexDataJSON( raizJSON, row, modoPanel );
								var sufijo = panel+'_'+row;
							break;
							case 'edi': 
								regJSON = gvh.getPagIns(raizJSON);
							break;
							default:
								regJSON = 0;
							break;
						}
					}
					else {
						switch( panelJSON )
						{
							case 'fil':
								regJSON = 0;
							break;
							case 'lis':
								var row = idCampo.split('___')[2].split('_')[1];
								regJSON = gvh.indexDataJSON( raizJSON, row );
								var sufijo = panel+'_'+row;	
							break;
							case 'edi':
								var pagActual = gvh.getPagActive(raizJSON); 
								regJSON = pagActual;
							break;
							default:
								regJSON = 0;
							break;
						}
					}
					if (gvh.getExistField(raizJSON,campoJSON,regJSON))
					{
						var plugin = gvh.getPlugin( raizJSON,campoJSON,regJSON,external );
						var hidden = gvh.isHidden(  raizJSON,campoJSON,regJSON,external );
						gvh.setSelectedReg( raizJSON, regJSON, 'add' );
						var estado = objPanel.attr( 'data-gvhestadopanel' );
						let state = 'nada';
						switch( estado )
						{
							case 'W':
								estado = 'modificada';
								state  = 'updated';
							break;
							case 'D':
								estado = 'borrada';
								state  = 'deleted';
							break;
							case 'I':
								estado = 'insertada';
								state  = 'inserted';
							break;
							default:
								estado = 'nada';
								state  = 'nada';
							break;
						}
						gvh.setStateReg( raizJSON , state, regJSON );
						if( hidden == 1 ) // Campo oculto
						{
							plugin = 'hidden';
						}
					}
					else {
						gvh.showConsoleMsg('error', '¡¡¡ changeField() - '+campoJSON+' no existe este campo en el registro '+regJSON+' !!!' );	
					}
				}
				if( plugin != '' )
				{
					var valorCampo = '';
					switch( plugin )
					{
						case 'cwrichareatexto':
							gvh.showConsoleMsg('log',objElemento);
							var idTxtArea = objElemento.attr('id');
							var editor = 'editor_'+idTxtArea;
							valorCampo = $('#'+editor).html();
						break;
						case 'cwareatexto':
							valorCampo = objElemento.val();
						break;
						case 'cwcampotexto':
							valorCampo = objElemento.val();
						break;
						case 'cwlista':
							valorCampo = objElemento.val();
							if (objElemento.prop('multiple') === false) {
								objElemento.find('option:selected').attr('selected',false);
								objElemento.find('option[value="'+valorCampo+'"]').prop("selected", true);	
							}
					    	var dependencia = gvh.isDependenceList(raizJSON,campoJSON,regJSON,external);
						break;
						case 'cwlista_select2':
							valorCampo = objElemento.val();
						break;
						case 'cwimagen':
							valorCampo = objElemento.attr( 'src' );
						break;
						case 'cwlistaradio':
							valorCampo = $('input:radio[name='+name+'][data-gvhClaseManejadora='+claseM+'][data-gvhWindow='+gvh.ambito+']:checked').val();					
							var radio  = $('input:radio[name='+name+'][data-gvhClaseManejadora='+claseM+'][data-gvhWindow='+gvh.ambito+']');
						break;
						case 'cwcheckbox':
							let attr = (objElemento.is(':checked') ? 'data-gvhValueCheck' : 'data-gvhValueUnCheck');
							valorCampo = objElemento.attr( attr );
						break;
						case 'hidden':
							gvh.showConsoleMsg('log','campo hidden => '+newValue);
							if (newValue == '')
								valorCampo = gvh.getValue(raizJSON,campoJSON,0);
							else
								valorCampo = newValue;
						break;
						default:
							gvh.showConsoleMsg('error', ' ¡¡¡ changeField() - '+plugin+' plugin no controlado !!!');
						break;
					}
					gvh.setValue( raizJSON, campoJSON, regJSON , valorCampo, external );
					var actualizaA = objElemento.attr( 'data-gvhActualizaA' );
					if( actualizaA )
					{
						var formulario = objElemento.closest( 'form' );
						let elemUpdate = (plugin == 'cwlistaradio' ? radio : objElemento );
						gvh.updateEvent( elemUpdate );
					}
					if( panel != 'fil' )
					{
						gvh.blockExit( false, objPanel.attr('data-gvhEstadoPanel'), panel, claseM );
					}
				}
			}
	gvh.showConsoleMsg('endGroup'); 
		} // changeField()
		
	
	
		/************************************************
		/ * FUNCIONES OPERACIÓN FORMULARIO PANEL														
		/************************************************/
		
		/**
		 * getStatePanel: Obtenemos el estado del panel ('R', 'W', 'I')
		 * @access	private
		 * @var exit: booleano
		 * @var objPanel: objeto panel sobre el que se está trabajando ['edi'|'ediDetalle'|'lis'|'lisDetalle']
		 */
		gvh.getStatePanel = function( objPanel )
		{
			var state = objPanel.attr('data-gvhEstadoPanel');
	gvh.showConsoleMsg('log','	*** gvh_panel.js - getStatePanel() => '+state); 
			return state;
		}
	
		/**
		 * formOnButtons()
		 * FUNCIÓN: Activar botones de la barra inferior
		 * @access	private
		 * @var objPanel: panel sobre el que se quieren activar los paneles
		 */
		gvh.formOnButtons = function( objPanel )
		{
			var idPanel = objPanel.attr('id');
			var panelOn = idPanel.substr(2,idPanel.length); // P_lis
			gvh.showConsoleMsg('log', '	*** gvh_panel.js - formOnButtons() '+idPanel ); 
	
			$( 'button[data-gvhWindow='+gvh.ambito+'][id*=bttlTreeSelector_]' )
				.filter( '[data-gvhstate=edit][data-gvhposition=panel]' )
				.removeClass( 'disabled' );
					
			var boton = $( 'button[data-gvhWindow='+gvh.ambito+'][data-gvhpanelon='+panelOn+']' );
			boton.each( function()
			{
				if( $(this).is( ':hidden' ) )
				{
					$(this).show();
				}
			} );
		};
		
		
		/**
		 * formOnFields()
		 * FUNCIÓN: Activar campos
		 * @access	private
		 * @var objElemento: componente botón que se ha pulsado
		 * @var operacion: ['insertar', 'modificar', 'eliminar'] 
		 * @var modo: ['on', 'off']
		 */
		gvh.formOnFields = function(objElemento, operacion, modo)
		{
			modo = modo || 'on';
			gvh.showConsoleMsg('beginGroup',' ** gvh_panel.js - formOnFields() '+operacion);
			gvh.showConsoleMsg('log',objElemento);
			let id				= objElemento.attr('id');
			let panel;
			if ( objElemento.is( "div" ) ) {
				panel		= id.substring(2,id.length);	
			}
			else {
				panel 		= objElemento.attr('data-gvhPanelOn');
			}
			let idPanel			= 'P_'+panel;
			let claseManejadora	= objElemento.attr('data-gvhClaseManejadora');
			let objPanel 		= $( '#'+idPanel+'[data-gvhClaseManejadora='+claseManejadora+']' );
			let panelJSON		= panel.substring(0,3);
			let raizJSON		= gvh.getRoot(claseManejadora,panelJSON);
			let prefijo			= '';
			let css				= '';
			let iter			= 0;
			let vReg;
			let numRows;
			let numReg			= 1;
			let regIns
			let reg;
			let vFields;
			let sufijo			= 0;
			
			if (panelJSON != 'fil')
			{
				if (panelJSON == 'lis')
				{
					vReg 	= gvh.getRegSelected(raizJSON);
					numRows	= gvh.getRowsPag(raizJSON);
					numReg	= vReg.length;
					regIns	= gvh.getRegInsert(raizJSON);
				}
				else {
					reg		= gvh.getPagActive(raizJSON);
					vFields = gvh.getFieldsJSON(raizJSON,reg);
				}
			}
			switch(operacion)
			{
				case 'inserted':
					prefijo	= 'ins___';
					//state	= '[data-gvhstate=new],[data-gvhstate=edit]';
					css 	= 'new';
					reg		= gvh.getPagIns(raizJSON);
					if (panelJSON == 'lis')
					{
						vReg 	= gvh.getRegInsert(raizJSON);
						numReg	= vReg.length;					
					}
					else {
						vFields = gvh.getFieldsJSON(raizJSON,reg);
						sufijo	= reg;
					}
				break;
				case 'updated':
					prefijo = 'cam___';
					//state 	= '[data-gvhstate=edit]';
				break;
				case 'deleted':
					prefijo = 'cam___';
					css 	= 'delete';
					//state 	= '[data-gvhstate=edit]';
				break;
				default: 
					prefijo = 'cam___';
					css 	= 'edit';
				break;
			}
			if (panelJSON == 'edi')
			{
				if (modo == 'on')
				{
					gvh.setStateReg( raizJSON, operacion, reg );
					gvh.setSelectedReg( raizJSON, reg, 'add' )
				}
			}
			for (var i=0;i<numReg;i++)
			{
				if (panelJSON == 'lis')
				{
					vFields = gvh.getFieldsJSON(raizJSON,vReg[i]);
					reg		= vReg[i];
					gvh.setStateReg( raizJSON, operacion, reg );
					let rowsPag	= gvh.getRowsPag(raizJSON);
					if (operacion == 'inserted')
						sufijo = reg;
					else
						sufijo 	= reg%rowsPag;
				}
				let idCampoBtn = '';
				for( var field in vFields )
				{
					let idEditor = '';
					let name 	 = '';
					let campoBtn = '';
					let plugin 	 = gvh.getPlugin(raizJSON,field,reg);
					let idCampo;
					let campo;
					let tipoCampo;
					switch( plugin )
					{
						case 'cwcampotexto':
							idCampo		= prefijo+field+'___'+panel+'_'+sufijo;
							campo		= $(':input[id='+idCampo+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
							tipoCampo 	= gvh.getTypeField(raizJSON,field,reg);
							if (tipoCampo != 'text')
							{
								if (tipoCampo == 'date')
								{
									idCampoBtn = 'calD_'+idCampo;
								}
								else if (tipoCampo == 'datetime')
								{
									idCampoBtn = 'calDT_'+idCampo;
								}
								else if (tipoCampo == 'time')
								{
									idCampoBtn = 'calT_'+idCampo;
								}
								if (idCampoBtn != '')
								{
									campoBtn = $('button[id='+idCampoBtn+']').filter('[data-gvhPanelOn='+panel+'][data-gvhClaseManejadora='+claseManejadora+']');
								}
							}
						break;					
						case 'cwareatexto':
						case 'cwupload':
							idCampo	= prefijo+field+'___'+panel+'_'+sufijo;
							campo	= $(':input[id='+idCampo+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
						break;
						case 'cwrichareatexto':
							let idEditor = 'editor_'+prefijo+field+'___'+panel+'_'+sufijo;
							idCampo	= prefijo+field+'___'+panel;
							campo	= $('textarea[id='+idCampo+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
							//let state 	= gvh.getStateField(raizJSON,idCampo,reg);
							if (modo == 'on')
							{
								$("div[id*='"+idEditor+"']").attr('contenteditable','true');
							}
							else {
								$("div[id*='"+idEditor+"']").attr('contenteditable','false');
							}
						break;
						case 'cwlista':
						case 'cwlista_select2':
							idCampo	= prefijo+field+'___'+panel+'_'+sufijo;
							campo	= $('select[id='+idCampo+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
						break;
						case 'cwlistaradio':
							let name	= prefijo+field+'___'+panel+'_'+sufijo;
							campo	= $(':input:radio[name='+name+']').filter('[data-gvhPanelOn='+panel+'][data-gvhClaseManejadora='+claseManejadora+']');
							idCampo = campo.attr('id');
						break;
						case 'cwcheckbox':
							idCampo	= prefijo+field+'___'+panel+'_'+sufijo;
							campo	= $(':input[id='+idCampo+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
						break;
						case 'cwbotontooltip':
							idCampo	 = prefijo+field+'___'+panel+'_'+sufijo;
							campo	 = $('button[id='+idCampo+']').filter('[data-gvhPanelOn='+panel+'][data-gvhClaseManejadora='+claseManejadora+']');
							campoBtn = campo;
						break;
						default:
							gvh.showConsoleMsg('log',plugin+' !!!!');
							idCampo	= prefijo+field+'___'+panel+'_'+sufijo;
							campo	= $('[id='+idCampo+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
						break;
					}
					if (gvh.isRowVisibles(raizJSON,reg) || (operacion == 'inserted')) 
					{
						if ($('span[id*=IGEPVisible'+idCampo+'][data-gvhClaseManejadora='+claseManejadora+']').is(':hidden'))
						{
							$('span[id*=IGEPVisible'+idCampo+'][data-gvhClaseManejadora='+claseManejadora+']').show();
						}
					}
					if (operacion != 'deleted')
					{
						let stateField = gvh.getStateField(raizJSON,field,reg); // Para inserción y modificación hay que saber si el campo es o no editable.
						if (
							( (operacion == 'updated') && (stateField != 'noEdit') && (stateField != 'new')) ||
							( (operacion == 'inserted') && (stateField != 'noEdit')) )
						{
							if (modo == 'on')
							{
								if ((stateField) || (stateField == 'true') || (stateField == 'new'))
								{
									if (name != '')
									{
										$('input:radio[name='+name+']').prop('readonly',false);
										$('input:radio[name='+name+']').prop('disabled',false);	
										$('input:radio[name='+name+']').removeClass('edit');
										$('input:radio[name='+name+']').addClass('modify');
									}
									else {								
										if (campoBtn != '')
										{
											let dependPanel = gvh.getDependPanelField(raizJSON,field,reg);
											if ((dependPanel != 'false'))
											{
												campoBtn.prop('readonly',false);
												campoBtn.prop('disabled',false);
												if (panelJSON == 'lis')
												{
													campoBtn.removeClass('edit');
													campoBtn.addClass('modify');
													if (campoBtn.is(":visible") != true) {
														campoBtn.show();
													}
												}
											}
										}
										campo.prop('readonly',false);
										campo.prop('disabled',false);
										if (panelJSON == 'lis')
										{
											campo.removeClass('edit');
											campo.addClass('modify');
										}
									}
									if (css != '')
										campo.addClass(css);
									let tabindex = campo.attr('tabindex');
									if (tabindex < 0)
										tabindex = campo.attr('tabindex')*(-1);
									campo.attr('tabindex',tabindex);
								}
							}
							else {
								if (name != '')
								{
									$('input:radio[name='+name+']').prop('readonly',true);
									$('input:radio[name='+name+']').prop('disabled',true);	
									$('input:radio[name='+name+']').addClass('edit');
									$('input:radio[name='+name+']').removeClass('modify');
								}
								else {
									if (campoBtn != '')
									{
										campoBtn.prop('readonly',true);
										campoBtn.prop('disabled',true);
										if (panelJSON == 'lis')
										{
											campoBtn.addClass('edit');
											campoBtn.removeClass('modify');
										}	
									}
									campo.attr('readonly',true);
									campo.prop('disabled',true);
									if (panelJSON == 'lis')
									{
										campo.addClass('edit');
										campo.removeClass('modify');
									}
								}
								if (css != '')
									campo.removeClass(css);
								let tabindex = campo.attr('tabindex');
								if (tabindex < 0)
									tabindex = campo.attr('tabindex')*(-1);
								campo.attr('tabindex',tabindex);
							}
						}
					}
					else { // operacion == 'deleted' 
						if (gvh.isRowVisibles(raizJSON,reg)) 
						{
							if (name != '')
							{
								$('input:radio[name='+name+']').addClass(css);
							}
							else {
								campo.addClass(css);
							}
	
							// Marcamos la fila (tr) como borrada.
							if( campo.length > 0 )
							{
								campo.closest( 'tr[data-gvhclasemanejadora="'+claseManejadora+'"][data-gvhpaneljson="'+panelJSON+'"]' )
									.addClass( 'rowDeleted' );
								//	.attr( 'data-gvhdelete', 'true' );
							}
							// Marcamos el panel como modificado
							if( objPanel.length > 0 )
							{
								objPanel.attr( 'data-gvhchanged', 'true' );
							}
						}
					}
				}
			}	
			gvh.showConsoleMsg('endGroup'); 
		};
		
	
		/**
		 * formOnInsert()
		 * FUNCIÓN: Panel en modo inserción
		 * @access	private
		 * @var objElemento: componente botón que se ha pulsado
		 */
		gvh.formOnInsert = function(objElemento)
		{
			gvh.showConsoleMsg('beginGroup',' ** gvh_panel.js - formOnInsert()');
			gvh.showConsoleMsg('log',' ** gvh_panel.js - formOnInsert() '+objElemento.attr('id')+' '+objElemento.attr('data-gvhClaseManejadora'));
			
			let id				= objElemento.attr('id');
			let panel;
			if ( objElemento.is( ":button" ) ) {
				panel 		= objElemento.attr('data-gvhPanelOn');
			}
			else {
				panel 		= id.substring(2,id.length);
			}
			let idPanel			= 'P_'+panel;
			let claseManejadora	= objElemento.attr('data-gvhClaseManejadora');
			let objPanel 		= $('#'+idPanel+'[data-gvhClaseManejadora='+claseManejadora+']');
			let panelJSON		= panel.substring(0,3);
			let raizJSON		= gvh.getRoot(claseManejadora,panelJSON);		
			let numReg 			= gvh.getNumReg(raizJSON);
			gvh.blockExit(false, 'I', panel, claseManejadora);
			// Reiniciamos los arrays JSON
			gvh.setAllState(raizJSON,'nada');
			gvh.setAllSelected(raizJSON,'false');
	
			// Según el tipo de panel, el modo inserción debe ocultar o activar determinados paneles
			var md 			= objElemento.attr('data-gvhTipoPanel');
			var idPaginador = $('#capa_'+panel+'_paginacion').filter('[data-gvhWindow='+gvh.ambito+']').attr('id');
	gvh.showConsoleMsg('log','	... Tipo de panel: '+md);
	gvh.showConsoleMsg('log','	... Se ocultan capas con datos.');
			$('div[id*=pag_'+panel+'_]').filter('[data-gvhClaseManejadora='+claseManejadora+']').map(function (){
				if ($(this).is(':visible'))
				{
					$(this).hide();
				}
			});
			switch(md)
			{
				case 'maestro':
	gvh.showConsoleMsg('log','	... Se oculta el detalle.');
					$('div[data-gvhtipopanel=detalle][data-gvhWindow='+gvh.ambito+']').hide();
					// Pestañas detalles
					$('#detalles').filter('[data-gvhWindow='+gvh.ambito+']').hide();
					// Paginador
	gvh.showConsoleMsg('log','	... Se oculta paginador.'); 
					$('#'+idPaginador).filter('[data-gvhClaseManejadora='+claseManejadora+']').hide();
	gvh.showConsoleMsg('log','	... Se oculta capa bloqueo.'); 
					$('#blockPanel').hide();
				break;
				case 'detalle':
	gvh.showConsoleMsg('log','	... Se oculta páginas detalle con datos.');
	gvh.showConsoleMsg('log','	... Se oculta paginador.');
					// 	Paginador
					$('#'+idPaginador).filter('[id*=Detalle]').hide();
				break;
				case 'simple':
					gvh.showConsoleMsg('log','	... Se oculta paginador.'); 
					$('#'+idPaginador).hide();
					$('#blockPanel[data-gvhWindow='+gvh.ambito+'][data-gvhClaseManejadora='+claseManejadora+']').hide();
					if ($('div[data-gvhpagina=block][data-gvhClaseManejadora='+claseManejadora+'][data-gvhWindow='+gvh.ambito+']').is(':visible'))
					{
						gvh.showConsoleMsg('log','	... Se oculta capa bloqueo.'); 
						$('div[data-gvhpagina=block][data-gvhClaseManejadora='+claseManejadora+'][data-gvhWindow='+gvh.ambito+']').hide();
					}
					// Comprobamos si es un Tabular-Registro, para activar el edi
					if (($('#'+idPaginador).filter('[id$=___insTR]').length) > 0)
					{
	gvh.showConsoleMsg('log','	... Se muestra panel edi (TR).'); 
						$(this).show();
					};
				break;
				default:
					gvh.showConsoleMsg('error','¡¡¡ Revisar parámetro "data-gvhTipoPanel".!!!');
				break;
			}
			if (objPanel.attr('data-gvhConSolapas') == 'true')
			{
				var solapaActiva = objPanel.attr('data-gvhSolapaActiva');
				var idSolapa = "solData__"+panel;
				if ($('div[id*='+idSolapa+']').length > 0)
				{
	gvh.showConsoleMsg('log','	... Existen solapas.'); 
					var position = $(this).attr('data-gvhPosition');
					if (position == solapaActiva)
					{
						$(this).show();
						gvh.showConsoleMsg('log','	... Se muestra solapa '+$(this).attr('id')); 
					}
					else {
						$(this).hide();
					}
				}
			}
			var idPanelIns	= 'pag_'+panel+'_ins';
			var objPanelins = $('#'+idPanelIns+'[data-gvhClaseManejadora='+claseManejadora+']');
	gvh.showConsoleMsg('log','	... Se muestra el panel de inserción '+idPanelIns); 
			objPanelins.show();
			//gvh.formOnFields($('#'+id), 'inserted');
			gvh.formOnFields(objElemento, 'inserted');
			//gvh.formOnButtons($('#'+idPanel));
			gvh.formOnButtons(objPanel);
			gvh.showConsoleMsg('endGroup');
		}
		
	
		/**
		 * formOnUpdate()
		 * FUNCIÓN: Panel en modo modificación
		 * @access	private
		 * @var objElemento: componente botón que se ha pulsado
		 * @var modo: 'on', 'off'
		 */
		gvh.formOnUpdate = function(objElemento,modo)
		{
			modo = modo || 'on';
			gvh.showConsoleMsg('beginGroup',' ** gvh_panel.js - formOnUpdate() '+objElemento.attr('id')); 
			let id				= objElemento.attr('id');
			let panel 			= objElemento.attr('data-gvhPanelOn');
			let idPanel			= 'P_'+panel;
			let claseManejadora	= objElemento.attr('data-gvhClaseManejadora');
			let objPanel = $('#'+idPanel+'[data-gvhClaseManejadora='+claseManejadora+']');
			let panelJSON		= panel.substring(0,3);
			let raizJSON		= gvh.getRoot(claseManejadora,panelJSON);		
			let numReg 			= gvh.getNumReg(raizJSON);
			let pagActive 		= gvh.getPagActive(raizJSON); 
			let idPaginacion 	= panel + '_paginacion';
			
			let paginador 		= $('#'+idPaginacion).attr( 'data-gvhFunction' );
			if( paginador == 'pagination' )
			{
				$( '#'+idPaginacion ).twbsPagination( {estado:'modificada'} );
			}
			gvh.blockExit( false, 'W', panel, claseManejadora );
			//gvh.formOnFields($('#'+id), 'updated',modo);
			gvh.formOnFields(objElemento, 'updated',modo);
			//gvh.formOnButtons($('#P_'+panel));
			gvh.formOnButtons(objPanel);
			gvh.offTooltipBasic(objElemento,'off');
			gvh.showConsoleMsg('endGroup');
		}
	
	
		/**
		 * formOnDelete()
		 * FUNCIÓN: Panel en modo modificación
		 * @access	private
		 * @var objElemento: componente botón que se ha pulsado
		 */
		gvh.formOnDelete = function(objElemento)
		{
			gvh.showConsoleMsg('beginGroup',' ** gvh_panel.js - formOnDelete() '+objElemento.attr('id')); 
			let id				= objElemento.attr('id');
			let panel 			= objElemento.attr('data-gvhPanelOn');
			let idPanel			= 'P_'+panel;
			let claseManejadora	= objElemento.attr('data-gvhClaseManejadora');
			let objPanel 		= $('#'+idPanel+'[data-gvhClaseManejadora='+claseManejadora+']');
			let panelJSON		= panel.substring(0,3);
			let raizJSON		= gvh.getRoot(claseManejadora,panelJSON);		
			let numReg 			= gvh.getNumReg(raizJSON);
			let pagActive 		= gvh.getPagActive(raizJSON); 
			let idPaginacion 	= panel + '_paginacion';
			
			var paginador 		= $('#'+idPaginacion).attr( 'data-gvhFunction' );
			if( paginador == 'pagination' )
			{
				$( '#'+idPaginacion ).twbsPagination( {estado:'modificada'} );
			}
	
			gvh.blockExit( false, 'W', panel, claseManejadora );
			gvh.formOnFields(objElemento, 'deleted');
			//gvh.formOnButtons($('#P_'+panel));
			gvh.formOnButtons(objPanel);
			gvh.offTooltipBasic(objElemento,'off');
			gvh.showConsoleMsg('endGroup');
		}
	
	} //gvh.Panel
	/* 
 * Codificación UTF-8
 * 
 * FUNCIONES LLAMADAS A OPERACIONES:
 * 	buscar( objElemento )
 * 	guardar( objElemento )
 * 	cancelar( objElemento )
 *  insert( objElemento )
 *  deleted( objElemento )
 *  update( objElemento )
 * 	cancelarVS( objElemento )
 *  okWS()
 * 	aceptarVS( objElemento )
 * 
 * FUNCIONES LLAMADAS A NEGOCIO:
 * 	callControllerJS( objElemento )
 * 	loading( modo, message )
 * 
 * FUNCIONES MENSAJES:
 * 	showMessage( langCod, type, msg )
 * 	showConfirm( id, codigo, descBreve, text, btnOk, btnCancel, destino, panel, claseM, destinoNO )
 * 
 * FUNCIONES CONTROL EVENTOS:
 *  semaforoChange( funcion, objElemento )
 *  
 *  getUrlParameter(sParam)
 *  
 * REVIEW:
 *  getRulesFilter(idFilter, claseM, panel)
 *  createTree(idTree, node, multiple, url, claseM, destino, actualizaA, idForm)
 *  select2.defaults(width, allowClear, closeOnSelect, placeholder, containerCssClass, dropdownCssClass)
 *  validateDate(id, fecha, separador, mascara)
 *  showLinkTree(id,linkRama)
 *  popupwindow()
 */

	/*********************************************
	/ * FUNCIONES LLAMADAS A OPERACIONES														
	/*********************************************/
	
	/**
	* buscar: buscar del panel filtro
	* El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
	* 	-> data-gvhFunction = 'buscar'
	* 	-> data-gvhClaseManejadora
	* 	-> data-gvhDestino
	* 	-> data-gvhPanelOn
	* 	-> data-gvhConfirm
	*  	-> data-gvhNewWindow
	* @access	private
	* @var objElemento: componente botón que se ha pulsado
	*/
	gvh.buscar = function( objElemento ) 
	{
		var idForm  = objElemento.closest( 'form' ).attr( 'id' );
		var panel   = objElemento.attr( 'data-gvhPanelOn' );
		var destino = objElemento.closest( 'form' ).attr( 'action' );
		var claseM  = objElemento.attr( 'data-gvhClaseManejadora' );
		var id      = objElemento.attr( 'id' );
		var destinoLength = objElemento.attr( 'data-gvhDestino' ).length;
		if( destinoLength > 0 )
		{
			destino = objElemento.attr( 'data-gvhDestino' );
		}
		if( objElemento.attr( 'data-gvhConfirm' ) )
		{
			var confirm = objElemento.attr( 'data-gvhConfirm' );
			var vConfirm = confirm.split( '___' );
			//showConfirm() - PARAMS: id, codigo, descBreve, text, btnOk, btnCancel, destino, panel, claseM, destinoNO
			gvh.showConfirm(
				id ,
				vConfirm[0] ,
				desescapeIGEPjs( vConfirm[1] ) ,
				desescapeIGEPjs( vConfirm[2] ) ,
				desescapeIGEPjs( vConfirm[3] ) ,
				desescapeIGEPjs( vConfirm[4] ) ,
				destino ,
				panel ,
				claseM 
			);
		}
		else 
		{
			var idDiv = $( 'div' ).filter(' [data-gvhCWSource=CWFilter] ').attr( 'id' );
			if( idDiv != undefined )
			{
				gvh.getRulesFilter($('#'+idDiv));
			}
			gvh.callControllerJS( objElemento );
		}
	  }
	  
	  /**
	  * guardar: Enviar a negocio los datos del panel para ser guardados
	  * El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
	  * 	-> data-gvhFunction = 'guardar'
	  * 	-> data-gvhClaseManejadora
	  * 	-> data-gvhDestino
	  * 	-> data-gvhPanelOn
	  * 	-> data-gvhConfirm
	  * @access	private
	  * @var objElemento: componente botón que se ha pulsado
	  */
	gvh.guardar = function( objElemento ) 
	{
gvh.showConsoleMsg('log',' *** gvh_functions.js - gvh.guardar() ');
gvh.showConsoleMsg('log',objElemento);
		var accionActivaP = 'accionActivaP_'+objElemento.closest( 'form' ).attr( 'id' );
		var panel = objElemento.attr( 'data-gvhPanelOn' );
		var idGuardar = objElemento.attr( 'id' );
		var claseManejadora = objElemento.attr( 'data-gvhClaseManejadora' );
		//var estadoPanel = $( '#P_'+panel+'[data-gvhClaseManejadora='+claseManejadora+']' ).attr( 'data-gvhestadopanel' );
		var destino = objElemento.closest( 'form' ).attr( 'action' );
		var destinoLength = objElemento.attr( 'data-gvhDestino' ).length;
		if( destinoLength > 0 )
		{
			destino = objElemento.attr( 'data-gvhDestino' );
		}
		var fields = gvh.fieldsRequired(objElemento);
		if( fields != '' ) 
		{
			gvh.showMessage( 'gvhlang_msj901', 'alert', fields );
			return;
		}
		
		// TODO : FALTA data-gvhConfirm con JSON
		var confirm = objElemento.attr( 'data-gvhConfirm' );
		if( (confirm != '') && (confirm != undefined) )
		{
			var vConfirm = confirm.split( '___' );
			var destinoNO = objElemento.attr( 'data-gvhConfirmCancel' );
			//showConfirm() - PARAMS: id, codigo, descBreve, text, btnOk, btnCancel, destino, panel, claseM, destinoNO
			gvh.showConfirm(
				idGuardar , 
				vConfirm[0] ,
				desescapeIGEPjs( vConfirm[1] ) ,
				desescapeIGEPjs( vConfirm[2] ) ,
				desescapeIGEPjs( vConfirm[3] ) ,
				desescapeIGEPjs( vConfirm[4] ) ,
				destino ,
				panel ,
				claseManejadora ,
				destinoNO
			);
		}
		else
		{
			gvh.callControllerJS( objElemento );
		}
	}  
	  
	  /**
	  * cancelar: Cancelar la acción que se haya indicado realizar en el panel
	  * El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
	  * 	-> data-gvhFunction = 'guardar'
	  * 	-> data-gvhClaseManejadora
	  * 	-> data-gvhDestino
	  * 	-> data-gvhPanelOn
	  * 	-> data-gvhConfirm
	  * 	-> data-gvhNewWindow
	  * @access	private
	  * @var objElemento: componente botón que se ha pulsado
	  */
	gvh.cancelar = function( objElemento ) {
		let modo   = 'R';
		let panel  = objElemento.attr( 'data-gvhPanelOn' );
		let claseM = objElemento.attr( 'data-gvhClaseManejadora' );
		
		gvh.blockExit( true, modo, panel, claseM );
		  
		var destino = objElemento.attr( 'data-gvhDestino' );
		if( (destino != 'cancelar') && (destino != '') ) {
			gvh.callControllerJS( objElemento );
		}
		else 
		{
			objElemento.loading( { message: 'Cancelando...' } );
			setTimeout( 'window.top.location.reload()', 100 );
		}
	}
	  
	  /**
	  * insert: Inserción de los datos introducidos en el panel
	  * El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
	  * 	-> data-gvhFunction = 'insert'
	  * 	-> data-gvhClaseManejadora
	  * 	-> data-gvhDestino
	  * 	-> data-gvhPanelOn
	  * 	-> data-gvhPatronPanel
	  * 	-> data-gvhActSobre
	  * @access	private
	  * @var objElemento: componente que lanza el evento de insertar
	  */
	gvh.insert = function( objElemento ) {
gvh.showConsoleMsg('log', ' *** gvh_function.js - insert()' );
		let patronPanel = objElemento.attr( 'data-gvhPatronPanel' );
		let panelOn     = objElemento.attr( 'data-gvhPanelOn' );
		let destino		= objElemento.attr( 'data-gvhDestino' );
		let actuaSobre  = objElemento.attr( 'data-gvhActSobre' );
		let claseM		= objElemento.attr( 'data-gvhClaseManejadora' );
		if( panelOn != 'fil' && panelOn == actuaSobre ) {
			gvh.blockExit( false, 'I', panelOn, claseM );
		}
		switch( patronPanel )
		{
			case 'TR':
				gvh.callControllerJS( objElemento );
			break;
			case 'simple':
			case 'maestro':
			case 'detalle':
				$( 'div[data-gvhpagina=block][data-gvhWindow='+gvh.ambito+']' ).hide();
				if( (panelOn == 'fil') || ((destino != undefined) && (destino != '')) )
				{
					gvh.callControllerJS( objElemento );
				}
				else
				{
					gvh.formOnInsert(objElemento);
				}
			break;
			default:
			break;
		}
	}

	/**
	 * deleted: Eliminar el registro(s) seleccionado(s)
	 * El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
	 * 	-> data-gvhFunction = 'delete'
	 * 	-> data-gvhClaseManejadora
	 * 	-> data-gvhPanelOn
	 * @access	private
	 * @var objElemento: componente que lanza el evento de eliminar
	 */
	gvh.deleted = function( objElemento )
	{
gvh.showConsoleMsg('log', ' *** gvh_function.js - deleted()' );
		let id		  = objElemento.attr( 'id' );
		let claseM 	  = objElemento.attr( 'data-gvhClaseManejadora' );
		let panelOn	  = objElemento.attr( 'data-gvhPanelOn' );
		let panelJSON = panelOn.substr( 0, 3 );
		let raizJSON  = gvh.getRoot( claseM, panelJSON );
		if( panelOn != 'fil' ) {
			gvh.blockExit( false, 'D', panelOn, claseM );
		}
		switch( panelOn )
		{
			case 'lis':
			case 'lisDetalle':
				let vSufijos = [];
				if( $('input:checkbox[id^=checkAll_'+panelOn+']').is(':checked') )
				{
					gvh.formOnDelete( objElemento );
				}
				else
				{
					$( 'input[data-gvhWindow='+gvh.ambito+'][id*=check_'+panelOn+']:checked' ).each( function() 
					{
						let sufijo	   = $(this).attr( 'id' ).split('check_')[1];
						let row 	   = $(this).attr( 'data-gvhRow' );
						let indiceJSON = gvh.indexDataJSON( raizJSON, row );
						let estado 	   = gvh.getStateReg(raizJSON,indiceJSON,'state');
						if( estado == 'nada' ) 
						{
							vSufijos.push( sufijo );
						}
					} );
					if( vSufijos.length > 0 )
					{
						gvh.formOnDelete(objElemento);
					}
					else 
					{
						gvh.showMessage( 'gvhlang_msj16', 'alert' );
					}
				}
			break;
			case 'edi':
			case 'ediDetalle':
				var sufijo = '';
				$( 'div[id*=pag_'+panelOn+'_]' ).each( function()
				{
					if( $(this).is( ':visible' ) )
					{
						sufijo = $(this).attr( 'id' ).substring( 3, objElemento.attr('id').length );
					}
				} );		
				gvh.formOnDelete(objElemento);
			break;
			default:
			break;
		}
	}//gvh.deleted


	/**
	 * update: Modificar el registro(s) seleccionado(s)
	 * El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
	 * 	-> data-gvhFunction = 'update'
	 * 	-> data-gvhClaseManejadora
	 * 	-> data-gvhPanelOn
	 * @access	private
	 * @var objElemento: componente que lanza el evento de update
	 */
	gvh.update = function( objElemento )
	{
gvh.showConsoleMsg('log', ' *** gvh_function.js - update()' );
		let id          = objElemento.attr('id');
		let claseM      = objElemento.attr('data-gvhClaseManejadora');
		let panelOn     = objElemento.attr('data-gvhPanelOn');
		let patronPanel = objElemento.attr('data-gvhPatronPanel');
		let panelJSON   = panelOn.substr(0,3);
		let raizJSON    = gvh.datosJSON[claseM][panelJSON];
		let actuaSobre  = objElemento.attr('data-gvhActSobre');
		/*	if( panelOn != 'fil' && panelOn == actuaSobre ) 
		{
			gvh.blockExit( false, 'W', panelOn, claseM );
		}*/
		switch( panelOn )
		{
			case 'edi':
			case 'ediDetalle':	
				//var sufijo = panelOn+'_0';
				gvh.formOnUpdate(objElemento);
			break;
			case 'lis':
			case 'lisDetalle':	
				if( patronPanel == 'simple' ) // Patrón tabular simple/maestro/detalle
				{
					let vSufijos = [];
					if( $('input:checkbox[data-gvhWindow='+gvh.ambito+'][data-gvhFunction=checkAll]').is(':checked') )
					{
						gvh.formOnUpdate(objElemento);
					}
					else
					{
						$( 'input[data-gvhFunction=checkRow][data-gvhWindow='+gvh.ambito+'][data-gvhPanelOn='+panelOn+']:checked' ).each( function()
						{
							let gvhWindow = objElemento.attr( 'data-gvhWindow' );
							if( gvh.ambito == gvhWindow )
							{
								let sufijo	   = $(this).attr( 'id' ).split('check_')[1];
								let row		   = $(this).attr( 'data-gvhRow' );
								let raizJSON   = gvh.getRoot( claseM, panelJSON );
								let indiceJSON = gvh.indexDataJSON(raizJSON, row );
								let estado 	   = gvh.getStateReg(raizJSON,indiceJSON,'state');
								if( estado == 'nada' ) 
								{
									vSufijos.push( row );
								}
							}
						} );
						if( vSufijos.length > 0 )
						{
							gvh.formOnUpdate(objElemento);
						}
						else {
							gvh.showMessage( 'gvhlang_msj16', 'alert' );
						}
					}
				}
				else if ( patronPanel == 'TR' ) // Patrón Tabular-Registro
				{
					let filaCheck = false;
					$( 'input[data-gvhFunction=checkRow][data-gvhWindow='+gvh.ambito+'][data-gvhPanelOn='+panelOn+']:checked' ).each( function()
					{
						if( $(this).is( ':checked' ) )
						{
							filaCheck = true;
							return false;
						}
					} );
					if( filaCheck )
					{
						gvh.callControllerJS( objElemento );
					}
					else
					{
						gvh.showMessage( 'gvhlang_msj16', 'alert' );
					}
				}
				else 
				{
					gvh.showConsoleMsg('error', ' ¡¡Botón tooltip modificar no definido el tipo de panel!! ' );
				}
			break;
			default:
				gvh.showConsoleMsg('error', ' ¡¡Botón tooltip modificar no asociado a ningún panel!! ' );
			break;
		}
	}//gvh.update
	
	
	
	  /**
	  * cancelarVS: Cancelar la acción de la ventana de selección 
	  * El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
	  * 	-> data-gvhFunction = ['cancelarvs']
	  * 	-> data-gvhClaseManejadora
	  * 	-> data-gvhDestino
	  * 	-> data-gvhPanelOn
	  * 	-> data-gvhConfirm
	  * @access	private
	  * @var objElemento: componente botón que se ha pulsado
	  */
	gvh.cancelarVS = function( objElemento ) 
	{
		let panel = objElemento.attr( 'data-gvhPanelOn' );
		if( objElemento.attr('data-gvhConfirm') )
		{
			let confirm  = objElemento.attr( 'data-gvhConfirm' );		
			let vConfirm = confirm.split( '___' );
			let destino  = objElemento.attr( 'data-gvhDestino' );
			let claseM   = objElemento.attr( 'data-gvhClaseManejadora' );
			let id       = objElemento.attr( 'id' );
			//showConfirm() - PARAMS: id, codigo, descBreve, text, btnOk, btnCancel, destino, panel, claseM, destinoNO			
			gvh.showConfirm( 
				id , 
				vConfirm[0] , 
				desescapeIGEPjs( vConfirm[1] ) , 
				desescapeIGEPjs( vConfirm[2] ) ,
				desescapeIGEPjs( vConfirm[3] ) ,
				desescapeIGEPjs( vConfirm[4] ) ,
				destino ,
				panel ,
				claseM 
			); 
		}
		else
		{
			gvh.dialogWS.modal( 'hide' );
			if( gvh.dialogIdWM.length <= 0 ) {
				gvh.ambito = 'gvhMain';
			} else {
				gvh.ambito = 'gvhModal';
			}
		}
	}
	
	/**
	 * okWS: Aceptar la acción de la ventana de selección
	 * @access	private
	 * @var actionOrigen:
	 * @var fila: 
	 * @var panel: 
	 * @var fieldsSource: 
	 * @var fieldsWS: 
	 * @var claseMO:  
	 */
	gvh.okWS = function(objElemento, actionOrigen, fila, panel, fieldsSource, fieldsWS, claseMO)
	{
		gvh.showConsoleMsg('log','	*** gvh_Function.js - okWS() ');
		// DATOS DE LA VENTANA SELECCIÓN
		// Clase manejadora de ventana selección
		var claseM_WS = objElemento.attr('data-gvhClaseManejadora');
		// Datos JSON de la ventana de selección
		var raizJSON_WS = gvh.getRoot(claseM_WS,'lis');
		var panelJSON = panel.substring(0,3);

		// DATOS DE LA VENTANA PADRE
		// Clase manejadora padre
		var ClaseMPadre = claseMO;
		gvh.showConsoleMsg('log',claseMO);
		var raizJSON = gvh.getRoot(claseMO,panelJSON);
		// Pág activa desde la que se ha invocado la ventana 
		var indiceJSONPadre = 0;
		var regPadre = 0;
		if ((panel == 'lis') || (panel == 'lisDetalle'))
		{
			regPadre = $('#registroOrigen').val();
			var indiceJSONPadre = gvh.indexDataJSON(raizJSON,regPadre);
		}
		// Datos JSON de la ventana padre
		// Estado panel padre, id campo
		var prefijo = "cam___";
		var estado = "updated";
		var modoPanelOn = objElemento.attr('data-gvhModoPanelOn');
		
		if ((modoPanelOn == 'I') && (panel != 'fil'))
		{
			var prefijo = "ins___";
			var estado = "inserted";
			regPadre = raizJSON['panel']['pagActive'];
		};
		
		// Var para marcar el panel como modificado
		var panelModif = false;
		var fieldActualiza = [];		
		// Bucle de los campos a actualizar con los valores de la ventana de selección
		$.each(fieldsSource,function(index,value)
		{
			// Campo ventana padre
			var fSource = fieldsSource[index];
			// Campo ventana de selección
			var fWS = fieldsWS[index];
			// Cálculo del indiceJSON: registro seleccionado
			//var raizJSONWS = gvh.getRoot(claseM_WS,'lis');
			var indiceJSONWS = gvh.indexDataJSON(raizJSON_WS,fila);
			//var indiceJSONWS = gvh.indexDataJSON(claseM_WS,'lis',fila);
			var newVal = gvh.getValue(raizJSON_WS,fWS,indiceJSONWS);
			var idSource = '';
			// Actualización del objeto JSON de datos
			if (gvh.getExistField(raizJSON,fSource,indiceJSONPadre))	
			{
				gvh.setValue(raizJSON,fSource,indiceJSONPadre,newVal);
				if (panelJSON == 'fil')
				{
					idSource = gvh.getIdField(raizJSON,fSource,indiceJSONPadre);
				}
				else {
					idSource = prefijo+fSource+'___'+panel+'_'+regPadre;
				}
				$('#'+idSource+'[data-gvhClaseManejadora='+ClaseMPadre+']').val(newVal);
				gvh.setStateReg(raizJSON,estado,indiceJSONPadre);
				
				if ((panelModif == false) && (panelJSON != 'fil'))
				{
					idSource = gvh.getIdField(raizJSON,fSource,indiceJSONPadre);
					if ($('#'+idSource+'[data-gvhClaseManejadora='+ClaseMPadre+']').attr('readonly'))
					{
						panelModif = true;
					}
				}
				
				var funcion = '';
				if ($('button[id='+value+']').attr('id'))
				{
					funcion = $('button[id='+value+']').attr('data-gvhFunction');  // Botón tooltip "updateField"
				}
				var actualizaA = $('#'+idSource+'[data-gvhClaseManejadora='+ClaseMPadre+']').attr('data-gvhActualizaA');
				if (((actualizaA != 'undefined') && (actualizaA != undefined)) || (funcion == 'updateField'))
				{
					fieldActualiza.push(idSource);
				}
			}
			else {
				gvh.showConsoleMsg('error','¡¡¡ No existe el campo '+fSource+' para la clase manejadora '+claseM_WS);
			}
		});
		if (fieldActualiza.length > 0)
		{
			$.each(fieldActualiza,function(index,value)
			{
				gvh.updateEvent($('#'+value+'[data-gvhClaseManejadora='+ClaseMPadre+']'));
			});
		}
		gvh.dialogWS.modal('hide');
		if (gvh.dialogIdWM.length <= 0)
			gvh.ambito = 'gvhMain';
		else
			gvh.ambito = 'gvhModal';
	}
	  
  /**
   * aceptarVS: Aceptar la acción de la ventana de selección 
   * El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
   * 	-> data-gvhFunction = ['cancelarvs']
   * 	-> data-gvhClaseManejadora
   * 	-> data-gvhDestino
   * 	-> data-gvhPanelOn
   * 	-> data-gvhConfirm
   * @access	private
   * @var objElemento: componente botón que se ha pulsado
   */
	gvh.aceptarVS = function(objElemento ) 
	{
		gvh.showConsoleMsg('log','	*** gvh_Function.js - aceptarVS() ');
		gvh.showConsoleMsg('log',objElemento);
		let panel 		= objElemento.attr( 'data-gvhPanelOn' );
		let panelActua 	= objElemento.attr( 'data-gvhPanelActua' );
		if( objElemento.attr('data-gvhConfirm') )
		{
			let confirm  = objElemento.attr( 'data-gvhConfirm' );
			let vConfirm = confirm.split( '___' );
			let destino  = objElemento.attr( 'data-gvhDestino' );
			let claseM   = objElemento.attr( 'data-gvhClaseManejadora' );
			let id       = objElemento.attr( 'id' );
			//showConfirm() - PARAMS: id, codigo, descBreve, text, btnOk, btnCancel, destino, panel, claseM, destinoNO
			gvh.showConfirm(
				id ,
				vConfirm[0] ,
				desescapeIGEPjs( vConfirm[1] ) ,
				desescapeIGEPjs( vConfirm[2] ) , 
				desescapeIGEPjs( vConfirm[3] ) ,
				desescapeIGEPjs( vConfirm[4] ) ,
				destino ,
				panel ,
				claseM 
			);
		}
		else
		{
			let destino      	= objElemento.attr( 'data-gvhDestino' );
			let fieldsWS     	= objElemento.attr( 'data-gvhFieldsWS' ).split( ',' );
			let fieldsSource 	= objElemento.attr( 'data-gvhFieldsSource' ).split( ',' );
			let action 			= $( '#actionOrigen' ).val();
			let id 				= $( 'input:radio[name=vsRadio]:checked' ).attr( 'id' );
			if( id == undefined )
			{
				$.getJSON( gvh.urlLang, function( data ) {
					let cod     = desescapeIGEPjs( data['gvhlang_msj16']['cod'] );
					let title   = desescapeIGEPjs( data['gvhlang_msj16']['title'] );
					let descrip = desescapeIGEPjs( data['gvhlang_msj16']['descr'] );
				} )
				.done( function() {
					alertify.suggest( cod, title, descrip );
				} );
			}
			else
			{
				let fila = id.split('_')[2]; // check_Tabla1_1
				let modoPanel    = objElemento.attr( 'data-gvhModoPanelOn' );
				let claseMOrigen = objElemento.attr( 'data-gvhClaseMOrigen' );
				gvh.okWS(objElemento, action,fila,panelActua,fieldsSource,fieldsWS,claseMOrigen);
			}
		}
	};
	

	/**********************************
	/ * FUNCIONES LLAMADAS A NEGOCIO														
	/**********************************/
	
	/**
	* callControllerJS: Llamada a negocio con los datos del panel 
	* El elemento necesita tener los siguientes atributos si se crea de forma directa en html:
	* 	-> data-gvhClaseManejadora
	* 	-> data-gvhDestino
	* 	-> data-gvhPanelOn
	* 	-> data-gvhConfirm
	* 	-> data-gvhNewWindow
	* @access	private
	* @var objElemento: componente botón que se ha pulsado
	*/
	gvh.callControllerJS = function( objElemento ) 
	{
gvh.showConsoleMsg('log','	*** gvh_Function.js - callControlerJS()');
		let className = objElemento.attr( 'class' );
		if( className == 'btnTooltip' ) 
		{
			return;
		}
		
		let id           = objElemento.attr( 'id' );
		let claseM       = objElemento.attr( 'data-gvhClaseManejadora' );
		let panel        = objElemento.attr( 'data-gvhPanelOn' );
		let objPanel	 = $('#P_'+panel+'[data-gvhClaseManejadora='+claseM+']');
		let destino      = objElemento.attr( 'data-gvhDestino' );
		let newWindow    = objElemento.attr( 'data-gvhNewWindow' );
		let confirmacion = objElemento.attr( 'data-gvhConfirm' );
		
		// Averiguar si debemos comprobar los datos del formulario 
		let checkForm = false;
		let estado = 'R';
		
		const regex = /^.*checkForm=(0|1|true|false).*$/i;
		let m;
		if( (m = regex.exec(destino)) !== null ) 
		{
			checkForm = m[1];
		}
		checkForm = !(checkForm == false);
		
		// Obtenemos el estado del panel (=lectura/escritura/inserción/...)
		estado = $('#'+gvh.ambito).attr( 'data-gvhEstadoPanel' );
        $( 'div[id^=P_][data-gvhWindow='+gvh.ambito+']' ).map( function()
        {
        	let estadoPanel = $(this).attr( 'data-gvhEstadoPanel' );        	
        	if ( (estadoPanel != 'R') || (estado == undefined) )
        	{
        		estado = estadoPanel;
        	}
        });
        
		// Comprobamos si el panel ha sido modificado
		let changed = false;
		if( objPanel.length > 0 )
		{
			let gvhchanged = objPanel.attr( 'data-gvhchanged' );
			if (typeof gvhchanged !== typeof undefined && gvhchanged !== false) {
				if( gvhchanged == 'true' || gvhchanged == '1' )
				{
					changed = true;					
				}
			}
		}
		//console.log( 'Changed!!! : ' + changed );
		
		if( confirmacion )
		{
			var vConfirm = confirmacion.split( '___' );
			//showConfirm() - PARAMS: id, codigo, descBreve, text, btnOk, btnCancel, destino, panel, claseM, destinoNO
			gvh.showConsoleMsg('log',' ** showConfirm() ');
			gvh.showConsoleMsg('log',' id => '+id);
			gvh.showConsoleMsg('log',' codigo => '+vConfirm[0]);
			gvh.showConsoleMsg('log',' descBreve => '+desescapeIGEPjs( vConfirm[1] ));
			gvh.showConsoleMsg('log',' text => '+desescapeIGEPjs( vConfirm[2] ));
			gvh.showConsoleMsg('log',' btnOk => '+desescapeIGEPjs( vConfirm[3] ));
			gvh.showConsoleMsg('log',' btnCancel => '+desescapeIGEPjs( vConfirm[4] ));
			gvh.showConsoleMsg('log',' destino => '+destino);
			gvh.showConsoleMsg('log',' panel => '+panel);
			gvh.showConsoleMsg('log',' claseM => '+claseM);
			gvh.showConsoleMsg('log',' *********** ');
			gvh.showConfirm(
				id ,
				vConfirm[0] ,
				desescapeIGEPjs( vConfirm[1] ) ,
				desescapeIGEPjs( vConfirm[2] ) ,
				desescapeIGEPjs( vConfirm[3] ) ,
				desescapeIGEPjs( vConfirm[4] ) ,
				destino ,
				panel , 
				claseM
			);
		}
		//else if( estado == 'R' || !changed || !checkForm )
		else
		{
			objElemento.controllerJS( {
				id:        id ,
				claseM:    claseM ,
				panel:     panel ,
				destino:   destino ,
				newWindow: newWindow ,
				confirm:   '' ,
				message:   'cargando'
			} );
			//gvh.controllerJS(id, panel, destino, claseM, newWindow, '', 'cargando');
		}
		/*else
		{	
			console.error( '  ¡¡¡ El panel está en modo activo (W/I) hay que acabar la acción o cancelarla para poder cambiar de panel!!! ' );
			gvh.showMessage( 'gvhlang_msjUI', 'alert' );
		}*/
	}
	
	/**
	* loading: Muestra el cargando
	* @access	private
	* @var modo: activar o desactivar ['on'|'off']
	* @var message: cadena de texto si se quiere particularizar el mensaje "cargando"
	*/
	gvh.loading = function( modo, message )
	{
		if( modo != 'on' )
		{
			$( '#load-cover' ).hide();
			$( '#load' ).hide();
			$( '#load-cover' ).remove();
			$( '#load' ).remove();
			
			return;
		}
		
		if( $('#load-cover').length > 0 )
		{
			$( '#load-cover' ).show();
			$( '#load' ).show();
			return;
		}
		
		var elCover = document.createElement( "div" );
		elCover.setAttribute( "id", "load-cover" );
		elCover.className = "load-cover";
		document.body.appendChild( elCover );
			
		var elLoad = document.createElement( "section" );
		elLoad.setAttribute( "id", "load" );
		elLoad.className = "";
		document.body.appendChild( elLoad );
		
		var contenido = '<div id="loading">';
		contenido += '<ul class="bokeh">';
		contenido += '<li></li><li></li><li></li><li></li><li></li><li></li>';
		contenido += '</ul>';
		if( (message == '') || (message == undefined) )
		{
			message = desescapeIGEPjs( gvh.msgLoad );
		} else {
			message = desescapeIGEPjs( message) ;
		}
		contenido += '<span class="msg">' + message + '</span>';
		contenido += '</div>';
		$('#load').html( contenido );
	}
	
	

	/***********************
	/ * FUNCIONES MENSAJES														
	/***********************/
	/**
	 * showMessage: Muestra un mensaje con el texto del fichero json que corresponda (esp.json|val.json|eng.json) de igep
	 * @access	private
	 * @var langCod: Código del mensaje a mostrar (ej. gvhlang_msjUI)
	 * @var type: tipo de menssaje a mostrar ['alert'|'error'|'suggest']
	 * @var msg: texto que complementa al mensaje definido en el fichero json
	 */
	gvh.showMessage = function( langCod, type, msg )
	{
		gvh.showConsoleMsg('log', ' *** showMessage() -> '+type );
		
		// Mostramos el progreso
		Pace.restart();
		document.body.className = document.body.className; // Forzamos a actualizar la interfaz
		$.ajax( {
			url:      gvh.urlLang ,
			dataType: 'json',
			async:    false ,
			type:     'post' ,
			success:  function( data ) {
				var cod     = desescapeIGEPjs( data[langCod]['cod'] );
				var title   = desescapeIGEPjs( data[langCod]['title'] );
				var descrip = desescapeIGEPjs( data[langCod]['descr'] );
				if( (msg) && (msg != '') )
				{
					descrip += '<br>'+msg;
				}
				switch( type )
				{
					case 'alert':
						alertify.alert( cod, title, descrip );
					break;
					case 'error':
						alertify.error( cod, title, descrip );
					break;
					case 'suggest':
						alertify.suggest( cod, title, descrip );
					break;
				}
			},
			error:  function ( jqXHR, textStatus, errorThrown ) {
				alert( jqXHR );
			}
		} );		
	}
	
	
	/**
	 * showConfirm()
	 * FUNCIÓN: mostrar mensaje de confirmación
	 * defaults:	id - del botón para el que se van a activar los campos
	 * 		 	codigo - código del mensaje (ej. APL-1)
	 * 			descBreve - descripción breve de la cabecera
	 * 			text - texto del cuerpo del mensaje
	 * 			btnOk - texto del botón OK
	 * 			btnCancel - texto del botón Cancelar
	 */
	gvh.showConfirm = function( 
		id, codigo, descBreve, text, btnOk, btnCancel, 
		destino, panel, claseM, destinoNO
	) {
		alertify.set( {
			labels : {
				ok     : btnOk ,
				cancel : btnCancel
			}
		} );
		alertify.confirm( 
			codigo,  descBreve, text, 
			function( e ) {
				if( e ) {
					$(this).controllerJS( {
						id:        id ,
						panel:     panel ,
						destino:   destino ,
						newWindow: 'false' ,
						confirm:   '' ,
						claseM:    claseM ,
						message:   gvh.msgLoad
					} );
					//gvh.controllerJS(id, panel, destino, claseM, 'false', '', gvh.msgLoad);
				}
				else 
				{
					$(this).controllerJS( {
						id:        id ,
						panel:     panel ,
						destino:   destinoNO ,
						newWindow: 'false' ,
						confirm:   '' , 
						claseM:    claseM ,
						message:   gvh.msgLoad
					} );
					//gvh.controllerJS(id, panel, destinoNO, claseM, 'false', '', gvh.msgLoad);
				}
			} , 
			'Default Value'
		);
	}
		

	/****************************************
	/ * FUNCIONES CONTROL SECUENCIA EVENTOS														
	/****************************************/
		
	/**
	 * semaforoChange: Método que activa eventos y los vuelve a activar para evitar la propagación de eventos en el dom
	 * @access	private
	 * @var objElemento: elemento que lanza el cambio y es necesaria evitar la propagación
	 */
	gvh.semaforoChange = function( funcion, objElemento )
	{
		objElemento.off( 'change', $.fn.funcion );
		gvh.changeField( objElemento );
		objElemento.on( 'change', $.fn.funcion );
	}	
	
	
	
	/*gvh.getUrlParameter = function(sParam) {
	    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
	        sURLVariables = sPageURL.split('&'),
	        sParameterName,
	        i;

	    for (i = 0; i < sURLVariables.length; i++) {
	        sParameterName = sURLVariables[i].split('=');

	        if (sParameterName[0] === sParam) {
	            return sParameterName[1] === undefined ? true : sParameterName[1];
	        }
	    }
	};*/
	

	/***********
	/ * REVIEW														
	/***********/
	/**
	 * getRulesFilter()
	 * FUNCIÓN: Parsea los parámetros introducidos en el filtro avanzado en formato JSON y SQL para guardarlos en gvh.datosJSON
	   * @access	private
	   * @var filter: objeto filtro
	 */
	gvh.getRulesFilter = function(filter) 
	{    	
    	var claseM = filter.attr('data-gvhClaseManejadora');
    	var panel = filter.attr('data-gvhPanelOn');
    	var idFilteer = filter.attr('id');
    	
    	//JSON
    	resultado = filter.queryBuilder('getRules', {
			get_flags: true,
			skip_empty: true
			}
    	);
gvh.showConsoleMsg('log',resultado);
gvh.showConsoleMsg('log',resultado['rules']);
    	resultParseJSON = JSON.stringify(resultado, undefined, 2);
gvh.showConsoleMsg('log','parseJSON: '+resultParseJSON);    	
    	
    	// SQL
    	parseSQL = '';
    	if (resultado['rules'].length > 0)
    	{
    		resultParseSQL = filter.queryBuilder('getSQL', false, false);
    		parseSQL = resultParseSQL.sql + (resultParseSQL.params ? '\n\n' + JSON.stringify(resultParseSQL.params, undefined, 2) : '');
gvh.showConsoleMsg('log','parseSQL: '+parseSQL);
    	}

		panelJSON = filter.attr('data-gvhPanelJSON');
		raizJSON = gvh.datosJSON[claseM][panelJSON];
		if (panelJSON == 'fil')
		{
			raizJSON['data'][0]['gvhJS_fields'][idFilter]['rules'] = resultParseJSON;
			raizJSON['data'][0]['gvhJS_fields'][idFilter]['rulesSQL'] = parseSQL;
		}
gvh.showConsoleMsg('log',raizJSON);
	}

	/**
	 * createTree()
	 * FUNCIÓN: Crea un árbol jquery con el plugin jstree
	   * @access	private
	   * @var objTree: objeto árbol
	   * @var node: 
	   * @var multiple: selección múltiples valores
	   * @var url
	   *  
	 */
	gvh.createTree = function(objTree, node, multiple, url)
	{
		var claseM = objTree.attr('data-gvhClaseManejadora');
		var panel = objTree.attr('data-gvhPanelOn');
		var actualizaA = objTree.attr('data-gvhActualizaA');
		var idTree = objTree.attr('id');
		var idForm = objTree.closest('form').attr('id');
		
		if (multiple == "true")
			var multiple = true;
		else
			var multiple = false;
		
		// Comprobar si existe la variable gvh.datosJSON	
		var raizJSON = gvh.datosJSON[claseM][panel];
		var data = [];
		if (raizJSON['gvhJSON'] == 'false')
		{
			var data = JSON.stringify($("#"+idForm).serialize());
			var url = url;
		}
		else {
			var data = gvh.datosJSON;
			var url = url+"&gvhcache=true&claseManejadora="+claseM+"&gvhpanel="+panel;
		}
		gvh.showConsoleMsg('log',data);
		
		$('#'+idTree).jstree({
			"types" : {
				"default" : {
					"icon" : "glyphicon glyphicon-flash"
				  },
				"root" : {
					"icon" : "fa fa-chevron-down"
				  },
				"users" : {
					"icon" : "fa fa-users"
				  },
				"volley" : {
					"icon" : "fa fa-anchor"
				  },		
				"ciclismo" : {
					"icon" : "fa fa-bicycle"
				  },		
				"child" : {
					"icon" : "fa fa-child"
				  }				  
			},
			"core" : {
				"multiple": multiple,
				"checkbox": true,
				"ajax": true,
				"worker": true,
				"data": {
					"url": url,
					//"url": "phrame.php?action=TreeSelector__treeAjax",
					"data": function(data) {
						gvh.showConsoleMsg('log','data '+data);
						//json = node;					
						return data;//{ "id" : node.id, "nodo": node };
					},
					"success": function (node) {
						gvh.showConsoleMsg('log','success '+node);
					},
					/*'data': function(node) {
						gvh.showConsoleMsg('log','getJSONData '+node);
						json = node;					
						return { "id" : node.id, "nodo": node };
					}*/
					"search": {
						"case_insensitive": true,
			            "ajax" : {
			            	"url": "phrame.php?action=TreeSelector__treeAjax&value=search",
			                'dataType': 'json',
			                'type': 'POST',
			            	"data": function (node) {
			                	gvh.showConsoleMsg('log','search '+node.id)
			                    return { "id": node.id };
			                }
			             }
					},
				},
				"themes": {
					'name': 'proton',
					'responsive': true
				},
			},
			/*"changed": function (e, data) {
			    gvh.showConsoleMsg('log',"Nodo seleccionado:");
			    selectedNodes = data.selected;
			    if (selectedNodes.length > 0)
			    {
			    	$.each(selectedNodes, function( index, value ) {
			    	  gvh.showConsoleMsg('log',value.id+' '+value.text);
			    	});
			    }
			    else {
			    	gvh.showConsoleMsg('log','no hay seleccionados');
			    }
			}, 
			"search": {
				"case_insensitive": true,
	            "ajax" : {
	            	"url": "phrame.php?action=TreeSelector__treeAjax&value=search",
	                'dataType': 'json',
	                'type': 'POST',
	            	"data": function (node) {
	                	gvh.showConsoleMsg('log','search '+node.id)
	                    return { "id": node.id };
	                }
	             }
			},*/
	        "plugins" : [ "types", "wholerow", "search", "themes", "html_data", "checkbox", "sort", "ui" ]
		});
	}
	
	
	/** 
	 * validateDate()
	 * FUNCIӓN: Comprobar que la fecha sea correcta
	 * defaults: 	fecha - fecha introducida 
	 * 			separador 
	 */
	gvh.validateDate = function(id,fecha,separador,mascara)
	{
		separador 	= separador || '/';
		mascara 	= mascara || 'dd/mm/yyyy';
		let dateDDMMYYYRegex;
		
		if (mascara.indexOf('/') != -1)
		{
			separador = '/';
		}
		if (mascara.indexOf('-') != -1)
		{
			separador = '-';
		}
		if ((mascara == 'dd/mm/yyyy') || (mascara == 'dd-mm-yyyy'))
		{
			dateDDMMYYYRegex = /^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.](18|19|20)\d\d$/;
		}
		if ((mascara == 'mm/dd/yyyy') || (mascara == 'mm-dd-yyyy'))
		{
			dateDDMMYYYRegex = /^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.](18|19|20)\d\d$/;
		}
		
		if( fecha != '' )
		{
			let error;
			
			correcto = fecha.match( dateDDMMYYYRegex );
			if( correcto )
			{
				fecha = fecha.split( separador );
				dia = fecha[0];
				mes = fecha[1];
				anio = fecha[2];
				error = 0;
				if ((mes==4 || mes==6 || mes==9 || mes==11) && dia==31)
				{
					correcto = false;
				}
				if (mes == 2) // bisiesto
				{ 
					let bisiesto = (anio % 4 == 0 && (anio % 100 != 0 || anio % 400 == 0));
					if (dia > 29 || (dia==29 && !bisiesto))
					{
						correcto = false;
					}
				}
			}				
			
			if( !correcto )
			{
				gvh.showMessage('gvhlang_msj900','error');
				$('#'+id).val('');
			}
			return correcto;
		}
	}; //gvh.validateDate
	

	/**
	 * showLinkTree()
	 * FUNCIӓN: mostrar la opción del árbol 
	 * 
	 */
	//var cont = 0;
	gvh.showLinkTree = function(id,linkRama)
	{		
gvh.showConsoleMsg('log',' ** gvh_funcionesPaneles.js - showLinkTree() ');
		if( linkRama != '' )
		{
			gvh.showConsoleMsg('log','Llamada ajax para mostrar el panel '+linkRama);
			Pace.restart();
			document.body.className = document.body.className; // Forzamos a actualizar la interfaz
			let rspPhrame;
			$.ajax( {
				//data: data,
				type: "POST",
				cache: false,    
				url: linkRama,
				beforeSend: function() {
	gvh.showConsoleMsg('log','	... Beforesend ...');
					gvh.loading('on');	
				},
				success: function(response) {
	gvh.showConsoleMsg('log','	... Success: '+response);
					rspPhrame = $.parseJSON(response);
					window.location.href = decodeURIComponent(rspPhrame.path);
				},
				error:function( jqXHR, textStatus, errorThrown ) {
	gvh.showConsoleMsg('log','	... # ERROR showLinkTree');							
				},
			    complete:function( jqXHR, textStatus, errorThrown ) {
					gvh.showConsoleMsg('log','	... # COMPLETE showLinkTree');
					gvh.loading('off');
				}
			} );
		}
	}; //gvh.showLinkTre
	
	/**
	 * popupWindow()
	 * FUNCIÓN: Abrir una ventana emergente como respuesta a evento sobre el DOM
	 */
	gvh.popupWindow = function( instanceSettings )
	{
gvh.showConsoleMsg('log',' REVIEW: popupWindow() - gvh_funciones.js');
gvh.showConsoleMsg('log',instanceSettings);
		let defaultSettings = {
			centerBrowser:0, // center window over browser window? {1 (YES) or 0 (NO)}. overrides top and left
			centerScreen:0, // center window over entire screen? {1 (YES) or 0 (NO)}. overrides top and left
			height:500, // sets the height in pixels of the window.
			left:0, // left position when the window appears.
			location:0, // determines whether the address bar is displayed {1 (YES) or 0 (NO)}.
			menubar:0, // determines whether the menu bar is displayed {1 (YES) or 0 (NO)}.
			resizable:0, // whether the window can be resized {1 (YES) or 0 (NO)}. Can also be overloaded using resizable.
			scrollbars:0, // determines whether scrollbars appear on the window {1 (YES) or 0 (NO)}.
			status:0, // whether a status line appears at the bottom of the window {1 (YES) or 0 (NO)}.
			width:500, // sets the width in pixels of the window.
			windowName:null, // name of window set from the name attribute of the element that invokes the click
			windowURL:null, // url used for the popup
			top:0, // top position when the window appears.
			toolbar:0 // determines whether a toolbar (includes the forward and back buttons) is displayed {1 (YES) or 0 (NO)}.
		};

		gvh.loading( 'off' );	
		//settings = $.extend({}, defaultSettings, instanceSettings || {});
		let height = instanceSettings.height;
		let width = instanceSettings.width;
		if( instanceSettings.height == '' )
		{
			height = 500;
		}
		if( instanceSettings.width == '' )
		{
			width = 500;
		}
		let windowFeatures = 'height=' + height +
							 ',width=' + width +
							 ',toolbar=' + defaultSettings.toolbar +
							 ',scrollbars=' + defaultSettings.scrollbars +
							 ',status=' + defaultSettings.status + 
							 ',resizable=' + defaultSettings.resizable +
							 ',location=' + defaultSettings.location +
							 ',menuBar=' + defaultSettings.menubar;
		let centeredY, centeredX;
		if(instanceSettings.centerBrowser)
		{
			if ($.browser.msie) 
			{//hacked together for IE browsers
				centeredY = (window.screenTop - 120) + ((((document.documentElement.clientHeight + 120)/2) - (height/2)));
				centeredX = window.screenLeft + ((((document.body.offsetWidth + 20)/2) - (width/2)));
			}
			else
			{						
				centeredY = window.screenY + (((window.outerHeight/2) - (height/2)));
				centeredX = window.screenX + (((window.outerWidth/2) - (width/2)));
			}
			window.open(instanceSettings.windowURL, instanceSettings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
		}
		else if(instanceSettings.centerScreen)
		{
			centeredY = (screen.height - height)/2;
			centeredX = (screen.width - width)/2;
			window.open(instanceSettings.windowURL, instanceSettings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
		}
		else
		{
			window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + defaultSettings.left +',top=' + defaultSettings.top).focus();	
		}
		return false;	
	}; //gvh.popupWindow

	// Configuración de parámetros de listas select2
	gvh.configParamsSelect2 = function( objElemento )
	{
		/*var placeholderTXT = '...';
		$.getJSON(gvh.urlLang,  function(data)
		{
			placeholderTXT = desescapeIGEPjs(data['gvhlang_placeHolderList']);
		});*/		

		/*width: 'auto',
		closeOnSelect: true, 
		placeholder: 'Selecciona una opción',
		allowClear: true,
		minimumResultsForSearch: 15, 
		containerCssClass: 'tpx-select2-container',
		dropdownCssClass: 'tpx-select2-drop'*/		
		
		if (objElemento.attr('id') != undefined)
		{
			var gvhclear = '';
			var clear = objElemento.attr('data-gvhAllowClear');
			if (clear != '')
				var gvhclear = 'allowClear: '+clear;
			var minim = objElemento.attr('data-gvhMinimResult');
			var multiple = "false";
			var esMultiple = objElemento.attr('multiple');
			if (esMultiple == 'multiple')
			{
				multiple = "true";
			}
			var configParams = {
				placeholder: '...',
				multiple: multiple,
				width: 'auto',
				dropdownAutoWidth : 'true'
			};
			return configParams;
		}
		/*
			var minim = $('#'+defaults.id).attr('data-gvhMinimResult');			
			var configParams = {
				minimumResultsForSearch: minim
			};
		}*/
	};/* 
 * Codificación UTF-8
 * Funciones para trabajar con paneles tabulares
 *
 * FUNCIONES: 
 *  - deselectAllCheckTable(claseManejadora)
 *  - checkUnique(id, fila, json, claseManejadora, panel)
 *  - checkRow(id, fila, check, panel, type, claseM)
 *  - onRowEvent(e, idButton)
 *  - performSelectAction( options:{claseManejadora , panelOn, accion} )
 *  - clickedMulticheckerOption( e )
 *  - updatePositionMulticheckerOption( e )
 *  - clickedCheckAll( e )
 */
	
	if( !gvh.Table || gvh.versionCompare(gvh.Table.VERSION, gvh.VERSION) < 0 )
	{
		gvh.showConsoleMsg( 'log', 'gvh.Table : Inicializando...' );
		
		gvh.Table = function()
		{
			// REVIEW : De momento está vacío, pero debería convertirse en un componente.
			// NOP : No hacer nada
		}
		
		gvh.Table.VERSION = '5.0.0';
	
		/**
		 * FUNCIÓN: deselectCheckTable()
		 */
		//$.fn.deselectAllCheckTable = function( options )
		gvh.deselectAllCheckTable = function(claseManejadora, panel)
		{			
			let raizJSON = gvh.getRoot( claseManejadora, 'lis') ;
			let numReg = gvh.getNumReg( raizJSON );
			for( let i=0; i<numReg; i++ )
			{
				$('tr[id='+panel+'_'+i+']').attr( 'data-gvhStateRow', 'nada' );
				gvh.setSelectedReg( raizJSON, i, 'sub' );
			};		
	
			$('input:checkbox[id^=check_]').filter('[data-gvhPanelOn='+panel+']').filter('[data-gvhClaseManejadora='+claseManejadora+']').each( function()
			{
				$(this).prop( 'checked', false );
				$(this).closest('tr').removeClass( 'rowOn' );
			} );
		}//$.fn.deselectAllCheckTable
	
		/**
		 * FUNCIÓN: checkUnique()
		 */
		gvh.checkUnique = function(id, fila, claseManejadora, panel, indiceJSON)
		{
gvh.showConsoleMsg('log',' *** checkUnique() '+id);
			let gvhWindow = $('#'+id+'[data-gvhClaseManejadora='+claseManejadora+']').attr( 'data-gvhWindow' );
			if( gvhWindow != gvh.ambito )
			{
				return;
			}
			
			if( panel == 'lis' || panel == 'lisDetalle' )
			{
				gvh.deselectAllCheckTable(claseManejadora, panel);
				let raizJSON   = gvh.getRoot( claseManejadora, 'lis' );
				if( indiceJSON == '' )
				{
					indiceJSON = gvh.indexDataJSON( raizJSON, fila );
				};
				$('#'+id).prop( 'checked', true );
				$('tr[id='+panel+'_'+indiceJSON+'][data-gvhClaseManejadora='+claseManejadora+']').attr( 'data-gvhStateRow', 'selected' );
				gvh.setSelectedReg( raizJSON, indiceJSON, 'add' );				
			}
		}//$.fn.checkUnique

		/**
		 * FUNCIÓN: checkRow()
		 */
		gvh.checkRow = function( id, fila, check, panel, type, claseM)
		{
gvh.showConsoleMsg( 'log', ' *** checkRow() ' + id );
			let raizJSON   = gvh.getRoot( claseM, 'lis' );
			let indiceJSON = gvh.indexDataJSON( raizJSON, fila );
			//let indiceJSON = gvh.indexDataJSON( claseM, panel, fila );
			//let gvhWindow  = $( '#'+id+'[data-gvhClaseManejadora='+claseM+']' ).attr( 'data-gvhWindow' );
			let rowChecked = $( '#'+id+'[data-gvhClaseManejadora='+claseM+']' );
			if( type == 'unique' )
			{
				gvh.checkUnique(id, fila, claseM, panel, indiceJSON);
			}
			else
			{
gvh.showConsoleMsg( 'log', claseM );
gvh.showConsoleMsg( 'log', gvh.datosJSON );
				if( check == 'selected' )
				{
					rowChecked.closest("tr").addClass( 'rowOn' );	
					rowChecked.prop( 'checked', true );
				}
				else
				{
					rowChecked.closest("tr").removeClass( 'rowOn' );
					gvh.setStateReg( raizJSON, 'nada', indiceJSON );
				}
				$('tr[id='+panel+'_'+indiceJSON+'][data-gvhClaseManejadora='+claseM+']').attr( 'data-gvhStateRow', (check == 'selected' ? 'selected' : 'nada') );
				gvh.setSelectedReg( raizJSON, indiceJSON, (check == 'selected' ? 'add' : 'sub') );
			}
			
			// TODO : Debería actualizarse el estado del 'checkAll' de la tabla, para mostrar si todos los checkbox están marcados, si ninguno está marcado, o si solo alguno lo está.
		}//$.fn.checkRow

	
		/**
		 * FUNCIÓN: onRowEvent()
		 * Al dispararse el evento en una fila de una tabla, ejecuta la acción asociada al botón deseado para dicha fila.
		 */
		$.fn.onRowEvent = function( e, idButton ) 
		{
		    // Comprobamos que no estamos pulsando en la celda del checkbox de selección de fila 
			let target = $( e.target );
			if( target.closest('[data-gvhfunction=checkRow]').length > 0 
				|| target.is('[data-gvhfunction=checkRow]') ) 
			{
				return;
			}
			
			let id     = $(this).closest( '[data-gvhtable=DataTable]' ).attr( 'id' );
			let panel  = $(this).attr( 'data-gvhpanelon' );
			let claseM = $(this).attr( 'data-gvhClaseManejadora' );
			
			let tr = $( e.target ).closest( 'tr[data-gvhpaneljson=lis]' );
			if( tr )
			{
				let checkbox = tr.find( '[data-gvhfunction=checkRow]');
				if( checkbox )
				{
					if( !checkbox.is(':checked') )
					{
						checkbox.click();
					}
					$( '[data-gvhclasemanejadora='+claseM+'] #'+idButton ).click();
				}
			}
			
			return false;
		}//$.fn.onRowEvent
	
		
		/**
		 * FUNCIÓN: performSelectAction()
		 * Des/selecciona las filas de una tabla (y marca/desmarca sus checkbox correspondiente) de acuerdo a la acción pasada como parámetro. 
		 */
		gvh.Table.performSelectAction = function( params )
		{
			gvh.showConsoleMsg( 'log', 'performSelectAction : ' + params.accion + ' on ' + params.claseManejadora + '[' + params.panelOn + '/' + params.panelJSON + ']');
		
			// Combinamos los parámetros con los valores por defecto.
			params = $.extend( {
				claseManejadora:	'' ,
				panelOn:			'' ,
				panelJSON:			'' ,
				accion:				''
			}, params );
			
			if( !params.panelJSON )
			{
				params.panelJSON = params.panelOn.substring( 0, 3 );			
			}
			let raizJSON  = gvh.getRoot( params.claseManejadora, params.panelJSON );
			let numReg	  = gvh.getNumReg( raizJSON );
			let rowsPag   = gvh.getRowsPag( raizJSON );
			let pagActive = gvh.getPagActive( raizJSON );
			
			//
			// Establecemos el bloque de filas a actualizar su estado de seleccionado.
			//
			let bloque    = [];
			switch( params.accion )
			{
				case 'selectAll' :
				case 'unselectAll' :
				case 'invert' :
					bloque['ini'] = 0;
					bloque['fin'] = numReg-1;
					break;
					
				case 'selectPage' :
					bloque = gvh.blockRegPagina( raizJSON, pagActive );
					bloque['fin'] = Math.min( bloque['fin'], numReg-1 );
					break;
			}
			
			//
			// Actualizamos el estado interno de selección de las filas correspondientes.
			//
			let checked;
			let row;
			for( row=bloque['ini']; row<=bloque['fin']; row++ )
			{
				let checkedInitial = (raizJSON['data'][row]['gvhJS_selected'] == 'selected');
				
				// Realizamos la acción deseada sobre el valor del check.
				switch( params.accion )
				{ 
					case 'selectAll' :
						checked = true;
						break;
						
					case 'unselectAll' :
						checked = false;
						break;
						
					case 'invert' :
						checked = ( !checkedInitial );
						break;
						
					case 'selectPage':
						let pagActual = Math.floor( row/rowsPag );
						if( pagActual == pagActive )
						{
							checked = true;
						}
						break;	
				}
				
				if( checked != checkedInitial )
				{
					// Des/seleccionamos la fila actual en la matriz de datos JSON.
					let operacion = ( checked ? 'add' : 'sub' );
					gvh.setSelectedReg( raizJSON, row, operacion );
				}
			}
			
			//
			// Actualizamos la interfaz, para mostrar el estado de la selección de todas las filas.
			//
			let numChecked = 0;
			for( row=0; row<=numReg; row++ )
			{
				let pagActual = Math.floor( row/rowsPag );
				
				checked = (raizJSON['data'][row]['gvhJS_selected'] == 'selected');
				let stateRow  = ( checked ? 'selected' : 'nada' );
				
				if( checked ) {
					numChecked++;
				}
				
				if( pagActual == pagActive )
				{
					let filaEnPagina = row%rowsPag;
					
					// Des/Marcamos como seleccionada la fila actual.
					let tr = $( 'tr[id='+params.panelOn+'_'+filaEnPagina+'][data-gvhClaseManejadora='+params.claseManejadora+']' );
					tr.attr( 'data-gvhStateRow', stateRow ) 
					if( checked )
					{ 
						tr.addClass( 'rowOn' );
					}
					else
					{
						tr.removeClass( 'rowOn' );
					}
					
					// Des/Marcamos el checkbox de la fila actual.	
					tr.find( 'input:checkbox[data-gvhClaseManejadora='+params.claseManejadora+'][data-gvhFunction=checkRow][data-gvhRow='+filaEnPagina+']' ).prop( 'checked', checked );
				}
			}
			
			//
			// Actualizamos el estado de la casilla 'checkAll' de la tabla, de acuerdo a si están seleccionadas todas las filas o no.
			//
			let checkedAll = (numChecked == 0 ? false : (numChecked == numReg) ? true : null);
			if( checkedAll !== null )
			{
				$( 'input:checkbox[data-gvhFunction=checkAll][data-gvhClaseManejadora='+params.claseManejadora+']' ).prop( 'checked', checkedAll );
			}
		}//gvh.Table.performSelectAction
	
		
		/**
		 * click: multi-checker
		 */
		gvh.Table.clickedMulticheckerOption = function( e )
		{
			gvh.Table.performSelectAction(
			{
				claseManejadora: $(this).closest('[data-gvhClaseManejadora]').attr( 'data-gvhClaseManejadora' ) ,
				panelOn:		 $(this).closest('[data-gvhpanelon]').attr( 'data-gvhpanelon' ) ,
				panelJSON:		 $(this).closest('[data-gvhpaneljson]').attr( 'data-gvhpaneljson' ) ,
				accion:			 $(this).attr( 'data-gvhMultiChecker' )
			} );
			
			// Devolvemos el foco al botón que abre el desplegable.
			let target = $(this).closest( '[data-target]' ).attr( 'data-target' );
			$(target).find( '[data-toggle="dropdown"]' ).focus();
		}//gvh.Table.clickedMulticheckerOption
	
		$(document).off('click.multi-checker').on( 'click.multi-checker', '[data-gvhMultiChecker]', gvh.Table.clickedMulticheckerOption );
		
		/**
		 * 
		 */
		gvh.Table.updatePositionMulticheckerOption = function( e )
		{
			if( gvh.checkAllMultiSelectDropdownMenu )
			{
				let dataTarget = $( gvh.checkAllMultiSelectDropdownMenu.attr('data-target') );
				if( dataTarget )
				{
					// grab the new offset position
					var eOffset = $( dataTarget ) .offset();
	
					// make sure to place it where it would normally go (this could be improved)
					gvh.checkAllMultiSelectDropdownMenu.css( {
						'display':	'block' ,
						'top':		eOffset.top + dataTarget.outerHeight() ,
						'left':		eOffset.left
					} );
				}
			}
		}//gvh.Table.updatePositionMulticheckerOption
		
		/**
		 * Para que el desplegable del checkAll se muestre completamente cuando está en una 'table-responsive' 
		 */
		$(document).offon( 'show.bs.dropdown hide.bs.dropdown', '.table-responsive .multi-checker', function (e)
		{
			// NOTA : SE ha modificado el comportamiento de 'bootstrap.js->Dropdown.prototype.keydown
			if( e.type == 'show')
			{
		        // grab the menu
				if( gvh.checkAllMultiSelectDropdownMenu ) gvh.checkAllMultiSelectDropdownMenu.detach();
				gvh.checkAllMultiSelectDropdownMenu = $(e.target).find('.dropdown-menu');
				
		        // locate nearest container: gvhModal or gvhPage
				let container = $(e.target).closest( '.gvhModal , #gvhPage' );
				// update zIndex based on nearest container
				gvh.checkAllMultiSelectDropdownMenu.css('z-index', container.css('z-index') + 1000); // 1000 = $zindex-dropdown de Bootstrap
				// detach it and append it to the body
				$( 'body' ).append( gvh.checkAllMultiSelectDropdownMenu.detach() );
		        
				gvh.Table.updatePositionMulticheckerOption();
				
		        // on resize, update absolute position
		        //$(document).on( 'resizeEnd.checkAllMultiSelectDropdownMenu', gvh.resizeEnd_checkAllMultiSelectDropdownMenu );
		        
		        gvh.checkAllMultiSelectDropdownMenu.focus();
			}
			else // 'hide'
			{
				$(e.target).append( gvh.checkAllMultiSelectDropdownMenu.detach() );
				gvh.checkAllMultiSelectDropdownMenu.hide();
				
				// disable on resize event
				//$(document).off( 'resizeEnd.checkAllMultiSelectDropdownMenu' );
				
				delete gvh.checkAllMultiSelectDropdownMenu;	
			}
		} );
		
		/**
		 * Para que al redimensionar la ventana se actualice la posición absoluta del desplegable del checkAll activo.
		 */
		$(document).off( 'resizeEnd.checkAllMultiSelectDropdownMenu' ).on( 'resizeEnd.checkAllMultiSelectDropdownMenu', function( e )
		{
			gvh.Table.updatePositionMulticheckerOption();
		} );
		
		
		/**
		 * Para que al hacer scroll en una ventana modal se actualice la posición absoluta del desplegable del checkAll activo.
		 */
		$(document).on( 'shown.bs.modal', function()
		{
			$('.modal-open .modal').off( 'scroll.checkAllMultiSelectDropdownMenu').on( 'scroll.checkAllMultiSelectDropdownMenu', function( e )
			{
				gvh.Table.updatePositionMulticheckerOption();
			} );
		} );
	
		/**
		 * click: check general 
		 */
		gvh.Table.clickedCheckAll = function( e )
		{
			let checked = $(this).is( ':checked' );
			let accion  = (checked ? 'selectAll' : 'unselectAll'); 
			
			gvh.Table.performSelectAction(
			{
				claseManejadora: $(this).closest('[data-gvhClaseManejadora]').attr( 'data-gvhClaseManejadora' ) ,
				panelOn:		 $(this).closest('[data-gvhpanelon]').attr( 'data-gvhpanelon' ) ,
				panelJSON:		 $(this).closest('[data-gvhpaneljson]').attr( 'data-gvhpaneljson' ) ,
				accion:			 accion
			} );
		}//gvh.clickedCheckAll
		
		$(document).off('click.checkAll').on( 'click.checkAll', '.multi-checker input:checkbox[data-gvhFunction=checkAll]', gvh.Table.clickedCheckAll );
		
		
		/* *********************
		 * EVENTOS DESDE EL DOM
		 *********************** */
	
		/* 
		 * mouseover/mouseout: ratón sobre las filas 
		 */
		
		$(document).off('click.orderTable').on( 'click.orderTable', 'label[data-gvhFunction="orderTable"]', function( e )
		{
			e.preventDefault();
			e.stopImmediatePropagation();
			e.stopPropagation();
			
			gvh.orderTable = (gvh.orderTable == 'asc' ? 'desc' : 'asc');
			
			let destino    = $(this).attr('data-gvhDestino') + "&IGEPord=" + gvh.orderTable;
			let formulario = $(this).closest('form');
			let claseM     = $(this).attr('data-gvhClaseManejadora');
			
			$(this).controllerJS( {
				id:			$(this).attr('id') ,
				panel:		$(this).attr('data-gvhPanelOn') ,
				destino:	destino ,
				newWindow:	'false' ,
				claseM:		claseM
			} );			
			//gvh.controllerJS($(this).attr('id'), $(this).attr('data-gvhPanelOn'), destino, claseM, 'false', '', gvh.msgLoad);
		} );
		
		$(document).off('click.down_up').on( 'click.down_up', 'span[id=down],span[id=up]', function( e )
		{
			let destino    = $(this).attr('data-gvhDestino');
			let formulario = $(this).closest('form');
			let claseM     = $(this).attr('data-gvhClaseManejadora');
			
			$(this).controllerJS( {
				id:			$(this).attr('id') ,
				panel:		$(this).attr('data-gvhPanelOn') ,
				destino:	destino ,
				newWindow:	'false' ,
				claseM:		claseM
			} );
			//gvh.controllerJS($(this).attr('id'), $(this).attr('data-gvhPanelOn'), destino, claseM, 'false', '', gvh.msgLoad);
		} );
		
		/* 
		 * click vsCheck_ radiobutton para seleccionar un registro en ventana de selección 
		 */
		$(document).off('click.vsCheck').on( 'click.vsCheck', 'input[id*=vsCheck_]', function( e )
		{
			gvh.showConsoleMsg('log',' vsCheck - check ventana de selección');
			e.stopImmediatePropagation();
			
			let panel  = $(this).attr('data-gvhPanelOn');
			let claseM = $(this).attr('data-gvhClaseManejadora');
			let id     = $(this).attr('id');
			let row    = id.split('_')[2];

			gvh.checkUnique($(this).attr('id'), row, claseM, $(this).attr('data-gvhPanelOn'), '');
		} );
		
		
		/* 
		 * click sobre una fila de la tabla de un panel LIS 
		 */
		$(document).off('select.onrowclick').on( 'select.onrowclick', 'tr[data-gvhpaneljson="lis"][data-gvhclasemanejadora] .form-control', function( e )
		{
			gvh.onSelectionActive = true;
			e.preventDefault();
			e.stopImmediatePropagation();
			e.stopPropagation();
		} );
		$(document).off('click.onrowclick').on( 'click.onrowclick', 'tr[data-gvhpaneljson="lis"][data-gvhclasemanejadora]', function( e )
		{
			if( $(this).find('.modify').length )
			{
				return;
			}
			
			e.preventDefault();
			if( gvh.onSelectionActive )
			{
				e.stopImmediatePropagation();
				gvh.onSelectionActive = false;
				return;
			}
			
			let idButton = $(this).closest('[data-onrowclick]').attr('data-onrowclick');
			if( idButton )
			{
				$(this).onRowEvent( e, idButton );
			}
		} );
		
		/* 
		 * Click doble sobre una fila de la tabla de un panel LIS 
		 */
		$(document).off('dblclick.onrowdoubleclick').offon( 'dblclick.onrowdoubleclick', 'tr[data-gvhpaneljson="lis"][data-gvhclasemanejadora]', function( e )
		{ 
			if( $(this).find('.modify').length )
			{
				return;
			}
			
			e.preventDefault();
			let idButton = $(this).closest('[data-onrowdoubleclick]').attr('data-onrowdoubleclick');
			if( idButton )
			{
				$(this).onRowEvent( e, idButton );
			}
			gvh.onSelectionActive = false;
		} );
		
		/* 
		 * Al hacer doble click sobre la cabecera de un panel, alterna el estado de colapso del panel. 
		 */
		$(document).off('dblclick.gvhcollapsible').on( 'dblclick.gvhcollapsible', '[data-gvhcollapsible] > .panel-heading', function( e )
		{
			gvh.showConsoleMsg('log',' toggle collapse!!!' );
			let panel = $(this).closest( '.panel' );
			if( !panel )
			{
				return;
			}
			
			gvh.showConsoleMsg('log', panel.find( '.panel-body' ) );
			panel.find( '.panel-body' ).toggle();
			gvh.showConsoleMsg('log', panel.find( '.gvhBarraInfPanel' ) );
			panel.find( '.gvhBarraInfPanel' ).toggle();
		} );
	
	} //gvh.Table
			// Para cerrar el menú principal cuando, una vez abierto, se pulsa fuera del menú.
	//
	/*
	$(document).offon('click touchend', function(e){
		var menu = '#gvhMenuPrincipal.dropdown-toggle';
	    if( $(menu).length ) {
	    	//if(gvh.DEBUG){ console.log( 'gvh_menu : Cerrar menú...' ); }
	    	//$(menu).removeClass('open');
	    }
	});
	*/
	
	//
	// De gvh_comprobar.js ...
	//
	/*
	$(document).offon('click', '.directlink > a', function(e) {
		// TODO : No está funcionando, probablemente porque algún otro 'stop propagation' evita que se llegue aquí 
		//e.stopImmediatePropagation();
		//if(gvh.DEBUG){ console.log( 'gvh_menu : Cerrar menú tras pulsar en una opción del menú...' ); }
		//$('#gvhMenuPrincipal.dropdown-toggle').removeClass('open');
		var text = $(this).attr('title');
		gvh.loading({
			message: text,
			modo: 'on'
		});
	});
	*/
	
	
	//
	// De gvh_ini.js ...
	//
	$(document).offon('click', '#gvhMenuPrincipal .btn.dropdown-toggle.disabled', function() {
		gvh.showAlertaCambiosPendientes();
	});

	
	//
	// Cargamos dependencias de javascript para gvh_menu
	//
	/*
	$.when(
		$.getScript( 'igep/js/cwmenulayer/bootstrap-submenu.min.js' ),
		$.Deferred(function( deferred ){
			$( deferred.resolve );
		})
	).done(function(){
		if(gvh.DEBUG){ console.log( 'gvh_menu : Dependencias cargadas.' ); }
	}).fail(function(error) {
		console.error( 'gvh_menu : ERROR cargando dependencias. El menú NO ha podido inicializarse correctamente.' );
		if(gvh.STOPONWARNING) { debugger; }
	});
	*/
	
	
	//
	// Al cerrar una opción de menú lateral, cerrar todos los hijos que estén desplegados
	//
	gvh.collapseSidebarBranch = function () {
		$(this).children().find('.collapse').collapse('hide');
	}
	
	//
	// Menu lateral
	//
	gvh.activateSidebarToggler = function () {
    	
    	//var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
    	
    	// open or close navbar
		/*
        $('#gvhSidebar').toggleClass('is-collapsed');
		$('#gvhMarcoPanel').toggleClass('expanded-full');
		*/
		
		/* PARA QUE CUANDO EL MENU LATERAL SE PIDE QUE SEA VISIBLE, Y LA PANTALLA ES PEQUEÑA... ENTONCES QUE NO SE OCULTE EL MENÚ 
		if ($('#gvhMarcoPanel').hasClass('vertical-menu-visible')) {
			// NOP : No hacer nada
		}
		else {
		*/
			if ($(window).width() < 768) {
			    // use float sidebar
			    if (!$('#gvhSidebar').hasClass('sidebar-float-active')) {
			      $('#gvhSidebar').addClass('sidebar-float-active');
			      $('#gvhMarcoPanel').addClass('sidebar-float-active');
			    } else {
			      $('#gvhSidebar').removeClass('sidebar-float-active');
			      $('#gvhMarcoPanel').removeClass('sidebar-float-active');
			    }
			  } else {
			    // use collapsed sidebar
			    if (!$('#gvhSidebar').hasClass('sidebar-hide-left')) {
			      $('#gvhSidebar').addClass('sidebar-hide-left');
			      $('#gvhMarcoPanel').addClass('expanded-full');
			    } else {
			      $('#gvhSidebar').removeClass('sidebar-hide-left');
			      $('#gvhMarcoPanel').removeClass('expanded-full');
			    }
			  }
		//}
		
		/*
        // close dropdowns
        $('.gvhSidebarFixed #gvhSidebar .collapse.in , #gvhSidebar[data-spy="affix"] .collapse.in').toggleClass('in');
        // and also adjust aria-expanded attributes we use for the open/closed arrows
        // in our CSS
        $('.gvhSidebarFixed #gvhSidebar a[aria-expanded=true] , #gvhSidebar[data-spy="affix"] a[aria-expanded=true]').attr('aria-expanded', 'false');
        */
    }
	
	gvh.determineSidebar = function () {
		if( $(window).width() < 768) {
			$('body').addClass('sidebar-float');
		}else {
			$('body').removeClass('sidebar-float');
		}
	}
	
	/*
	gvh.calculateContentMinHeight = function() {
		$('#gvhMarcoPanel').css('min-height', $('#gvhSidebar').height());
	}
	*/	/* 
	 * DATEPICKER
	 */
    $.fn.formatoFecha = function(fecha)
    {
    	vFecha = '';
    	if (fecha != '')
    	{
    		vFechaHora = fecha.split(' ');
    		if (vFechaHora.length > 1)
    		{
    			vFecha = vFechaHora[0].split('/');
    		}
    		else
    			vFecha = fecha.split('/');	
    		if ((vFecha.length == 1) && (fecha != ''))
    		{
    			vFecha = fecha.split('-');				
    			if (vFecha.length == 1)
    				alert('error');
    		}
    	}
    	return(vFecha);
    }
    
	$.fn.calcularDiaAnyoJS = function(fecha) 
	{
	    vFecha = this.formatoFecha(fecha);
	    // Se empieza a contar desde 0 tanto para el mes como el dáa
		var now = new Date(vFecha[2], vFecha[1]-1, vFecha[0]);
		var then = new Date(vFecha[2], 0, 0);	
		var dif = now.getTime() - then.getTime();
		dia = Math.floor(dif/(1000*60*60*24))+1; 
	    return(dia);
	}

	$.fn.calcularSemanaJS = function(fecha) 
	{
	    vFecha = this.formatoFecha(fecha);
	    // Se empieza a contar desde 0 tanto para el mes como el dáa
		var now = new Date(vFecha[2], (vFecha[1]-1), vFecha[0], 0, 0, 0);
		var then = new Date(vFecha[2], 0, 1, 0, 0, 0);
		var time = now - then;
		var day = then.getDay();  // Devuelve el número d día de la semana
		(day > 3) && (day -= 4) || (day += 3);
		f = new Date();
		d = f.getDay();
	    semana = Math.round(((time / d) + day) / 7);
		return(semana);
	}

	$.fn.mostrarDiaSemanaJS = function(fecha,tipo) 
	{
		if (fecha != '')
		{
		    vFecha = this.formatoFecha(fecha);		
			var dia = vFecha[0];	
			var mes = vFecha[1];
			
			var anyo = vFecha[2];
			if ((anyo != '') && (anyo.length == 2))
			{ 
				if (anyo == 10) 
					anyo = "200" + anyo;
				if (anyo < 80)
					anyo = "20" + anyo;
				if (anyo <= 99)
					anyo = "19" + anyo;
				if (anyo < 1000)
					anyo = anyo + 1900;
			}
			
			var userYear=anyo;  // año introducido, puede ser d 2 o 4 dágitos
				
			var dfecha = " "+ anyo +", "+mes + ",  "+dia;
			var thenx = new Date(anyo,mes,dia);
			var year=thenx.getFullYear();
			if (year<100)
			   year="19" + thenx.getYear();
			else
			   year=thenx.getYear();
			var wyear = year;
			if (year > 1969) wyear = year; 
			else 
			{
				if (userYear<1900) 
				{ 
					if (userYear>1800) 
					{
						wrelyear= (eval(year)-1801)%(28);
						wyear = wrelyear+1981;
					}
					else wyear = 1970;
				}
				else
				{ 
					if (userYear>1900) 
					{
						wrelyear= (eval(userYear)-1901)%(28); 
						wyear= wrelyear+1985;
					}
					else 
					if (userYear==1900)
						wyear= 1990;
				}
			}
			var dob = " "+ wyear +", "+mes + ",  "+dia;
			var thenx = new Date(dob);
			
			var theday = thenx.getDay()+1;
			var date=thenx.getDate();
			
			var weekday = new Array(6);
			weekday[1]="Domingo";
			weekday[2]="Lunes";
			weekday[3]="Martes";
			weekday[4]="Miércoles";
			weekday[5]="Jueves";
			weekday[6]="Viernes";
			weekday[7]="Sábado";
	
			if ((dia != date) && (dia != ''))
			{
				//this.informaAvisoJS('FORMATO_FECHA', this);
			}
			else 
			{
				dayborn = weekday[theday];
				if (dayborn == "Miércoles")
					diaSemana = "X";
				else
					diaSemana = dayborn.substring(0,1);
			}
			if (tipo == 'short')
				return diaSemana;
			else
				return weekday[theday];
		}
		return '';
	}
    	/*
	 * visorGoogle()
	 * FUNCIӓN: visor de mapas de Google
	 * PARAMS:	campoLongitud - coordenadas X
	 * 			campoLatitud - coordenadas Y
	 * 			zoom - zoom del mapa
	 * 			url
	 * 			tipo
	 */
	$.fn.visorGoogle = function(options)
	{
		var defaults = $.extend({
			campoLongitud: '',
			campoLatitud: '',
			zoom: 0,
			url: '',
			tipo: ''
		},options);
		
		lng = $('#'+defaults.campoLongitud).val();
		if (lng == '') lng = 0;
		lat = $('#'+defaults.campoLatitud).val();
		if (lat == '') lat = 0;
		var iframestr = "<div id='dialogomapa' style='position: relative; left: -6px; top: 7px;' width='845px'><iframe src='igep/smarty/plugins/gvh_maps/googlemaps.php?x="+lng+"&y="+lat+"&zoomlevel="+defaults.zoom+"' style='border: solid #aaaaaa 1px;width:840px;height:540px'></iframe></div>";
		var myPos = {
        	my: "center center",
            of: window,
            collision: "fit"
		}
		$(iframestr).dialog(
		{
			height: 600,
			width: 855,
			modal: true,
			position: myPos,
            autoOpen: false,
			resizable: false,
			close: function(event, ui)
			{
				gvh.changeField($('#'+id));
            	$(this).dialog('destroy').remove();
                $("input[name*='"+defaults.campoLongitud+"']").focus().val(lng);
                $("input[name*='"+defaults.campoLatitud+"']").focus().val(lat);					
			},
            open: function (event, ui) {
            	$(this).css('overflow', 'hidden');
            }
		});
		$('#dialogomapa').dialog('open');
	};
	
	/*
	 * visorIDEE()
	 * FUNCIӓN: visor de mapas IDEE
	 * PARAMS:	campoLongitud - coordenadas X
	 * 			campoLatitud - coordenadas Y
	 * 			zoom - zoom del mapa
	 * 			url
	 * 			tipo
	 */
	$.fn.visorIDEE = function(options)
	{
		var defaults = $.extend({
			campoLongitud: '',
			campoLatitud: '',
			zoom: 0,
			url: '',
			tipo: ''
		},options);

		lng = $('#'+defaults.campoLongitud).val();
		if (lng == '') lng = 0;
		lat = $('#'+defaults.campoLatitud).val();
		if (lat == '') lat = 0;
        if(defaults.tipo=='UTM')
		{
			if (lat.length == 0 || lng.length == 0) 
			{
				lng = 697583.8573836017;
				lat = 4352605.147936047; 
			}
		}
		else
		{
			if (lat.length == 0 || lng.length == 0) 
			{
				lng = -0.708618164;
				lat = 39.300299186;
			 }
        }

        campoTipo = defaults.tipo;
        zoomMod = defaults.zoom;
        var iframestr = "<div id='dialogomapa' style='position: relative; left: -6px; top: 7px;' width='845px'><iframe src='igep/smarty/plugins/gvh_maps/idee.php?x="+lng+"&y="+lat+"&zoomlevel="+zoomMod+"&campoLongitud="+defaults.campoLongitud+"&campoLatitud="+defaults.campoLatitud+"&campoTipo="+campoTipo+"' style='border: solid #aaaaaa 1px;width:840px;height:540px'></iframe></div>";
		var myPos = {
			my: "center center",
            of: window,
            collision: "fit"
		}
		$(iframestr).dialog({
			height: 600,
			width: 855,
			modal: true,
			position: myPos,
            autoOpen: false,
			resizable: false,
			close: function(event, ui)
			{
				gvh.changeField($('#'+id));
				$(this).dialog('destroy').remove();   
			},
            open: function (event, ui) {
				$(this).css('overflow', 'hidden');
			}				
		});		
		$('#dialogomapa').dialog('open');
	};
	
	/*
	 * visorStreetMap()
	 * FUNCIӓN: visor de mapas StreetMap
	 * PARAMS:	campoLongitud - coordenadas X
	 * 			campoLatitud - coordenadas Y
	 * 			zoom - zoom del mapa
	 * 			url
	 * 			tipo
	 */
	$.fn.visorStreetMap = function(options)
	{
		var defaults = $.extend({
			campoLongitud: '',
			campoLatitud: '',
			zoom: 0,
			url: '',
			tipo: '',
			action: ''
		},options);

		lng = $('#'+defaults.campoLongitud).val();
		if (lng == '') lng = 0;
		lat = $('#'+defaults.campoLatitud).val();
		if (lat == '') lat = 0;
		if(defaults.tipo=='UTM')
		{
			if (lat.length == 0 || lng.length == 0) 
			{
				lng = 697583.8573836017;
				lat = 4352605.147936047; 
			}
		}
		else
		{
			if (lat.length == 0 || lng.length == 0) 
			{
				lng = -0.708618164;
				lat = 39.300299186;
			 }
        }

        campoTipo = defaults.tipo;
        zoomMod = defaults.zoom; 
              
        var iframestr = "<div id='dialogomapa' style='position: relative; left: -6px; top: 7px;' width='845px'><iframe src='igep/smarty/plugins/gvh_maps/openstreetmaps.php?x="+lng+"&y="+lat+"&zoomlevel="+zoomMod+"&campoLongitud="+defaults.campoLongitud+"&campoLatitud="+defaults.campoLatitud+"&campoTipo="+campoTipo+"&action="+defaults.action+"' style='border: solid #aaaaaa 1px;width:840px;height:540px'></iframe></div>";
          
		var myPos = {
                    my: "center center",
                    of: window,
                    collision: "fit"
                }			
		
		$(iframestr).dialog({
			height: 600,
			width: 855,
			modal: true,
			position: myPos,
            autoOpen: false,
			resizable: false,
			close: function(event, ui)
			{
				gvh.changeField($('#'+id));
				$(this).dialog('destroy').remove();   
			},
            open: function (event, ui) {
            	$(this).css('overflow', 'hidden');
            }				
		});
		
		$('#dialogomapa').dialog('open');
	};
	
	/*
	 * visorICV()
	 * FUNCIӓN: visor de mapas del ICV
	 * PARAMS:	campoLongitud - coordenadas X
	 * 			campoLatitud - coordenadas Y
	 * 			zoom - zoom del mapa
	 * 			url
	 * 			tipo
	 */
	$.fn.visorICV = function(options)
	{
		var defaults = $.extend({
			campoLongitud: '',
			campoLatitud: '',
			zoom: 0,
			url: '',
			tipo: ''
		},options);
		
		lng = $('#'+defaults.campoLongitud).val();
		if (lng == '') lng = 0;
		lat = $('#'+defaults.campoLatitud).val();
		if (lat == '') lat = 0;
		if ((lng!=0)&&(lat!=0)) 
        {
        	var iframestr = "<div id='dialogomapa' style='position: relative; left: -6px; top: 7px;' width='845px'><iframe src='"+defaults.url+"?x="+lng+"&y="+lat+"&zoomlevel="+defaults.zoom+"&plugins=MeasuresTool,TerrasitFrame,TerrasitSearch,CaptarGeometrias,BaseLayerSelector&srs=4326' style='border: solid #aaaaaa 1px;width:840px;height:540px'></iframe></div>";
		} else {
			var iframestr = "<div id='dialogomapa' style='position: relative; left: -6px; top: 7px; width:845px'><iframe src='http://localhost/ICVGeo/?plugins=MeasuresTool,TerrasitFrame,TerrasitSearch,CaptarGeometrias,BaseLayerSelector' style='border: solid #aaaaaa 1px;width:840px;height:540px'></iframe></div>";		
		}
		var olng = {value: lng, id: "lng"};
		var olat = {value: lat, id: "lat"};
		$olng = $(olng);
		$olat = $(olat);
		var myPos = {
            my: "center center",
            of: window,
            collision: "fit"
		}
		$(iframestr).dialog(
		{
			height: 600,
			width: 855,
			modal: true,
			position: myPos,
            autoOpen: false,
			resizable: false,
			close: function(event, ui)
			{
				gvh.changeField($('#'+id));
				$(this).dialog('destroy').remove();
                $("input[name*='"+defaults.campoLongitud+"']").focus().val($olng[0].value);
                $("input[name*='"+defaults.campoLatitud+"']").focus().val($olat[0].value);					
			},
            open: function (event, ui) {
            	$(this).css('overflow', 'hidden');                }				
			}
		);
		$('#dialogomapa').dialog('open');
	}	/*
	 * isEmptyJSON()
	 * FUNCIÓN: Indicará si un objeto JSON es vacío o no
	 */
	$.fn.isEmptyJSON = function(obj) {
		  for(var i in obj) { return false; }
		  return true;
	}
	
	/*
	 * createTree()
	 * FUNCIÓN: Crea un árbol jquery con el plugin jstree
	 * PARAMS:	idTree - del BOTÓN para el que se van a activar los campos
	 * 		 	node - 
	 */
	$.fn.createTree = function(options)
	{
		var defaults = $.extend({
			idTree: '',
			node: '',
			multiple: 'false',
			url: '',
			claseM: '',
			destino: '',
			actualizaA: '',
			idForm: ''
		},options);

		gvh.showConsoleMsg('log',defaults.idTree);

		if (defaults.multiple == "true")
			multiple = true;
		else
			multiple = false;
		
		// Comprobar si existe la variable gvh.datosJSON	
		raizJSON = gvh.datosJSON[defaults.claseM][defaults.panel];
		var data = [];
		if (raizJSON['gvhJSON'] == 'false')
		{
			data = JSON.stringify($("#"+defaults.idForm).serialize());
			url = defaults.url;
		}
		else {
			data = gvh.datosJSON;
			url = defaults.url+"&gvhcache=true&claseManejadora="+defaults.claseM+"&gvhpanel="+defaults.panel;
		}
		gvh.showConsoleMsg('log',data);
		
		$('#'+defaults.idTree).jstree({
			"types" : {
				"default" : {
					"icon" : "glyphicon glyphicon-flash"
				  },
				"root" : {
					"icon" : "fa fa-chevron-down"
				  },
				"users" : {
					"icon" : "fa fa-users"
				  },
				"volley" : {
					"icon" : "fa fa-anchor"
				  },		
				"ciclismo" : {
					"icon" : "fa fa-bicycle"
				  },		
				"child" : {
					"icon" : "fa fa-child"
				  }				  
			},
			"core" : {
				"multiple": multiple,
				"checkbox": true,
				"ajax": true,
				"worker": true,
				"data": {
					"url": url,
					//"url": "phrame.php?action=TreeSelector__treeAjax",
					"data": function(data) {
						gvh.showConsoleMsg('log','data '+data);
						return data;//{ "id" : node.id, "nodo": node };
					},
					"beforeSend": function(node) {
						gvh.showConsoleMsg('log','beforeSend '+node);
					},
					"error": function(node) {
						gvh.showConsoleMsg('log','error '+node);
					},
					"success": function (node) {
						gvh.showConsoleMsg('log','success '+node);
						if ($(this).isEmptyJSON(node))
						{
					        gvh.showConsoleMsg('log',"NO DATA!");
							gvh.showMessage('gvhlang_NoData','alert');
						}
					},
					"search": {
						"case_insensitive": true,
			            "ajax" : {
			            	"url": "phrame.php?action=TreeSelector__treeAjax&value=search",
			                'dataType': 'json',
			                'type': 'POST',
			            	"data": function (node) {
			                	gvh.showConsoleMsg('log','search '+node.id)
			                    return { "id": node.id };
			                }
			             }
					},
				},
				"themes": {
					'name': 'proton',
					'responsive': true
				},
			},
	        "plugins" : [ "types", "wholerow", "search", "themes", "html_data", "checkbox", "sort", "ui" ]
		});
	}

/* 
 * Codificación UTF-8
 * Métodos para tratar la interfaz directamente desde la tpl
  
  FUNCIONES:
    getValue(componente, external=false)
  	setValue(componente, valor, external=false )
	getClass(componente, external=false )
	addClass(componente, css, external=false )
	removeClass(componente, css, external=false )
	setVisible(componente, visible, external=false )
	getVisible(componente, external=false )
	setEnable(componente, enable, external=false )
	getEnable(componente, external=false )
 * 
 */ 
	
	if( !gvh.IgepJS ) {

		gvh.showConsoleMsg( 'log', 'gvh.IgepJS : Inicializando...' );
		
		gvh.IgepJS = function(claseManejadora, panel)
		{
			if( !claseManejadora && !panel )
			{
				return;
			}
			
			this.claseManejadora = claseManejadora;
			this.panel = panel;
			gvh.showConsoleMsg( 'log', '   *** gvh_IgepJS.js - Inicializar => claseManejadora: '+claseManejadora+' panel '+panel );
		}

		
		/**
		 * _panelVisible: Devuelve si el panel está visible o no
		 * @access	private
		 * @let panel: id del panel a consultar
		 */
		gvh.IgepJS.prototype._panelVisible = function ( panel )
		{
			gvh.showConsoleMsg( 'log' , '   *** gvh_IgepJS.js - panelVisible() P_' + panel );
			if( panel == undefined || !$('#P_'+panel) ) 
			{
				return false;
			}
			return $( '#P_'+panel ).is( ':visible' );
		}
		
		/**
		 * getValue: Obtiene el valor del campo
		 * @access	public
		 * @let componente: Nombre del campo
		 * @let external: [true / false]
		 */
		gvh.IgepJS.prototype.getValue = function( componente, external )
		{
			gvh.showConsoleMsg( 'log', '   *** gvh_IgepJS.js - getValue() ' + componente );
			external = external || false;
			let panel = this.panel;
			
			if( !this._panelVisible(panel) )
			{
				gvh.showConsoleMsg('log','   *** gvh_IgepJS.js - getValue() panel '+panel+' no visible');
				// REVIEW: ¿Seguro que sería necesario salir aquí? ¿Qué pasa con el panel entonces?
				if( panel == undefined )
				{
					return;
				}
			}
			
			let panelJSON = panel.substr( 0, 3 );
			let claseManejadora = this.claseManejadora;
			let raizJSON = gvh.getRoot( claseManejadora, panelJSON );
			let objPanel = $('#P_'+panel+'[data-gvhClaseManejadora='+claseManejadora+']');		
			let modoPanel = gvh.getStatePanel( objPanel );
			let regJSON = 0;
			if( modoPanel == 'I' )
			{
				switch( panelJSON )
				{
					case 'lis':
						let row = idCampo.split('___')[2].split('_')[1];
						regJSON = gvh.indexDataJSON( raizJSON, row, modoPanel );
					break;
					case 'edi': 
						regJSON = gvh.getPagIns( raizJSON );
					break;
					default:
						regJSON = 0;
					break;
				}
			}
			else {
				switch( panelJSON )
				{
					case 'fil':
						regJSON = 0;
					break;
					case 'lis':
						let row = idCampo.split('___')[2].split('_')[1];
						regJSON = gvh.indexDataJSON( raizJSON, row );	
					break;
					case 'edi':
						let pagActual = gvh.getPagActive( raizJSON ); 
						regJSON = pagActual;
					break;
					default:
						regJSON = 0;
					break;
				}
			}
			if( external )
			{
				regJSON = gvh.indexDataJSON( raizJSON, gvh.getPagActive(raizJSON) );
			}
			let valor = gvh.getValue( raizJSON, componente, regJSON, external );
			gvh.showConsoleMsg( 'log', '   *** gvh_IgepJS.js - getValue() '+componente+' valor: ' + valor );
			return valor;
		}
		
		/**
		 * setValue: Asigna valor a un campo
		 * @access	public
		 * @let componente: Nombre del campo
		 * @let valor: Valor a asignar al componente
		 * @let external: [true / false]
		 */
		gvh.IgepJS.prototype.setValue = function( componente, valor, external )
		{
			if ((external.length == 0)) 
			{
				external = false;
			}
			let panel = this.panel;
			if( !this._panelVisible(panel) )
			{
				// REVIEW: ¿Seguro que sería necesario salir aquí? ¿Qué pasa con el panel entonces?
				if( panel == undefined )
				{
					return;
				}
			}
			
			let panelJSON = panel.substr(0,3);
			let claseManejadora = this.claseManejadora;
			let raizJSON = gvh.getRoot( claseManejadora, panelJSON );
			let iter = 0;
			if( external )
			{
				iter = gvh.indexDataJSON( raizJSON, gvh.getPagActive(raizJSON) );
			}
			gvh.setValue( raizJSON, componente, iter, valor, external );
			let plugin = gvh.getPlugin( raizJSON, componente, iter, external );
			switch( plugin )
			{
			    case 'cwcampotexto':
					var inputField	= $('input[id*='+componente+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
			    	inputField.val(valor);
			    	inputField.attr('value',valor);
			    	inputField.attr('title',valor);
			        break;
			    case 'cwrichareatexto':
					var inputField	= $('textarea[id*='+componente+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
			    	$('#editor_'+idCampo).html(valor);
			    	inputField.val(valor);
			    	break;
			    case 'cwareatexto':
					var inputField	= $('textarea[id*='+componente+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
			    	inputField.val(valor);
			    	break;
			    case 'cwlista':
			    case 'cwlista_select2':
					var inputField	= $('select[id*='+componente+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
			    	var dependencia = gvh.isDependenceList(raizJSON,componente,iter);
			    	if ((dependencia != undefined) && (dependencia != 'NO')) // es una lista dependiente
					{
			    		var listOptions = jsonReg[componente]['lista'];
						if (listOptions.length > 0)
						{
							if (plugin == 'cwlista')
								gvh.addList(inputField, listOptions, valor);
							else
								gvh.addListSelect2(inputField, listOptions, valor);
						}
					}
			    	else {
				    	var jsonListaField = gvh.getFieldList(raizJSON,componente,false,iter);
			    		var idCampo = inputField.attr('id');
			    		$('#'+idCampo+' option:selected').attr('selected',false);
			    		$('#'+idCampo+' option[value="'+valor+'"]').prop("selected", true);
			    		$('#'+idCampo+' option[value="'+valor+'"]').attr("selected", true);
			    	}
			    	// Al paginar podemos pasar de la última página que no sea completa a una página completa, hay que volver a rellenar los valores (option) de la lista
			    	if (panel == 'lis')
			    	{
						var listOptions = '';
						if (inputField.length == 0)
						{
					    	if ((dependencia != undefined) && (dependencia != 'NO'))
							{
					    		// Si la lista es dependiente, las opciones de la lista están en el campo
					    		listOptions = jsonReg[componente]['lista'];
							}
					    	else {
					    		// Si la lista no es dependiente, las opciones están en la zona común
					    		listOptions = jsonListaField[componente];
					    	}
							if ((listOptions != '') && (listOptions.length > 0))
							{
								if (plugin == 'cwlista')
									gvh.addList(inputField, listOptions, valor);
								else
									gvh.addListSelect2(inputField, listOptions, valor);
							}
						}
						else {
							var dependencia = jsonReg[componente]['dependence'];
					    	if ((dependencia != undefined) && (dependencia != 'NO'))
							{
								//Hay dependencia
								listOptions = jsonReg[field]['lista'];
								if (listOptions.length > 0)
								{
									if (plugin == 'cwlista')
										gvh.addList(inputField, listOptions, valor);
									else
										gvh.addListSelect2(inputField, listOptions, valor);
								}
							}
					    	else {
					    		$('#'+idCampo+' option[value="'+valor+'"]').prop("selected", true);
					    	}
						}
			    	}
			        break;
			    case 'cwbotontooltip':
			        break;
			    case 'cwcheckbox':
					var inputField	= $('input[id*='+componente+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
					var valor = jsonReg[field]['checked'];
					if ((valor == 'undefined') || (valor == 'false'))
					{
						inputField.prop('checked',false);
					}
					else
					{
						inputField.prop('checked',true);
					}
			        break;
			    case 'cwimagen':
			        break;
			    case 'cwinformation':
			    	// Botón tooltip con información
					var button = $('button[id*='+componente+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
					button.attr('data-content', valor);
					var cssField = button.attr('class');
					if (cssField != css) 
					{
						button.removeClass();
						button.addClass(css);
					}
					if ((color != '') && (color != undefined))
					{
						button.addClass(color);
					}
					// icono del botón
					var iconJSON = jsonReg[componente]['icon'];								
					if (iconJSON == 'undefined')
						iconJSON = '';
					var idIconButton = 'iconIncam___'+componente+'___'+sufijo;
					iconButton = $('#'+idIconButton).filter('[data-gvhClaseManejadora='+claseManejadora+']');
					iconButton.removeClass();
					iconButton.addClass(iconJSON);
			        break;
			    case 'cwlabel icon':
			    	// Label que solamente es un icono
			    	var inputField = $('span[id*='+idIcono+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
					inputField.removeClass();
					inputField.addClass(valor);
			    	break;
			    case 'cwlabel':
					var inputField	= $('label[id*='+idCampo+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
			    	if (inputField.length > 0)
			    	{
						inputField.html(valor);
						inputField.attr('value',valor);
			    	}
			        break;
			    case 'cwlistaradio':
					// RADIOBUTTON
			    	var radio = $('input:radio[name*='+componente+']').filter('[data-gvhClaseManejadora='+claseManejadora+']');
			    	radio.filter('[value='+valor+']').prop('checked',true);
			        break;
			    default:
			        break;    
			}
			gvh.showConsoleMsg( 'log', '   *** gvh_IgepJS.js - setValue() '+componente+' valor: '+valor );
		}
		
		/**
		 * getClass: Obtiene el class del campo indicado
		 * @access	public
		 * @let componente: Nombre del campo
		 * @let external: [true / false]
		 */
		gvh.IgepJS.prototype.getClass = function( componente, external )
		{
			if ((external.length == 0))
			{
				external = false;
			}
			let panel = this.panel;
			if( !this._panelVisible(panel) )
			{
				// REVIEW: ¿Seguro que sería necesario salir aquí? ¿Qué pasa con el panel entonces?
				if( panel == undefined )
				{
					return;
				}
			}
			
			let panelJSON = panel.substr( 0, 3 );
			let claseManejadora = this.claseManejadora;
			let raizJSON = gvh.getRoot( claseManejadora, panelJSON );
			let iter = 0;
			if( external )
			{
				iter = gvh.indexDataJSON( raizJSON, gvh.getPagActive(raizJSON) );
			}
			let css = gvh.getClassField( raizJSON, componente, iter, external )
			gvh.showConsoleMsg( 'log', '   *** gvh_IgepJS.js - getClass() ' + css );
			return css;
		}
		
		/**
		 * addClass: Modifica el class de un campo
		 * @access	public
		 * @let componente: Nombre del campo
		 * @let css: estilo css a añadir
		 * @let external: [true / false]
		 */
		gvh.IgepJS.prototype.addClass = function( componente, css, external )
		{
			gvh.showConsoleMsg('log','   *** gvh_IgepJS.js - addClass() '+css);
			if ((external.length == 0))
			{
				external = false;
			}
			let panel = this.panel;
			if( !this._panelVisible(panel) )
			{
				// REVIEW: ¿Seguro que sería necesario salir aquí? ¿Qué pasa con el panel entonces?
				if( panel == undefined )
				{
					return;
				}
			}
			
			let panelJSON = panel.substr( 0, 3 );
			let claseManejadora = this.claseManejadora;
			let raizJSON = gvh.getRoot( claseManejadora, panelJSON );
			let iter = 0;
			if( external )
			{
				iter = gvh.indexDataJSON( raizJSON, gvh.getPagActive(raizJSON) );
			}
			let idComp = gvh.getIdField( raizJSON, componente, iter, external );
			if( idComp != '' )
			{
				$('#'+idComp).addClass( css );
				let cssComp = $('#'+idComp).attr('class');
				gvh.setClassField( raizJSON, componente, iter, cssComp, external );
			}
		}
		
		/**
		 * removeClass: Elimina el css indicado de un campo
		 * @access	public
		 * @let componente: Nombre del campo
		 * @let css: estilo css que se ha de eliminar
		 * @let external: [true / false]
		 */
		gvh.IgepJS.prototype.removeClass = function( componente, css, external )
		{
			external = external || false;
			gvh.showConsoleMsg( 'log', '   *** gvh_IgepJS.js - removeClass() ' + css );
			let panel = this.panel;
			if( !this._panelVisible(panel) )
			{
				// REVIEW: ¿Seguro que sería necesario salir aquí? ¿Qué pasa con el panel entonces?
				if( panel == undefined )
				{
					return;
				}
			}
			
			let panelJSON = panel.substr( 0, 3 );
			let claseManejadora = this.claseManejadora;
			let raizJSON = gvh.getRoot( claseManejadora, panelJSON );
			let iter = 0;
			if( external )
			{
				iter = gvh.indexDataJSON( raizJSON, gvh.getPagActive(raizJSON) );			
			}
			let idComp = gvh.getIdField( raizJSON, componente, iter, external );
			if( idComp != '' )
			{
				$('#'+idComp).removeClass( css );
				cssComp = $('#'+idComp).attr('class');
				gvh.setClassField(raizJSON, componente, iter, cssComp, external );
			}
		}
		
		/**
		 * setVisible: Mostrar/ocultar un campo
		 * @access	public
		 * @let componente: Nombre del campo
		 * @let visible:  [true / false]
		 * @let external: [true / false]
		 */
		gvh.IgepJS.prototype.setVisible = function( componente, visible, external )
		{
			external = external || false;
			gvh.showConsoleMsg( 'log', '   *** gvh_IgepJS.js - setVisible() ' + visible );
			let panel = this.panel;
			if( !this._panelVisible(panel) )
			{
				// REVIEW: ¿Seguro que sería necesario salir aquí? ¿Qué pasa con el panel entonces?
				if( panel == undefined )
				{
					return;
				}
			}
			
			let panelJSON = panel.substr( 0, 3 );
			let claseManejadora = this.claseManejadora;
			let raizJSON = gvh.getRoot( claseManejadora, panelJSON );
			let iter = 0;
			if( external )
			{
				iter = gvh.indexDataJSON( raizJSON, gvh.getPagActive(raizJSON) );
			}
			let idComp = gvh.getIdField( raizJSON, componente, iter, external );
			if( idComp != '' )
			{
				if( visible )
				{
					if( !$('#IGEPVisible'+idComp).is(':visible') )
					{
						$('#IGEPVisible'+idComp).show();
					}
				}
				else
				{
					$('#IGEPVisible'+idComp).hide();
				}
				gvh.setVisibleField( raizJSON, componente, iter, visible, external );
			}
		}
		
		/**
		 * getVisible: Obtener si un campo es visible o no
		 * @access	public
		 * @let componente: Nombre del campo
		 * @let external: [true / false]
		 */
		gvh.IgepJS.prototype.getVisible = function( componente, external )
		{
			external = external || false;
			gvh.showConsoleMsg( 'log', '   *** gvh_IgepJS.js - getVisible() ' + componente );
			let panel = this.panel;
			let visible = '';
			if( !this._panelVisible(panel) )
			{
				// REVIEW: ¿Seguro que sería necesario salir aquí? ¿Qué pasa con el panel entonces?
				if( panel == undefined )
				{
					return;
				}
			}
			
			let panelJSON = panel.substr( 0, 3 );
			let claseManejadora = this.claseManejadora;
			let raizJSON = gvh.getRoot( claseManejadora, panelJSON );
			let iter = 0;
			if( external )
			{
				iter = gvh.indexDataJSON( raizJSON, gvh.getPagActive(raizJSON) );
			}
			let idComp = gvh.getIdField( raizJSON, componente, iter, external );
			if (idComp != '')
			{
				visible = gvh.getVisibleField( raizJSON, componente, iter, external );
			}
			return visible;
		}
		
		/**
		 * setEnable: Mostrar/ocultar un campo
		 * @access	public
		 * @let componente: Nombre del campo
		 * @let enable:  [true / false / nuevo]
		 * @let external: [true / false]
		 */
		gvh.IgepJS.prototype.setEnable = function( componente, enable, external )
		{
			external = external || false;
			gvh.showConsoleMsg( 'log', '   *** gvh_IgepJS.js - setEnable() ' + enable );
			let panel = this.panel;
			if( !this._panelVisible(panel) )
			{
				// REVIEW: ¿Seguro que sería necesario salir aquí? ¿Qué pasa con el panel entonces?
				if( panel == undefined )
				{
					return;
				}
			}
			
			let panelJSON = panel.substr( 0, 3 );
			let claseManejadora = this.claseManejadora;
			let raizJSON = gvh.getRoot( claseManejadora, panelJSON );
			let iter = 0;
			if( external )
			{
				iter = gvh.indexDataJSON( raizJSON, gvh.getPagActive(raizJSON) );
			}
			let idComp = gvh.getIdField( raizJSON, componente, iter, external );
			if (idComp != '')
			{
				let plugin = gvh.getPlugin( raizJSON, componente, iter, external );
				if( plugin == 'cwbotontooltip' || plugin == 'cwboton' )
				{
					this.setBtnDisabled( componente, enable, external );
				}
				else {
					this.setEditable( componente, enable, external );
				}
			}
		}
		
		/**
		 * getEnable: Obtener si un campo es visible o no
		 * @access	public
		 * @let componente: Nombre del campo
		 * @let external: [true / false]
		 */
		gvh.IgepJS.prototype.getEnable = function( componente, external )
		{
			external = external || false;
			gvh.showConsoleMsg( 'log', '   *** gvh_IgepJS.js - getEnable() ' + componente );
			let panel = this.panel;
			let enable = '';
			if( !this._panelVisible(panel) )
			{
				// REVIEW: ¿Seguro que sería necesario salir aquí? ¿Qué pasa con el panel entonces?
				if( panel == undefined )
				{
					return;
				}
			}
			
			let panelJSON = panel.substr( 0, 3 );
			let claseManejadora = this.claseManejadora;
			let raizJSON = gvh.getRoot( claseManejadora, panelJSON );
			let iter = 0;
			if( external )
			{
				iter = gvh.indexDataJSON( raizJSON, gvh.getPagActive(raizJSON) );
			}
			let idComp = gvh.getIdField( raizJSON, componente, iter, external );
			if( idComp != '' )
			{
				let plugin = gvh.getPlugin( raizJSON, componente, iter, external );
				if( plugin == 'cwbotontooltip' || plugin == 'cwboton' )
				{
					enable = this.setBtnDisabled(componente, enable, external);
				}
				else {
					enable = this.setEditable(componente, enable, external);
				}
			}
			return enable;
		}
		
		/**
		 * setEditable: Marca un campo como editable
		 * @access	public
		 * @let componente: Nombre del campo
		 * @let editable: [true / false / nuevo]
		 * @let external: [true / false]
		 */
		gvh.IgepJS.prototype.setEditable = function( componente, editable, external )
		{
			external = external || false;
			gvh.showConsoleMsg( 'log', '   *** gvh_IgepJS.js - setEditable() ' + componente );
			let panel = this.panel;
			if( !this._panelVisible(panel) )
			{
				// REVIEW: ¿Seguro que sería necesario salir aquí? ¿Qué pasa con el panel entonces?
				if( panel == undefined )
				{
					return;
				}
			}
			
			let panelJSON = panel.substr( 0, 3 );
			let claseManejadora = this.claseManejadora;
			let raizJSON = gvh.getRoot( claseManejadora, panelJSON );
			let iter = 0;
			if( external )
			{
				iter = gvh.indexDataJSON( raizJSON, gvh.getPagActive(raizJSON) );
			}
			let idComp = gvh.getIdField( raizJSON, componente, iter, external );
			if( idComp != '' )
			{
				if (editable == true) {
					$('#'+idComp).prop('readonly',false);
					$('#'+idComp).addClass('edit');
					$('#'+idComp).removeClass('noEdit');
					$('#'+idComp).prop('disabled',false);
				}
				else if (editable == false) {
					$('#'+idComp).prop('readonly',true);
					$('#'+idComp).removeClass('edit');
					$('#'+idComp).addClass('noEdit');
					$('#'+idComp).prop('disabled',true);
				}
				else {
					$('#'+idComp).prop('readonly',true);
					$('#'+idComp).removeClass('edit');
					$('#'+idComp).removeClass('noEdit');
					$('#'+idComp).addClass('new');
					$('#'+idComp).prop('disabled',true);
				}
				css = $('#'+idComp).attr('class');
				gvh.setStateField( raizJSON, componente, iter, editable, external );
				gvh.setClassField( raizJSON, componente, iter, css, external );
			}
		}
		
		/**
		 * getEditable: Saber si un campo es editable o no
		 * @access	public
		 * @let componente: Nombre del campo
		 * @let external: [true / false]
		 */
		gvh.IgepJS.prototype.getEditable = function( componente, external )
		{
			external = external || false;
			gvh.showConsoleMsg( 'log', '   *** gvh_IgepJS.js - getEditable() ' + componente );
			let panel = this.panel;
			let editable = '';
			if( !this._panelVisible(panel) )
			{
				// REVIEW: ¿Seguro que sería necesario salir aquí? ¿Qué pasa con el panel entonces?
				if( panel == undefined )
				{
					return;
				}
			}
			
			let panelJSON = panel.substr( 0, 3 );
			let claseManejadora = this.claseManejadora;
			let raizJSON = gvh.getRoot( claseManejadora, panelJSON );
			let iter = 0;
			if( external )
			{
				iter = gvh.indexDataJSON( raizJSON, gvh.getPagActive(raizJSON) );
			}
			let idComp = gvh.getIdField( raizJSON, componente, iter, external );
			if( idComp != '' )
			{
				editable = gvh.getStateField( raizJSON,componente, iter, external );
			}
			return editable;
		}
		
		/**
		 * setBtnDisabled: Actilet un campo como editable
		 * @access	public
		 * @let componente: Nombre del campo
		 * @let disabled: [true / false]
		 * @let external: [true / false]
		 */
		gvh.IgepJS.prototype.setBtnDisabled = function( componente, disabled, external )
		{
			external = external || false;
			gvh.showConsoleMsg( 'log', '   *** gvh_IgepJS.js - setBtnDisabled() '+ componente );
			let panel = this.panel;
			if( !this._panelVisible(panel) )
			{
				// REVIEW: ¿Seguro que sería necesario salir aquí? ¿Qué pasa con el panel entonces?
				if( panel == undefined )
				{
					return;
				}
			}
			
			let panelJSON = panel.substr( 0, 3 );
			let claseManejadora = this.claseManejadora;
			let raizJSON = gvh.getRoot( claseManejadora, panelJSON );
			let iter = 0;
			if( external )
			{
				iter = gvh.indexDataJSON( raizJSON, gvh.getPagActive(raizJSON) );
			}
			let idComp = gvh.getIdField( raizJSON, componente, iter, external );
			if( idComp != '' )
			{
				$( '#'+idComp ).prop( 'disabled', disabled );
				gvh.setStateField( raizJSON, componente, iter, disabled, external );
			}
		}
		
		/**
		 * getBtnDisabled: Saber si un campo es editable o no
		 * @access	public
		 * @let componente: Nombre del campo
		 * @let external: [true / false]
		 */
		gvh.IgepJS.prototype.getBtnDisabled = function( componente, external )
		{
			external = external || false;
			gvh.showConsoleMsg( 'log', '   *** gvh_IgepJS.js - getBtnDisabled() ' + componente );
			let panel = this.panel;
			let editable = '';
			let disabled;
			if( !this._panelVisible(panel) )
			{
				// REVIEW: ¿Seguro que sería necesario salir aquí? ¿Qué pasa con el panel entonces?
				if( panel == undefined )
				{
					return;
				}
			}
			
			let panelJSON = panel.substr( 0, 3 );
			let claseManejadora = this.claseManejadora;
			let raizJSON = gvh.getRoot( claseManejadora, panelJSON );
			let iter = 0;
			if( external )
			{
				iter = gvh.indexDataJSON( raizJSON, gvh.getPagActive(raizJSON) );
			}
			let idComp = gvh.getIdField( raizJSON, componente, iter, external );
			if( idComp != '' )
			{
				disabled = gvh.getStateField( raizJSON, componente, iter, external );
			}
			return disabled;
		}
	}}(jQuery);