/* 
 * Codificación UTF-8
 *
 * FUNCIONES: 
 * 	- indexDataJSON(claseManejadora, panel, row)
 *  - deselectAllCheckTable(claseManejadora)
 *  - checkUnique(id, fila, json, claseManejadora, panel)
 *  - checkRow(id, fila, check, panel, type, claseM)
 *  - checkAll(id, check, panel)
 */

/* *****************************************
 * FUNCIONES PARA INTERACTUAR CON UNA TABLA
 ****************************************** */
(function ($) {

	/*
	 * indexDataJSON()
	 * FUNCIÓN: Calcula el índice del array datosJSON sobre el que queremos trabajar. 
	 * Útil para calcularlo cuando se trabaja con paneles lis.
	 */
	$.fn.indexDataJSON = function(options) {
		var defaults = $.extend({
			claseManejadora: '',
			panel: '',
			row: ''
		},options);
		var panel_JSON = defaults.panel;
		if (panel_JSON == 'lisDetalle')
			panel_JSON = 'lis';
		else if (panel_JSON == 'ediDetalle')
			panel_JSON = 'edi';
		var raiz_JSON = datosJSON[defaults.claseManejadora][panel_JSON];
		var rowsPag_JSON = raiz_JSON['panel']['rowsPag'];
		var pagAct_JSON = raiz_JSON['panel']['pagActive'];
		var indice = parseInt(pagAct_JSON*rowsPag_JSON)+parseInt(defaults.row);
		return indice;
	}
	
	/*
	 * FUNCIÓN: deselectCheckTable()
	 */
	$.fn.deselectAllCheckTable = function(options)
	{
		var defaults = $.extend({
			claseManejadora: ''
		},options);
		
		numReg = datosJSON[defaults.claseManejadora]['lis']['numReg'];
		for(i=0;i<numReg;i++)
		{
			datosJSON[defaults.claseManejadora]['lis']['data'][i]['gvhJS_selected'] = 'no';
		}				
	};
	
	/*
	 * FUNCIÓN: checkUnique()
	 */
	$.fn.checkUnique = function(options)
	{
		var defaults = $.extend({
			id: 'check_0',
			fila: 0,
			json: true,
			claseManejadora: '',
			panel: 'lis'
		},options);
console.log('checkUnique()');
		if ((defaults.panel == 'lis') || (defaults.panel == 'lisDetalle'))
		{
			$('input:checkbox[id^=check_]').filter('[data-gvhPanelOn='+defaults.panel+']').not('[id='+defaults.id+']').each(function()
			{
				$(this).prop('checked',false);
				$(this).closest('tr').removeClass('rowOn');
			});

			$(this).deselectAllCheckTable({
				claseManejadora: defaults.claseManejadora
			});
			indiceJSON = $(this).indexDataJSON({
				claseManejadora: defaults.claseManejadora,
				panel: defaults.panel,
				row: defaults.fila
			});
			raizJSON = datosJSON[defaults.claseManejadora]['lis'];
			raizJSON['data'][indiceJSON]['gvhJS_selected'] = 'selected';
		}
	}

	
	/*
	 * FUNCIÓN: checkRow()
	 */
	$.fn.checkRow = function(options)
	{
		var defaults = $.extend({
			id: 'check_0',
			fila: 0,
			check: 'no',
			panel: 'lis',
			type: 'unique',
			claseM: ''
		},options);
console.log('*** checkRow()');

		indiceJSON = $(this).indexDataJSON({
			claseManejadora: defaults.claseM,
			panel: defaults.panel,
			row: defaults.fila
		});
		
		if (defaults.type == 'unique')
		{
			$('#'+defaults.id).checkUnique({
				id: defaults.id,
    			fila: defaults.fila,
    			claseManejadora: defaults.claseM,
    			panel: defaults.panel
    		});
		}
		raizJSON = datosJSON[defaults.claseM]['lis'];
		if (defaults.check == 'selected')
		{
			$('#'+defaults.id).closest("tr").addClass('rowOn');
			raizJSON['data'][indiceJSON]['gvhJS_selected'] = 'selected';
			$('#'+defaults.id).prop('checked',true);
		}
		else
		{
			$('#'+defaults.id).closest("tr").removeClass('rowOn');
			raizJSON['data'][indiceJSON]['gvhJS_selected'] = 'no';
		}
	}

	/*
	 * FUNCIÓN: checkAll()
	 * Marca/desmarca todos los check(fila) de una tabla
	 */
	$.fn.checkAll = function(options)
	{
		var defaults = $.extend({
			id: 'check_0',
			check: false,
			panel: 'lis'
		},options);
console.log('checkAll()');
		console.log(datosJSON);
		claseM = $(this).attr('data-gvhClaseManejadora');
		
		panelJSON = defaults.panel;
		if (defaults.panel == 'lisDetalle')
			panelJSON = 'lis';
		else if (defaults.panel == 'ediDetalle')
			panelJSON = 'edi';
		raizJSON = datosJSON[claseM][panelJSON];
		numReg = raizJSON['numReg'];
		for(indice=0;indice<numReg;indice++)
		{
			raizJSON['data'][indice]['gvhJS_selected'] = 'selected';
		}
		
		$('input:checkbox[id^=check_]').filter('[data-gvhPanelOn='+defaults.panel+']').map(function(){
			$(this).prop('checked',defaults.check);
		});

		if (defaults.check)
			$('input:checkbox[id^=check_]').filter('[data-gvhPanelOn='+defaults.panel+']').closest('tr').addClass('rowOn');
		else
			$('input:checkbox[id^=check_]').filter('[data-gvhPanelOn='+defaults.panel+']').closest('tr').removeClass('rowOn');
		
		$('input:checkbox[id^=checkAll_]').filter('[data-gvhPanelOn='+defaults.panel+']').prop('checked',defaults.check);
	}

})(jQuery);


/* *********************
 * EVENTOS DESDE EL DOM
 *********************** */
/*  
 * click: check general 
 */
$('#'+ambito).on('click','input:checkbox[id^=checkAll_]',function(e) {
	$(this).checkAll({
		id: $(this).attr('id'),
		check: $(this).is(':checked'),
		panel: $(this).attr('data-gvhPanelOn')
	});
});

/* 
 * mouseover/mouseout: ratón sobre las filas 
 */
$('table[data-gvhOverRow=true] tbody tr').hover(
	function() { 
		$( this ).addClass("rowOver");
	}, 
	function() { 
		$( this ).removeClass("rowOver");
});

/* 
 * mouseover/mouseout: ratón sobre las filas 
 */
$('#'+ambito).on('click','span[id=down],span[id=up]',function(e) {
	destino = $(this).attr('data-gvhDestino');
	formulario = $(this).closest('form');
	claseM = $(this).attr('data-gvhClaseManejadora');
	$(this).controllerJS({
		id: $(this).attr('id'),
		panel: $(this).attr('data-gvhPanelOn'),
		destino: destino,
		newWindow: 'false',
		claseM: claseM
	})
})