if (typeof RSFormPro != 'object') {
	var RSFormPro = {};
}

RSFormPro.Validations = {
	Numeric: function () {
		jQuery('#rsfp-tabs').on("keyup", '[data-properties="numeric"]', function () {
			if (!jQuery.isNumeric(jQuery(this).val()) && jQuery(this).val() != '') {
				jQuery(this).val(jQuery(this).val().replace(/[^0-9]/g, ''));
			}
		});
	},

	Alphanumeric: function() {
		jQuery('#rsfp-tabs').on("keyup", '[data-properties="alphanumeric"]', function () {
			jQuery(this).val(jQuery(this).val().replace(/[^A-Za-z0-9]/g, ''));
		});
	},

	TextareaSize: function() {
		jQuery('#rsfp-tabs').on("keyup", '[data-properties="textareasize"]', function () {
			jQuery(this).val(jQuery(this).val().replace(/[^0-9px%]/g, ''));
		});
	},
	
	Float: function () {
		jQuery('#rsfp-tabs').on("keyup", '[data-properties="float"]', function () {
			if (!jQuery.isNumeric(jQuery(this).val()) && jQuery(this).val() != '') {
				jQuery(this).val(jQuery(this).val().replace(/\.{1,}/g, '.').replace(/[^0-9\.]/g, ''));
			}
		});
	},

	Tags: function ($field) {
		jQuery.each($field, function () {
			var $selector = jQuery('#' + this.selector);
			if ($selector.attr('data-properties') == 'oneperline') {
				$selector.tagEditor({
					delimiter: '\n ,'
				})
			}
		});
	},

	Tooltips: function($field) {
		if (typeof jQuery.fn.popover === 'function') {
			jQuery('.fieldHasTooltip').popover({"html": true, "container": "body", "trigger": 'hover', 'title': getTitle, 'content': getContent});
		}

		function getTitle(el) {
			var element = el || this;
			return element.getAttribute('data-title');
		}

		function getContent(el) {
			var element = el || this;
			return element.getAttribute('data-content');
		}
	},

	Toggle: function ($field) {
		jQuery.each($field, function () {
            var $selector = jQuery('#' + this.selector);
			if ($selector.attr('data-properties') === 'toggler') {
				/**
				 * Get the JSON sent through the data attributes
				 */
				var $data = this.data;
				var $el	= $selector;
				var $initialVal = $el.val();

				/**
				 * If there are 2 - 3 scenarios for conditionals, the
				 * JSON object that is sent through the DATA ATTRIBUTES
				 * should be like this:
				 * case -> type -> { show : fields , hide : fields}
				 */
				if (typeof $data.case !== 'undefined' && $data.case.hasOwnProperty($initialVal)) {
					jQuery.each($data.case[$initialVal].hide, function () {
						jQuery('#id' + this).hide();
					});
				}
				if (typeof $data.indexcase !== 'undefined') {
					jQuery.each($data.indexcase, function(index, value){
						if ($initialVal.indexOf(index) === 0) {
							jQuery.each(value.hide, function () {
								jQuery('#id' + this).hide();
							});
						}
					});
				}

				$el.change(function () {

					var $value = this.value;

					if (typeof $data.case !== 'undefined' && $data.case.hasOwnProperty($value)) {
						jQuery.each($data.case[$value].hide, function () {
							jQuery('#id' + this).hide();
						});

						jQuery.each($data.case[$value].show, function () {
							jQuery('#id' + this).show();
						});
					}

					if (typeof $data.indexcase !== 'undefined') {
						jQuery.each($data.indexcase, function(index, value){
							if ($value.indexOf(index) === 0) {
								jQuery.each(value.show, function () {
									jQuery('#id' + this).show();
								});

								jQuery.each(value.hide, function () {
									jQuery('#id' + this).hide();
								});
							}
						});
					}
				});
			}
		});
	}


};

/**
 * Initiate Validations
 */
jQuery(document).ready(function () {
    RSFormPro.Validations.Numeric();
    RSFormPro.Validations.Alphanumeric();
    RSFormPro.Validations.Float();
    RSFormPro.Validations.TextareaSize();
	/**
	 * Bind the functions to the event created
	 * in administrator\components\com_rsform\assets\js\script.js
	 */
	jQuery('#rsfp-tabs').on('renderedLayout',
		function (objectEvent, $field) {
			RSFormPro.Validations.Tags($field);
			RSFormPro.Validations.Toggle($field);
			RSFormPro.Validations.Tooltips($field);
		})
});