/****************************************************
 * Funciones de submit
 ****************************************************/

function FormSubmitter(formName, formCbs)
{
	this.formName = formName;
	this.form = document[formName];
	this.formCbs = formCbs;
}

function bloqueaWindow(){
	Dialog.info(MENSAJES['enviando_datos'],
               {windowParameters: {className:"alphacube",width:250, height:100},showEffectOptions:{duration:0.2}, showProgress: true});
}
/**
 * Comproba los datos antes de ejecutar la acción.
 * Se suele utilizar para modificar un registro desde la ficha.
 */
FormSubmitter.prototype.valida_busca = function(accion)
{
	
	this.form.accion.value = accion;
	this.form.issearch.value = 1;
	oFormCallbacks.validateInServerForm();
	return false;
	
	if (this.formCbs.isValidAlert() && this.formCbs.isCompleteAlert()) {
		this.form.accion.value = accion;
		this.form.issearch.value = 1;
		this.formCbs.submit();
		this.form.submit();
		//return true;
	}
	return false;
}

/**
 * Comproba los datos antes de ejecutar la acción.
 * Se suele utilizar para modificar un registro desde la ficha.
 */
FormSubmitter.prototype.valida_ejecuta = function(accion)
{
	bloqueaWindow();
	this.form.accion.value = accion;
	oFormCallbacks.validateInServerForm();
	return false;
}

/**
 * Comproba los datos antes de ejecutar la acción.
 * Se suele utilizar para modificar un registro desde la ficha.
 */
FormSubmitter.prototype.valida_ejecuta_tab = function(accion,regMatch)
{
	this.form.accion.value = accion;
	oFormCallbacks.validateInServerForm(regMatch);
	return false;
}


/**
 * Ejecuta la acción sin confirmación ni comprobación.
 * Sin pasar el id: se suele utilizar para volver al listado.
 * Pasando el id: Se suele utilizar para ir del listado a una ficha.
 */
FormSubmitter.prototype.ejecuta = function(accion, id)
{
	this.form.accion.value = accion;
	this.form.id.value = id;
	this.form.submit();
	return false;
}

FormSubmitter.prototype.ejecutaInNewWindow = function(accion, id)
{
	var odlAccion = this.form.accion.value;
	var oldId = this.form.id.value;

	this.form.target = "_blank";
	this.form.accion.value = accion;
	this.form.id.value = id;
	this.form.submit();
	this.form.target = "_self";

	this.form.accion.value = odlAccion;
	this.form.id.value = oldId;
	return false;
}


FormSubmitter.prototype.ejecutaInNewWindowNewDest = function(accionNew, id, newUrl)
{
	var odlAccion = this.form.accion.value;
	var oldId = this.form.id.value;
	
	this.form.action = newUrl;
	this.form.target = "_blank";
	this.form.accion.value = accionNew;
	this.form.id.value = id;
	this.form.submit();
	this.form.target = "_self";
	this.form.action = '';
	
	this.form.accion.value = odlAccion;
	this.form.id.value = oldId;
	return false;
}

/**
 * Cambia el target del form.
 */
FormSubmitter.prototype.setTarget = function(dest)
{
	this.form.action = dest;
	
}

/**
 * Pide una confirmación antes de ejecutar la acción.
 * Sin pasar id: Se suele utilizar para eliminar un registro desde la ficha.
 * Pasando un id: Se suele utilizar para eliminar un registro desde el listado.
 */
FormSubmitter.prototype.confirma = function(accion, id)
{
	var accionTest = accion;
	if (accion.indexOf('.') > 0) {
		accionTest = accion.split('.');
		accionTest = accionTest[1];
	}
	
	if (accionTest.substr(0,3) == "del") {
		//"Confirme que desea eliminar el registro.";
		msg = MENSAJES['confirmDel'];
	}
	
	if (accionTest.substr(0,4) == "send") {
		//"Confirme que desea enviar el registro";
		msg = MENSAJES['confirmSend'];
	}
	
	Dialog.confirm(msg, 
		{windowParameters: {className:"alphacube",width:300}, okLabel: "OK", 
		buttonClass: "myButtonClass",
		id: "msgAlert",
		showEffectOptions:{duration:0.2},
		cancel:function(win) {return false;},
		ok:function(win) {s.ejecuta(accion, id); return true;}
		});
	return false;
}


FormSubmitter.prototype.autoSave = function(accion, id)
{

	msg = MENSAJES['confirmAutoSave'];
	
	Dialog.confirm(msg, 
		{windowParameters: {className:"alphacube",width:300}, okLabel: "OK", 
		buttonClass: "myButtonClass",
		id: "msgAlert",
		showEffectOptions:{duration:0.2},
		cancel:function(win) {return false;},
		ok:function(win) {s.valida_ejecuta(accion, id); return true;}
		});
	return false;
}


/**
 * Pide una confirmación antes de eliminar una foto.
 */
FormSubmitter.prototype.eliminar_foto = function(memname)
{
	if ( confirm(MENSAJES['confirmDelFile']) ) {
		this.form.accion.value = "delfoto:" + memname;
		this.form.submit();
	}
}

FormSubmitter.prototype.eliminar_fotoAjax = function(memname)
{
	var msg = MENSAJES['confirmDelFile'];
	var formu = this.form;
	Dialog.confirm(msg, 
		{windowParameters: {className:"alphacube",width:300}, okLabel: "OK", 
		buttonClass: "myButtonClass",
		id: "msgAlert",
		showEffectOptions:{duration:0.2},
		cancel:function(win) {return false;},
		ok:function(win) {
				var oldAccion = formu.accion.value;
				formu.accion.value = "ajaxDelfoto:" + memname;
				var valsForm = Form.serialize(document.f);
				valsForm = valsForm.split('accion_').join('boton_');
				formu.accion.value = oldAccion;
				var opt = {
						method: 'post',
						asynchronous:true,
						postBody: valsForm,
						onSuccess: function(t) {
							document.f.elements[memname].value = 0;
							new Effect.BlindUp('contenedor_' + memname, {duration:0.3});
							new Insertion.Bottom(document.body,t.responseText);
							}
					};
				new Ajax.Request(formu.action, opt);
				return true;
			}
		});
	return false;
}

/**
 * Pide una confirmación antes de eliminar una foto.
 */
FormSubmitter.prototype.eliminar_file = function(memname)
{
	if ( confirm(MENSAJES['confirmDelFile']) ) {
		this.form.accion.value = "delfile:" + memname;
		this.form.submit();
	}
}

FormSubmitter.prototype.eliminar_fileAjax = function(memname)
{
	var msg = MENSAJES['confirmDelFile'];
	var formu = this.form;
	Dialog.confirm(msg, 
		{windowParameters: {className:"alphacube",width:300}, okLabel: "OK", 
		buttonClass: "myButtonClass",
		id: "msgAlert",
		showEffectOptions:{duration:0.2},
		cancel:function(win) {return false;},
		ok:function(win) {
				var oldAccion = formu.accion.value;
				formu.accion.value = "ajaxDelfile:" + memname;
				var valsForm = Form.serialize(document.f);
				valsForm = valsForm.split('accion_').join('boton_');
				formu.accion.value = oldAccion;
				var opt = {
						method: 'post',
						asynchronous:true,
						postBody: valsForm,
						onSuccess: function(t) {
							document.f.elements['F_' + memname].value = '';
							new Effect.BlindUp('contenedor_' + memname);
							
							if($('contenedor_' + memname + '_imgprev')){
								new Effect.BlindUp('contenedor_' + memname + '_imgprev');
							}
						}
					};
				new Ajax.Request(formu.action, opt);
				return true;
			}
		});
	return false;
}

/**
 * Recarga la página ajustando el orden de la columna 'by'.
 */
FormSubmitter.prototype.paginate = function(by)
{
	var currBy = this.form.orderBy.value;
	if (currBy == by) {
		this.form.orderDir.value =
			(this.form.orderDir.value == 'DESC') ? 'ASC' : 'DESC';
	} else {
		this.form.orderDir.value = 'ASC';
	}
	this.form.orderBy.value = by;
	
	this.form.submit();
}

// pone a 0 el formulario dejando los hidden sin resetear
function resetForm(objForm)
{
	for(var i = 0;i < objForm.elements.length;i ++){
		var obj = objForm.elements[i];
		switch(obj.type){
			case "select-one":
				if(obj.name != 'regsPerPage'){
					obj.selectedIndex = 0;
				}
				break;
			case "select-multiple":
				obj.selectedIndex = -1;
				break;
			case "checkbox":
				obj.checked = false;
				break;
			case "text":
				var hiddenId = obj.id.substr(5,100);
				if($(hiddenId)){
					$(hiddenId).value = '';
				}
				obj.value = "";
				break;
			case "file":
			case "textarea":
				obj.value = "";
				break;
		}
		
	}
	return false;
}


/**
 * Event Handler para los cambios
 *
 * Se añade a cada elemento del formulario con el código:
 * <input ... onchanged='changed(this)' />
 */
function changed(el)
{
	el = $(el);
	
	var arr = el.name.split("[");
	var	formElementName = arr[0];
	formElementName = formElementName.replace('Out','In');
	if(oFormCallbacks.configMembers[formElementName]){
		oFormCallbacks.configMembers[formElementName].validateInServer();
	}
}

function multiselSelect(elName,onOff)
{
	if(!$(elName)) return;
	if(onOff !== false) onOff = true;
	var selFrom = document.f[elName + "[]"];
	var optFrom = selFrom.options;
	for(var f=0; f<optFrom.length; f++) {
		optFrom[f].selected = onOff;
	}
}


// Associated functions
/**
 * Shows a popup window with a calendar in flash
 *
 * @param string name of the form
 * @param string name of the field to receive the selected date
 */
function showCalendar(form,campo)
{
	var f = (document.forms[form].elements[campo].value);
	fecha = f.split("-");
	d = fecha[0];
	m = fecha[1]-1;
	y = fecha[2];
	win = newWindow('../inc/base/miniCal.php?y='+y+'&m='+m+'&d='+d+'&form='+form+'&campo='+campo,'Calendario',150,150,'');
}

/**
 * Fills the field with a given date
 *
 * @param string name of the form
 * @param string name of the field to receive the date
 * @param mixed date to put into field
 */
function setDate(form,campo,fecha)
{
	elInput = (document.forms[form].elements[campo]);
	
	fecha = fecha.split("-");
	var d = eval(fecha[0]);
	var m = eval(fecha[1]);
	var y = fecha[2];
	if(d<10) d = '0'+d;
	if(m<10) m = '0'+m;
 	elInput.value = d + '-' + m + '-' + y;
	elInput.focus();
	
	if(elInput.onchange){
		elInput.onchange();
	}
}

var MemberDedoLib = Class.create();
MemberDedoLib.prototype = {
   initialize: function(formElementName, pTipo, pFormat, pRequired, pTitle, pEnabled, pValidateFunc) {
		this.a_name = this.getMemberName(formElementName);
		
		this.element = $(this.a_name);
		this.a_tipo = pTipo;
		this.a_format = pFormat;
		this.a_required = pRequired;
		this.a_title = pTitle;
		this.a_enabled = false;
		
		this.a_accesibleVal = '';
		if(Element.hasClassName(this.element,'accesibleVal')){
			this.a_accesibleVal = this.element.value;
		}
		if(pEnabled == '1') this.a_enabled = true;
	
		var validateFunc = '';
		if(pValidateFunc) validateFunc = pValidateFunc;
		this.a_validateFunc = validateFunc;
		
		this.hasError = false;
		// extras
		this.setLabel(this.a_name);
		
		this.addHelpers();
		//this.setSpanError(this.a_name);
		this.setElToInsert(this.a_name);
   },
   
   getMemberName: function(formElementName) {
		var arr = formElementName.split("[");
		formElementName = arr[0];
		formElementName = formElementName.replace('Out','In');
		return formElementName;
   },
   
   addHelpers: function() {
   		if($(this.a_name) && $(this.a_name).hasClassName('noApplyJS')) return;
		if(this.a_tipo == 'date'){
			if(!$('H_'+this.a_name)) return;
			if($('H_'+this.a_name) && $('H_'+this.a_name).hasClassName('noApplyJS')) return;
			if($('H_'+this.a_name).type == 'hidden') return;
			var calIcon = '&nbsp;<span class="calIconFechas"><a id="cal_icon_'+this.a_name+'" href="#arriba" onclick="showDivDateChoose(\'f\',\''+this.a_name+'\');\">';
			calIcon += '<img src="../images/dedolib/bt_hoy.gif" alt="Opciones Fechas" />';
			calIcon += '<\/a><\/span>';
			new Insertion.After($('H_'+this.a_name), calIcon);
		}
		
		if(this.a_tipo == 'text'){
			if(!$(this.a_name)) return;
			if(!$(this.label)) return;
			var calIcon = '<div class="clear_both"></div>';
			calIcon += '<div style="text-align:right;">';
			calIcon += '<a href="#arriba" onclick="changeHeightTextArea(\''+this.a_name+'\',30);return false;">';
			calIcon += '<img src="../images/dedolib/icon_notes_inc.gif" alt="Aumentar altura del campo" width="16" height="16" />';
			calIcon += '</a>&nbsp;&nbsp;';
			calIcon += '<a href="#arriba" onclick="changeHeightTextArea(\''+this.a_name+'\',-30);return false;">';
			calIcon += '<img src="../images/dedolib/icon_notes_dec.gif" alt="Disminuir altura del campo" width="16" height="16" />';
			calIcon += '</a>&nbsp;&nbsp;';
			calIcon += '</div>';
			new Insertion.After(this.label, calIcon);
		}
   },
   
   setLabel: function(nameMember) {
		this.label = $('L__' + nameMember);
   },
   
   setSpanError: function(nameMember) {
		this.spanError = $('err_' + nameMember);
   },
   getSpanError: function(nameMember) {
   		var idSpanError = 'err_' + nameMember;
		if((this.a_tipo == 'password')) idSpanError = 'err_' + this.elToInsert.id;
		
		if(!$(idSpanError)){
			var spanError = '<span id="' + idSpanError + '" class="errorField" style="display:none;"><\/span>';
			
			if(oFormCallbacks.config.errorPosition == 'after'){
				var anchoLabel = 0;
				if(this.label && this.a_tipo != 'foto' && this.a_tipo != 'check'){
					anchoLabel = Element.getDimensions(this.label).width;
				}
				spanError = '<div id="' + idSpanError + '" class="errorField" style="clear:left;display:none;padding-left:'+ anchoLabel + 'px;"><\/div>';
				new Insertion.After(this.elToInsert, spanError);
			}
			
			if(oFormCallbacks.config.errorPosition == 'before'){
				new Insertion.Before(this.elToInsert, spanError);
			}
			if(oFormCallbacks.config.errorPosition == 'top'){
				new Insertion.Top(this.elToInsert, spanError);
			}
			if(oFormCallbacks.config.errorPosition == 'bottom'){
				new Insertion.Bottom(this.label, spanError);
			}
		}
		
		this.spanError = $(idSpanError);
   },
   
   setElToInsert: function(member) {
		this.elToInsert = this.element;
		
		if(this.a_tipo == 'date'){
			this.elToInsert = $('cal_icon_' + member);
		}
		if(this.a_tipo == 'dateLimited'){
			this.elToInsert = $('cal_icon_' + member);
		}
		if(this.a_tipo == 'daterange'){
			this.elToInsert = $('H_' + member + '_1');
		}
		if(this.a_format == 'radio' || this.a_format == 'checks'){
			this.elToInsert = $('ul_' + member);
		}
		if(this.a_format == 'template'){
			this.elToInsert = $('template_' + member);
		}
		if(this.a_format == 'select' && (this.a_tipo == 'multienum' || this.a_tipo == 'multiforkey')){
			this.elToInsert = $('ins_' + member);
			this.setLabel(member.substr(0,member.length-2));
		}
		if(this.a_tipo == 'foto' || this.a_tipo == 'file' || this.a_tipo == 'video'){
			this.elToInsert = $('ins_' + member);
		}
		if(this.a_format == 'autocomplete'){
			this.elToInsert = $('auto_' + member);
		}
		if(this.a_tipo == 'check'){
			this.elToInsert = $('L__' + member);
		}
		if(this.a_tipo == 'text' && this.a_format == 'FCK'){
			if($(member + '___Frame')){
				this.elToInsert = $(member + '___Frame');
			}
		}
		
		if((this.a_tipo == 'password')){
		
			var isRepassw = (this.a_name.substr(0,3) == 're_');
			if(isRepassw){
				this.elToInsert = this.element;
				this.label = $('L__' + this.a_name.substr(3,100));
			}else{
				var haveRepassw = $('re_'+this.a_name);
				if(haveRepassw){
					this.elToInsert = $('re_' + this.a_name);
				}else{
					this.elToInsert = this.element;
				}
			}
			// var spanError = $('err_' + elToInsert.id);
		}
   },
   
   onSubmitMember: function() {
		var valSerialize = '';
		var member = this.a_name;
		if(this.a_accesibleVal && $(member).value == this.a_accesibleVal){
			$(member).value = '';
		}
		if((this.a_tipo=='multienum' || this.a_tipo=='multiforkey') && this.a_format == 'select'){
			multiselSelect(member);
		}		
		if((this.a_tipo == 'foto' || this.a_tipo == 'file' || this.a_tipo == 'video')){
			valSerialize = '&valSer_' + member + '=' + (this.element.value);
		}
		
		if((this.a_tipo=='text') && this.a_format == 'RTE'){
			// puede que este asi definido pero el navegador no soporte el RTE
			if($('hdn' + member)){
				updateRTE(member);
				var textoRte = $('hdn' + member).value;
				valSerialize += '&valSer_' + member + '=' + (textoRte);
			}
		}
		
		if((this.a_tipo=='text') && this.a_format == 'FCK'){
			// puede que este asi definido pero el navegador no soporte el RTE
			if(!(isSafari)){ 
					if(FCKeditorAPI.GetInstance(member).GetXHTML() != ''){
						this.element.value = 'OK';
						var textoRte = $(member).value;
					}
				}else{
					var textoRte = document.f.elements[member].value;
				}
			
			valSerialize += '&valSer_' + member + '=' + (textoRte);
			
		}
		
		return valSerialize;
   },
   
   validateInServer: function() {
   		if(this.a_enabled == false) return;
   		var member = this.a_name;
		var valSerialize = this.onSubmitMember();
		
		var valsForm = Form.serialize(document.f);
		
		var dataMember = {};
		['a_tipo','a_format','a_required','a_title','a_accesibleVal','a_validateFunc'].each( function(k) {
			dataMember[k] = this[k];
		}.bind(this));
			
		
		var params = $H(dataMember);
		var paramsMember = params.toQueryString();
		
		//parameters: params.toQueryString(), 
		
		var opt = {
				method: 'post',
				asynchronous:true,
				parameters: 'accionJS=validaMember&member='+member + '&' + paramsMember + valSerialize + '&' + valsForm,
				onSuccess: function(t) {
					this.showResponse(t.responseText);
				}.bind(this)
			};
		new Ajax.Request('../utilidades/validator.php', opt);	
   },
   
    showResponse: function(responseText) {
    		
		this.hasError = false;
		if(responseText == 'OKY'){
			if(this.spanError){
				new Effect.BlindUp(this.spanError,
				{ duration: 0.2, afterFinish: function(element){ Element.remove($(this.spanError.id));this.spanError = null;}.bind(this) });
			}
		}else{
			responseText = responseText.gsub("##alert##","");
			this.hasError = true;
			if(oFormCallbacks.config.showErrorsText){
				
				
				if(oFormCallbacks.config.errorPosition == 'alert'){
					alert(responseText.stripTags());
				}else{
					
					this.getSpanError(this.a_name);
					
					var newSpan = document.createElement('span');
					newSpan.innerHTML = responseText;
					
					this.spanError.update('');
					this.spanError.appendChild(newSpan);
					
					new Effect.Appear(this.spanError);
					
				}		
			}
			
		}
		
		// falta asignar el label
		this.assignLabel();
   },
   
   assignLabel: function() {
   		var tipoLabel = (this.hasError == false) ? 'complete' : 'problem';
   		if(!this.label) return;
   		var elImg = this.label.down('img');
   		
   		if(!elImg) return;
		elImg.alt = MENSAJES[tipoLabel];
		elImg.src = '../images/dedolib/'+tipoLabel+'.gif';
   }
};

/****************************************************
 * FormCallbacks
 ****************************************************/

/**
 * FormCallbacks
 * 
 * @param string nombre del formulario
 */
var FormCallbacks = Class.create();

// definimos la clase
FormCallbacks.prototype = {

   initialize: function(formName) {
		this.formName = formName;
		this.configMembers = {};
		this.config = {};
   },

   setConfig: function(pShowErrorsText,pErrorPosition) {
		this.config.showErrorsText = false;
		if(pShowErrorsText == '1') this.config.showErrorsText = true;
		this.config.errorPosition = pErrorPosition;
   },
   
   addValidateCallback: function(formElementName, pTipo, pFormat, pRequired, pTitle, pEnabled, pValidateFunc) {
		this.configMembers[formElementName] = new MemberDedoLib(formElementName, pTipo, pFormat, pRequired, pTitle, pEnabled, pValidateFunc);
   },
   
   enable: function(formElementName) {
		this.configMembers[formElementName].a_enabled = true;
   },
   
   disable: function(formElementName) {
		this.configMembers[formElementName].a_enabled = false;
   },
   
   observeForm: function() {
		var els = Form.getElements(document[this.formName]);
		
		for(var i = 0; i < els.length; i++)
		{
			
			if(els[i].type == 'hidden') continue;
			
			if(els[i].type == 'radio' || els[i].type == 'checkbox'){
				//Event.observe(els[i], "click", changed, false);
				els[i].onclick = function(){changed(this);};
			}else{
				if(els[i].type == 'select-multiple'){
					// en los multiples el changed se aplicara al mover de uno a otro en el script moveSelectBox.js
					continue;
				}
				if(els[i].id.substr(0, 9) == 'fontsize_'){
					continue;
				}
				//Event.observe(els[i], "change", changed, false);
				
				els[i].onchange = function(){changed(this);};
			}
		}
   },
   validateInServerForm: function(regMatch) {
		var valSerialize = '';
		
		var isTab = false;
		if(regMatch){
			var re = new RegExp(regMatch,"gm");
			isTab = true;
		}
		var serStr = '';
		var result = {};
		
		for(var i in this.configMembers){
			if(isTab){
				if (!(i.match(re))) continue;
			}
			
			member = this.configMembers[i];
			if(!member.a_enabled) continue;
			
			valSerialize += member.onSubmitMember();
			
			var dataMember = {};
			['a_tipo','a_format','a_required','a_title','a_accesibleVal','a_validateFunc'].each( function(k) {
				dataMember[k] = this.configMembers[i][k];
			}.bind(this));
			
			result[i] = dataMember;
		}
		
		var valsForm = Form.serialize(document.f,true);
		var vals = Object.toJSON(result); //JSON.stringify(result);
		var params = Form.serialize(document.f,true);
		params.accionJS = 'validaForm';
		params.config = vals;
		params = $H(params).toQueryString();
		params += valSerialize;
		var opt = {
					method: 'post',
					asynchronous:true,
					parameters: params, 
					onSuccess: function(t) {
						this.showResponseForm(t.responseText);
					}.bind(this)
				};
		new Ajax.Request('../utilidades/validator.php', opt);	
   },
   
   showResponseForm: function (res){
		var hasError = false;
		var focusFirst = '';
		//var myObject = JSON.parse(res);		
		var myObject = res.evalJSON();
		for (var i in myObject) {
			var res = myObject[i];
					   

			if(this.configMembers[i]){
				if(this.configMembers[i].a_format == 'radio'){
					if(document.f.elements[i].type == 'hidden'){ continue;}
					var el = document.f.elements[i][0];
				}else{
					var el = document.f.elements[i];
				}
				
			}else{
				continue;
				alert(i + ' no esta en la config');
			}
			this.configMembers[i].showResponse(res);
			if(res != 'OKY' && res.substr(0,9) != "##alert##"){
				if(focusFirst == '') focusFirst = el;
				hasError = true;
			}
		}

		if(hasError){

			Dialog.closeInfo();
			var msg = MENSAJES['error_form'];
			Dialog.alert(msg, 
				 {windowParameters: {className:"alphacube",width:300, height:100}, okLabel: "OK", 
				  ok:function(win) { return true;}});
		}else{
			if(typeof(updateRTEs) == 'function') updateRTEs();
			s.form.submit();
		}
	},

   submit: function() {
		var oForm = document[this.formName];
		for(i in this.cbOnSubmit) {
			if (this.enabled[i])
				var msg = this.cbOnSubmit[i](i, oForm);
		}
   }
};	
// creamos el objeto
var oFormCallbacks = new FormCallbacks('f');

var isSafari = (/Konqueror|Safari|KHTML/.test(navigator.userAgent));

var myrulesINIT = {
		'#contPageListJS' : function(element){
			var selPerPage = '<select id="regsPerPage" name="regsPerPage">';
			selPerPage += '<option value="5">5 p.p.<\/option>';
			selPerPage += '<option value="10">10 p.p.<\/option>';
			selPerPage += '<option value="20" selected="selected">20 p.p.<\/option>';
			selPerPage += '<option value="40">40 p.p.<\/option>';
			selPerPage += '<option value="300000">'+MENSAJES['todos']+'<\/option>';
			selPerPage += '<\/select>';
			
			new Insertion.After(element, selPerPage);
			
			$('regsPerPage').value = $F('perPage');
			
			$('regsPerPage').onmouseover = function(){showToolTip(MENSAJES['registros_por_pagina']);}
			$('regsPerPage').onmouseout = function(){hideToolTip();}
			$('regsPerPage').onchange = function(){$('perPage').value=this.value;document.f.submit();}
		}
	};
	
Behaviour.register(myrulesINIT);

function goPaginatorPage(regNum)
{
	if(document.f){
		document.f['regIni'].value = regNum;
		document.f.submit();
		return false;
	}
}
/****************************************************
 * MISC
 ****************************************************/


/**
 * Gets the value of the specified parameter in the cookie.
 *
 * @param string name of the desired parameter.
 * @return string value of that parameter or null if cookie does not exist.
 */
function getCookie(name)
{
    var dc = document.cookie;
    var prefix = name + "=";
    var begin = dc.indexOf("; " + prefix);
    if (begin == -1)
    {
        begin = dc.indexOf(prefix);
        if (begin != 0) return null;
    }
    else
    {
        begin += 2;
    }
    var end = document.cookie.indexOf(";", begin);
    if (end == -1)
    {
        end = dc.length;
    }
    return unescape(dc.substring(begin + prefix.length, end));
}