/* 
 * Codificación UTF-8
 * 
 * FUNCIONES:
 *  semaforoChange( funcion, objElemento )
 * 	iconUpdate( modo, panel )
 *  
 * 	showMessage( langCod, type, msg )
 * 	showConfirm( id, codigo, descBreve, text, btnOk, btnCancel, destino, panel, claseM, destinoNO )
 * 
 * 	callControllerJS( objElemento )
 * 	loading( modo, message )
 *  
 * 	buscar( objElemento )
 * 	guardar( objElemento )
 * 	cancelar( objElemento )
 * 	cancelarVS( objElemento )
 * 	aceptarVS( objElemento )
 * 
 *  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)
 */

var gvh = gvh || {};

+function($)
{
	'use strict';
	
	/**
	 * indexDataJSON: Calcula el índice del array datosJSON sobre el que queremos trabajar. 
	 * Útil para calcularlo cuando se trabaja con paneles lis.
	 * @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.semaforoChange = function( funcion, objElemento )
	{
		objElemento.off( 'change', $.fn.funcion );
		gvh.changeField( objElemento );
		objElemento.on( 'change', $.fn.funcion );
	}	
	
	/**
	 * 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
	 */
	gvh.iconUpdate = function( modo, panel )
	{
		if( (panel == 'fil') || (panel == 'P_fil') )
		{
			return;
		}
		
		var imgMod = panel + '_imgModificado';
		var imgModificado = $( '#' + imgMod );
		if( !imgModificado.length )
		{
			console.log('¡¡¡Error icono modificación "'+imgMod+'"!!!');
			return
		}
		
		if( modo == 'R' )
		{
			imgModificado.hide();
		}
		else {
			imgModificado.show();
		}
	}	
	
	/**
	 * 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)
    {    	
    	console.log('	*** addList() - selected: '+selectedValue);
    	var parentDetach = campo.parent();
    	campo.empty();
    	var $detachSelect = campo;
    	$detachSelect.detach();
    	var lengthLista = gvhLista.length;
    	console.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);
    }
	
	/**
	 * 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 )
	{
		console.log( ' *** showMessage() -> '+type );
		
		// Mostramos el progreso
		Pace.restart();
		document.body.className = document.body.className; // Forzamos a actualizar la interfaz
		$.ajax( {
			url:      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:   msgLoad
					} );
				}
				else 
				{
					$(this).controllerJS( {
						id:        id ,
						panel:     panel ,
						destino:   destinoNO ,
						newWindow: 'false' ,
						confirm:   '' , 
						claseM:    claseM ,
						message:   msgLoad
					} );
				}
			} , 
			'Default Value'
		);
	}
		
	/**
	* 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 ) 
	{
console.log('	*** gvh_Function.js - callControlerJS()');
		var className = objElemento.attr( 'class' );
		if( className == 'btnTooltip' ) 
		{
			return;
		}
		
		if( objElemento.attr('data-gvhConfirm') )
		{
			var confirm  = objElemento.attr( 'data-gvhConfirm' );
			var vConfirm = confirm.split( '___' );
			var destino  = objElemento.attr( 'data-gvhDestino' );
			var claseM   = objElemento.attr( 'data-gvhClaseManejadora' );
			var id       = objElemento.attr( 'id' );
			var panel    = objElemento.attr( 'data-gvhPanelOn' );
			this.showConfirm(
				id ,
				vConfirm[0] ,
				desescapeIGEPjs( vConfirm[1] ) ,
				desescapeIGEPjs( vConfirm[2] ) ,
				desescapeIGEPjs( vConfirm[3] ) ,
				desescapeIGEPjs( vConfirm[4] ) ,
				destino , 
				claseM ,
				panel
			);
		}
		else 
		{
			objElemento.controllerJS( {
				id:        objElemento.attr( 'id' ) ,
				panel:     objElemento.attr( 'data-gvhPanelOn' ) ,
				destino:   objElemento.attr( 'data-gvhDestino' ) ,
				newWindow: objElemento.attr( 'data-gvhNewWindow' ) ,
				confirm:   '' ,
				claseM:    objElemento.attr( 'data-gvhClaseManejadora' ) ,
				message:   'cargando'
			} );
		}
	}
	
	/**
	* 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( msgLoad );
		} else {
			message = desescapeIGEPjs( message) ;
		}
		contenido += '<span class="msg">' + message + '</span>';
		contenido += '</div>';
		$('#load').html( contenido );
	}
	
	
	/**
	* 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( '___' );
			this.showConfirm(
				id ,
				vConfirm[0] ,
				desescapeIGEPjs( vConfirm[1] ) ,
				desescapeIGEPjs( vConfirm[2] ) ,
				desescapeIGEPjs( vConfirm[3] ) ,
				desescapeIGEPjs( vConfirm[4] ) ,
				destino ,
				claseM ,
				panel
			);
		}
		else 
		{
			var idDiv = $( 'div' ).filter(' [data-gvhCWSource=CWFilter] ').attr( 'id' );
			if( idDiv != undefined )
			{
				gvh.getRulesFilter($('#'+idDiv));
				/*$( '#' + idDiv ).getRulesFilter( {
					idFilter: idDiv ,
					claseM:   claseM ,
					panel:    panel
				} );*/
			}
			this.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 ) 
	{
		var accionActivaP = 'accionActivaP_'+objElemento.closest( 'form' ).attr( 'id' );
		var modo = $( '#' + accionActivaP ).val();
		var panel = objElemento.attr( 'data-gvhPanelOn' );
		var idGuardar = objElemento.attr( 'id' );
		var claseManejadora = objElemento.attr( 'data-gvhClaseManejadora' );
		var estadoPanel = $( '#P_'+panel ).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 != '' ) 
		{
			this.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' );
			this.showConfirm(
				idGuardar , 
				vConfirm[0] ,
				desescapeIGEPjs( vConfirm[1] ) ,
				desescapeIGEPjs( vConfirm[2] ) ,
				desescapeIGEPjs( vConfirm[3] ) ,
				desescapeIGEPjs( vConfirm[4] ) ,
				destino ,
				claseManejadora ,
				panel ,
				destinoNO
			);
		}
		else
		{
			this.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 ) {
		var panel = objElemento.attr( 'data-gvhPanelOn' );
		//var formulario = objElemento.closest( 'form' );
	
		this.blockExit( true, 'R', panel );
		
		var imgModificado = $( '#' + panel + '_imgModificado' );
		if( imgModificado.length ) {
			imgModificado.hide();
		}
		  
		var destino = objElemento.attr( 'data-gvhDestino' );
		if( (destino != 'cancelar') && (destino != '') ) {
			this.callControllerJS( objElemento );
		}
		else 
		{
			objElemento.loading( { message: 'Cancelando...' } );
			setTimeout( 'window.top.location.reload()', 100 );
		}
	}
	
	  /**
	  * 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 ) 
	{
		var panel = objElemento.attr( 'data-gvhPanelOn' );
		//var formulario = objElemento.closest('form');
		if( objElemento.attr('data-gvhConfirm') )
		{
			var confirm  = objElemento.attr( 'data-gvhConfirm' );		
			var vConfirm = confirm.split( '___' );
			var destino  = objElemento.attr( 'data-gvhDestino' );
			var claseM   = objElemento.attr( 'data-gvhClaseManejadora' );
			var id       = objElemento.attr( 'id' );
			this.showConfirm( 
				id , 
				vConfirm[0] , 
				desescapeIGEPjs( vConfirm[1] ) , 
				desescapeIGEPjs( vConfirm[2] ) ,
				desescapeIGEPjs( vConfirm[3] ) ,
				desescapeIGEPjs( vConfirm[4] ) ,
				destino ,
				claseM ,
				panel
			); 
		}
		else
		{
			dialogWS.modal( 'hide' );
			//dialogWS.dialog("destroy").remove();
			if( dialogIdWM.length <= 0 ) {
				ambito = 'gvhMain';
			} else {
				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 ) 
	{
		var panel = objElemento.attr( 'data-gvhPanelOn' );
		if( objElemento.attr('data-gvhConfirm') )
		{
			var confirm  = objElemento.attr( 'data-gvhConfirm' );
			var vConfirm = confirm.split( '___' );
			var destino  = objElemento.attr( 'data-gvhDestino' );
			var claseM   = objElemento.attr( 'data-gvhClaseManejadora' );
			var id       = objElemento.attr( 'id' );
			this.showConfirm(
				id ,
				vConfirm[0] ,
				desescapeIGEPjs( vConfirm[1] ) ,
				desescapeIGEPjs( vConfirm[2] ) , 
				desescapeIGEPjs( vConfirm[3] ) ,
				desescapeIGEPjs( vConfirm[4] ) ,
				destino ,
				claseM ,
				panel
			);
		}
		else
		{
			var destino      = objElemento.attr( 'data-gvhDestino' );
			var fieldsWS     = objElemento.attr( 'data-gvhFieldsWS' ).split( ',' );
			var fieldsSource = objElemento.attr( 'data-gvhFieldsSource' ).split( ',' );
			var action = $( '#actionOrigen' ).val();
			var id = $( 'input:radio[name=vsRadio]:checked' ).attr( 'id' );
			if( id == undefined )
			{
				$.getJSON( urlLang, function( data ) {
					var cod     = desescapeIGEPjs( data['gvhlang_msj16']['cod'] );
					var title   = desescapeIGEPjs( data['gvhlang_msj16']['title'] );
					var descrip = desescapeIGEPjs( data['gvhlang_msj16']['descr'] );
				} )
				.done( function() {
					alertify.suggest( cod, title, descrip );
				} );
			}
			else
			{
				var fila = id.split('_')[2]; // check_Tabla1_1
				var modoPanel    = objElemento.attr( 'data-gvhModoPanelOn' );
				var claseMOrigen = objElemento.attr( 'data-gvhClaseMOrigen' );				
				objElemento.okWS( {
					actionOrigen: action ,
					fila:		  fila ,
					panel:		  panel ,
					fieldsSource: fieldsSource ,
					fieldsWS:	  fieldsWS ,
					modoPanel:	  modoPanel ,
					claseMO:	  claseMOrigen
				} );
			}
		}
	};
	
	
	/**
	 * getRulesFilter()
	 * FUNCIÓN: Parsea los parámetros introducidos en el filtro avanzado en formato JSON y SQL para guardarlos en 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
			}
    	);
console.log(resultado);
console.log(resultado['rules']);
    	resultParseJSON = JSON.stringify(resultado, undefined, 2);
console.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) : '');
console.log('parseSQL: '+parseSQL);
    	}

		panelJSON = filter.attr('data-gvhPanelJSON');
		raizJSON = datosJSON[claseM][panelJSON];
		if (panelJSON == 'fil')
		{
			raizJSON['data'][0]['gvhJS_fields'][idFilter]['rules'] = resultParseJSON;
			raizJSON['data'][0]['gvhJS_fields'][idFilter]['rulesSQL'] = parseSQL;
		}
console.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 datosJSON	
		var raizJSON = datosJSON[claseM][panel];
		var data = [];
		if (raizJSON['gvhJSON'] == 'false')
		{
			var data = JSON.stringify($("#"+idForm).serialize());
			var url = url;
		}
		else {
			var data = datosJSON;
			var url = url+"&gvhcache=true&claseManejadora="+claseM+"&gvhpanel="+panel;
		}
		console.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) {
						console.log('data '+data);
						//json = node;					
						return data;//{ "id" : node.id, "nodo": node };
					},
					"success": function (node) {
						console.log('success '+node);
					},
					/*'data': function(node) {
						console.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) {
			                	console.log('search '+node.id)
			                    return { "id": node.id };
			                }
			             }
					},
				},
				"themes": {
					'name': 'proton',
					'responsive': true
				},
			},
			/*"changed": function (e, data) {
			    console.log("Nodo seleccionado:");
			    selectedNodes = data.selected;
			    if (selectedNodes.length > 0)
			    {
			    	$.each(selectedNodes, function( index, value ) {
			    	  console.log(value.id+' '+value.text);
			    	});
			    }
			    else {
			    	console.log('no hay seleccionados');
			    }
			}, 
			"search": {
				"case_insensitive": true,
	            "ajax" : {
	            	"url": "phrame.php?action=TreeSelector__treeAjax&value=search",
	                'dataType': 'json',
	                'type': 'POST',
	            	"data": function (node) {
	                	console.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='dd/mm/yyyy')
	{
		separador = separador;
		if (mascara.indexOf('/') != -1)
			separador = '/';
		if (mascara.indexOf('-') != -1)
			separador = '-';
		if ((mascara == 'dd/mm/yyyy') || (mascara == 'dd-mm-yyyy'))
			var 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'))
			var dateDDMMYYYRegex = /^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.](18|19|20)\d\d$/;
		
		if (fecha != '')
		{
			correcto = fecha.match(dateDDMMYYYRegex);
			
			if (correcto)
			{
				fecha = fecha.split(separador);
				dia = fecha[0];
				mes = fecha[1];
				anio = fecha[2];
				var error = 0;
				if ((mes==4 || mes==6 || mes==9 || mes==11) && dia==31) {
					correcto = false;
				}
				if (mes == 2) { // bisiesto
					var bisiesto = (anio % 4 == 0 && (anio % 100 != 0 || anio % 400 == 0));
					if (dia > 29 || (dia==29 && !bisiesto)) {
						correcto = false;
					}
				}
			}				
			
			if (!correcto) {
				//$('#'+id).showMessage('gvhlang_msj900','error');
				gvh.showMessage('gvhlang_msj900','error');
				$('#'+id).val('');
			}
			return correcto;
		}
	};
	

	/**
	 * showLinkTree()
	 * FUNCIӓN: mostrar la opción del árbol 
	 * 
	 */
	var cont = 0;
	gvh.showLinkTree = function(id,linkRama)
	{		
console.log(' ** gvh_funcionesPaneles.js - showLinkTree() ');
		var linkRama = linkRama;
		if (linkRama != '')
		{
			console.log('Llamada ajax para mostrar el panel '+linkRama);
			/*var formulario = $('#'+id).closest('form');
			console.log(formulario.attr('id'));
			formulario.submit(function() {
				var data = formulario.serialize();*/
				// Mostramos el progreso
				Pace.restart();
				document.body.className = document.body.className; // Forzamos a actualizar la interfaz
				$.ajax({
					//data: data,
					type: "POST",
					cache: false,    
					url: linkRama,
					beforeSend: function() {
	console.log('	... Beforesend ...');
						gvh.loading('on',message);	
					},
					success: function(response) {
	console.log('	... Success: '+response);
						rspPhrame = $.parseJSON(response);								
						/*$.ajax({
							url: decodeURIComponent(rspPhrame.path),
							dataType: "html" , // Usamos el tipo 'html' para importar también los scripts embebidos
							cache: true 
						}).done(function(resp) {
							$('.gvh-treeview-content').html( $(resp).filter('.gvh-treeview-content').contents() );
						});*/
						window.location.href = decodeURIComponent(rspPhrame.path);
					},
					error:function( jqXHR, textStatus, errorThrown ) {
	console.log('	... # ERROR showLinkTree');							
					},
				    complete:function( jqXHR, textStatus, errorThrown ) {
						console.log('	... # COMPLETE showLinkTree');
						gvh.loading('off');
					}
				})
				//return false;
			//});
		}
	};

} (jQuery);