var cfsAdminFormChanged = []
,	g_cfsDsblWndPromo = false;
window.onbeforeunload = function(){
	// If there are at lease one unsaved form - show message for confirnation for page leave
	if(cfsAdminFormChanged.length)
		return 'Some changes were not-saved. Are you sure you want to leave?';
};
jQuery(document).ready(function(){
	cfsInitMainPromoWnd();
	if(typeof(cfsActiveTab) != 'undefined' && cfsActiveTab != 'main_page' && jQuery('#toplevel_page_contact-form-supsystic').hasClass('wp-has-current-submenu')) {
		var subMenus = jQuery('#toplevel_page_contact-form-supsystic').find('.wp-submenu li');
		subMenus.removeClass('current').each(function(){
			if(jQuery(this).find('a[href$="&tab='+ cfsActiveTab+ '"]').length) {
				jQuery(this).addClass('current');
			}
		});
	}

	// Timeout - is to count only user changes, because some changes can be done auto when form is loaded
	setTimeout(function() {
		// If some changes was made in those forms and they were not saved - show message for confirnation before page reload
		var formsPreventLeave = [];
		if(formsPreventLeave && formsPreventLeave.length) {
			jQuery('#'+ formsPreventLeave.join(', #')).find('input,select').change(function(){
				var formId = jQuery(this).parents('form:first').attr('id');
				changeAdminFormCfs(formId);
			});
			jQuery('#'+ formsPreventLeave.join(', #')).find('input[type=text],textarea').keyup(function(){
				var formId = jQuery(this).parents('form:first').attr('id');
				changeAdminFormCfs(formId);
			});
			jQuery('#'+ formsPreventLeave.join(', #')).submit(function(){
				adminFormSavedCfs( jQuery(this).attr('id') );
			});
		}
	}, 1000);

	if(jQuery('.cfsInputsWithDescrForm').length) {
		jQuery('.cfsInputsWithDescrForm').find('input[type=checkbox][data-optkey]').change(function(){
			var optKey = jQuery(this).data('optkey')
			,	descShell = jQuery('#cfsFormOptDetails_'+ optKey);
			if(descShell.length) {
				if(jQuery(this).attr('checked')) {
					descShell.slideDown( 300 );
				} else {
					descShell.slideUp( 300 );
				}
			}
		}).trigger('change');
	}
	cfsInitStickyItem();
	cfsInitCustomCheckRadio();
	//cfsInitCustomSelect();

	jQuery('.cfsFieldsetToggled').each(function(){
		var self = this;
		jQuery(self).find('.cfsFieldsetContent').hide();
		jQuery(self).find('.cfsFieldsetToggleBtn').click(function(){
			var icon = jQuery(this).find('i')
			,	show = icon.hasClass('fa-plus');
			show ? icon.removeClass('fa-plus').addClass('fa-minus') : icon.removeClass('fa-minus').addClass('fa-plus');
			jQuery(self).find('.cfsFieldsetContent').slideToggle( 300, function(){
				if(show) {
					jQuery(this).find('textarea').each(function(i, el){
						if(typeof(this.CodeMirrorEditor) !== 'undefined') {
							this.CodeMirrorEditor.refresh();
						}
					});
				}
			} );
			return false;
		});
	});
	// Go to Top button init
	if(jQuery('#cfsFormGoToTopBtn').length) {
		jQuery('#cfsFormGoToTopBtn').click(function(){
			jQuery('html, body').animate({
				scrollTop: 0
			}, 1000);
			jQuery(this).parents('#cfsFormGoToTop:first').hide();
			return false;
		});
	}
	// Tooltipster initialization
	cfsInitTooltips();
	if(jQuery('.cfsCopyTextCode').length) {
		var cloneWidthElement =  jQuery('<span class="sup-shortcode" />').appendTo('.supsystic-plugin');
		jQuery('.cfsCopyTextCode').attr('readonly', 'readonly').bind('click focus', function(){
			this.setSelectionRange(0, this.value.length);
		});
		jQuery('.cfsCopyTextCode').each(function(){
			cloneWidthElement.html( str_replace(jQuery(this).val(), '<', 'P') );
			jQuery(this).width( cloneWidthElement.width() );
		});
		cloneWidthElement.remove();
	}
	// Check for showing review notice after a week usage
    cfsInitPlugNotices();

	jQuery(".supsystic-plugin .tooltipstered").removeAttr("title");

});
function cfsInitTooltips( selector ) {
	var tooltipsterSettings = {
		contentAsHTML: true
	,	interactive: true
	,	speed: 0
	,	delay: 0
	//,	animation: 'swing'
	,	maxWidth: 450
	}
	,	findPos = {
		'.supsystic-tooltip': 'top-left'
	,	'.supsystic-tooltip-bottom': 'bottom-left'
	,	'.supsystic-tooltip-left': 'left'
	,	'.supsystic-tooltip-right': 'right'
	}
	,	$findIn = selector ? jQuery( selector ) : false;
	for(var k in findPos) {
		if(typeof(k) === 'string') {
			var $tips = $findIn ? $findIn.find( k ) : jQuery( k ).not('.sup-no-init');
			if($tips && $tips.length) {
				tooltipsterSettings.position = findPos[ k ];
				// Fallback for case if library was not loaded
				if(!$tips.tooltipster) continue;
				$tips.tooltipster( tooltipsterSettings );
			}
		}
	}
}
function changeAdminFormCfs(formId) {
	if(jQuery.inArray(formId, cfsAdminFormChanged) == -1)
		cfsAdminFormChanged.push(formId);
}
function adminFormSavedCfs(formId) {
	if(cfsAdminFormChanged.length) {
		for(var i in cfsAdminFormChanged) {
			if(cfsAdminFormChanged[i] == formId) {
				cfsAdminFormChanged.pop(i);
			}
		}
	}
}
function checkAdminFormSaved() {
	if(cfsAdminFormChanged.length) {
		if(!confirm(toeLangCfs('Some changes were not-saved. Are you sure you want to leave?'))) {
			return false;
		}
		cfsAdminFormChanged = [];	// Clear unsaved forms array - if user wanted to do this
	}
	return true;
}
function isAdminFormChanged(formId) {
	if(cfsAdminFormChanged.length) {
		for(var i in cfsAdminFormChanged) {
			if(cfsAdminFormChanged[i] == formId) {
				return true;
			}
		}
	}
	return false;
}
/*Some items should be always on users screen*/
function cfsInitStickyItem() {
	jQuery(window).scroll(function(){
		var stickiItemsSelectors = [/*'.ui-jqgrid-hdiv', */'.supsystic-sticky']
		,	elementsUsePaddingNext = [/*'.ui-jqgrid-hdiv', */'.supsystic-bar']	// For example - if we stick row - then all other should not offest to top after we will place element as fixed
		,	wpTollbarHeight = 32
		,	wndScrollTop = jQuery(window).scrollTop() + wpTollbarHeight
		,	footer = jQuery('.cfsAdminFooterShell')
		,	footerHeight = footer && footer.length ? footer.height() : 0
		,	docHeight = jQuery(document).height()
		,	wasSticking = false
		,	wasUnSticking = false;
		/*if(jQuery('#wpbody-content .update-nag').length) {	// Not used for now
			wpTollbarHeight += parseInt(jQuery('#wpbody-content .update-nag').outerHeight());
		}*/
		for(var i = 0; i < stickiItemsSelectors.length; i++) {
			jQuery(stickiItemsSelectors[ i ]).each(function(){
				var element = jQuery(this);
				if(element && element.length && !element.hasClass('sticky-ignore')) {
					var scrollMinPos = element.offset().top
					,	prevScrollMinPos = parseInt(element.data('scrollMinPos'))
					,	useNextElementPadding = toeInArray(stickiItemsSelectors[ i ], elementsUsePaddingNext) !== -1 || element.hasClass('sticky-padd-next')
					,	currentScrollTop = wndScrollTop
					,	calcPrevHeight = element.data('prev-height')
					,	currentBorderHeight = wpTollbarHeight
					,	usePrevHeight = 0;
					if(calcPrevHeight) {
						usePrevHeight = jQuery(calcPrevHeight).outerHeight();
						currentBorderHeight += usePrevHeight;
					}
					if(currentScrollTop > scrollMinPos && !element.hasClass('supsystic-sticky-active')) {	// Start sticking
						if(element.hasClass('sticky-save-width')) {
							element.width( element.width() );
							//element.addClass('sticky-full-width');
						}
						element.addClass('supsystic-sticky-active').data('scrollMinPos', scrollMinPos).css({
							'top': currentBorderHeight
						});
						if(useNextElementPadding) {
							//element.addClass('supsystic-sticky-active-bordered');
							var nextElement = element.next();
							if(nextElement && nextElement.length) {
								nextElement.data('prevPaddingTop', nextElement.css('padding-top'));
								var addToNextPadding = parseInt(element.data('next-padding-add'));
								addToNextPadding = addToNextPadding ? addToNextPadding : 0;
								nextElement.css({
									'padding-top': (element.hasClass('sticky-outer-height') ? element.outerHeight() : element.height()) + usePrevHeight + addToNextPadding
								});
							}
						}
						wasSticking = true;
						element.trigger('startSticky');
					} else if(!isNaN(prevScrollMinPos) && currentScrollTop <= prevScrollMinPos) {	// Stop sticking
						element.removeClass('supsystic-sticky-active').data('scrollMinPos', 0).css({
							//'top': 0
						});
						if(element.hasClass('sticky-save-width')) {
							if(element.hasClass('sticky-base-width-auto')) {
								element.css('width', 'auto');
							}
							//element.removeClass('sticky-full-width');
						}
						if(useNextElementPadding) {
							//element.removeClass('supsystic-sticky-active-bordered');
							var nextElement = element.next();
							if(nextElement && nextElement.length) {
								var nextPrevPaddingTop = parseInt(nextElement.data('prevPaddingTop'));
								if(isNaN(nextPrevPaddingTop))
									nextPrevPaddingTop = 0;
								nextElement.css({
									'padding-top': nextPrevPaddingTop
								});
							}
						}
						element.trigger('stopSticky');
						wasUnSticking = true;
					} else {	// Check new stick position
						if(element.hasClass('supsystic-sticky-active')) {
							if(footerHeight) {
								var elementHeight = element.height()
								,	heightCorrection = 32
								,	topDiff = docHeight - footerHeight - (currentScrollTop + elementHeight + heightCorrection);
								if(topDiff < 0) {
									element.css({
										'top': currentBorderHeight + topDiff
									});
								} else {
									element.css({
										'top': currentBorderHeight
									});
								}
							}
							// If at least on element is still sticking - count it as all is working
							wasSticking = wasUnSticking = false;
						}
					}
				}
			});
		}
		if(wasSticking) {
			if(jQuery('#cfsFormGoToTop').length)
				jQuery('#cfsFormGoToTop').show();
		} else if(wasUnSticking) {
			if(jQuery('#cfsFormGoToTop').length)
				jQuery('#cfsFormGoToTop').hide();
		}
	});
}
function cfsInitCustomCheckRadio(selector) {
	return false;
	var $inputs;
	if(!selector) {
		selector = document;
		$inputs = jQuery(selector).find('input:not(.sup-no-init)');
	} else {
		$inputs = jQuery(selector).find('input');
	}
	$inputs.iCheck('destroy').iCheck({
		checkboxClass: 'icheckbox_minimal'
	,	radioClass: 'iradio_minimal'
	}).on('ifChanged', function(e){
		// for checkboxHiddenVal type, see class htmlCfs
		jQuery(this).trigger('change');
		if(jQuery(this).hasClass('cbox')) {
			var parentRow = jQuery(this).parents('.jqgrow:first');
			if(parentRow && parentRow.length) {
				jQuery(this).parents('td:first').trigger('click');
			} else {
				var checkId = jQuery(this).attr('id');
				if(checkId && checkId != '' && strpos(checkId, 'cb_') === 0) {
					var parentTblId = str_replace(checkId, 'cb_', '');
					if(parentTblId && parentTblId != '' && jQuery('#'+ parentTblId).length) {
						jQuery('#'+ parentTblId).find('input[type=checkbox]').iCheck('update');
					}
				}
			}
		}
	}).on('ifClicked', function(e){
		jQuery(this).trigger('click');
	});
}
function cfsCheckDestroy(checkbox) {
	jQuery(checkbox).iCheck('destroy');
}
function cfsCheckDestroyArea(selector) {
	jQuery(selector).find('input[type=checkbox]').iCheck('destroy');
}
function cfsCheckUpdate(checkbox) {
	jQuery(checkbox).iCheck('update');
}
function cfsCheckUpdateArea(selector) {
	jQuery(selector).find('input[type=checkbox]').iCheck('update');
}
/**
 * Add data to jqGrid object post params search
 * @param {object} param Search params to set
 * @param {string} gridSelectorId ID of grid table html element
 */
function cfsGridSetListSearch(param, gridSelectorId) {
	jQuery('#'+ gridSelectorId).setGridParam({
		postData: {
			_wpnonce: CFS_NONCE['cfs_nonce'],
			search: param
		}
	});
}
/**
 * Set data to jqGrid object post params search and trigger search
 * @param {object} param Search params to set
 * @param {string} gridSelectorId ID of grid table html element
 */
function cfsGridDoListSearch(param, gridSelectorId) {
	cfsGridSetListSearch(param, gridSelectorId);
	jQuery('#'+ gridSelectorId).trigger( 'reloadGrid' );
}
/**
 * Get row data from jqGrid
 * @param {number} id Item ID (from database for example)
 * @param {string} gridSelectorId ID of grid table html element
 * @return {object} Row data
 */
function cfsGetGridDataById(id, gridSelectorId) {
	var rowId = getGridRowId(id, gridSelectorId);
	if(rowId) {
		return jQuery('#'+ gridSelectorId).jqGrid ('getRowData', rowId);
	}
	return false;
}
/**
 * Get cell data from jqGrid
 * @param {number} id Item ID (from database for example)
 * @param {string} column Column name
 * @param {string} gridSelectorId ID of grid table html element
 * @return {string} Cell data
 */
function cfsGetGridColDataById(id, column, gridSelectorId) {
	var rowId = getGridRowId(id, gridSelectorId);
	if(rowId) {
		return jQuery('#'+ gridSelectorId).jqGrid ('getCell', rowId, column);
	}
	return false;
}
/**
 * Get grid row ID (ID of table row) from item ID (from database ID for example)
 * @param {number} id Item ID (from database for example)
 * @param {string} gridSelectorId ID of grid table html element
 * @return {number} Table row ID
 */
function getGridRowId(id, gridSelectorId) {
	var rowId = parseInt(jQuery('#'+ gridSelectorId).find('[aria-describedby='+ gridSelectorId+ '_id][title='+ id+ ']').parent('tr:first').index());
	if(!rowId) {
		console.log('CAN NOT FIND ITEM WITH ID  '+ id);
		return false;
	}
	return rowId;
}
function prepareToPlotDate(data) {
	if(typeof(data) === 'string') {
		if(data) {
			data = str_replace(data, '/', '-');
			return (new Date(data)).getTime();
		}
	}
	return data;
}
function cfsInitPlugNotices() {
	var $notices = jQuery('.supsystic-admin-notice');
	if($notices && $notices.length) {
		$notices.each(function(){
			jQuery(this).find('.notice-dismiss').click(function(){
				var $notice = jQuery(this).parents('.supsystic-admin-notice');
				if(!$notice.data('stats-sent')) {
					// User closed this message - that is his choise, let's respect this and save it's saved status
					jQuery.sendFormCfs({
						data: {mod: 'supsystic_promo', action: 'addNoticeAction', code: $notice.data('code'), choice: 'hide'}
					});
				}
			});
			jQuery(this).find('[data-statistic-code]').click(function(){
				var href = jQuery(this).attr('href')
				,	$notice = jQuery(this).parents('.supsystic-admin-notice');
				jQuery.sendFormCfs({
					data: {mod: 'supsystic_promo', action: 'addNoticeAction', code: $notice.data('code'), choice: jQuery(this).data('statistic-code')}
				});
				$notice.data('stats-sent', 1).find('.notice-dismiss').trigger('click');
				if(!href || href === '' || href === '#')
					return false;
			});
		});
	}
}
/**
 * Main promo forms will show each time user will try to modify PRO option with free version only
 */
function cfsGetMainPromoWnd() {
	if(jQuery('#cfsOptInProWnd').hasClass('ui-dialog-content')) {
		return jQuery('#cfsOptInProWnd');
	}
	return jQuery('#cfsOptInProWnd').dialog({
		modal:    true
	,	autoOpen: false
	,	width: 540
	,	height: 200
	,	open: function() {
			jQuery('#cfsOptWndTemplateTxt').hide();
			jQuery('#cfsOptWndOptionTxt').show();
		}
	});
}
function cfsFillInMainPromoWnd($shell) {
	var $promoLink = $shell.find('.cfsProOptMiniLabel a').attr('href');
	if($promoLink && $promoLink != '') {
		jQuery('#cfsOptInProWnd a').attr('href', $promoLink);
	}
}
function cfsFillAndShowMainPromoWnd($shell) {
	var $proOptWnd = cfsGetMainPromoWnd();
	cfsFillInMainPromoWnd( $shell );
	$proOptWnd.dialog('open');
}
function cfsInitMainPromoWnd() {
	if(!CFS_DATA.isPro) {
		var $proOptWnd = cfsGetMainPromoWnd();
		jQuery('.cfsProOpt').change(function(e){
			e.stopPropagation();
			if( !g_cfsDsblWndPromo ) {
				var needShow = true
				,	isRadio = jQuery(this).attr('type') == 'radio'
				,	isCheck = jQuery(this).attr('type') == 'checkbox';
				if((isRadio || isCheck) && !jQuery(this).prop('checked')) {
					needShow = false;
				}
				if(!needShow) {
					return;
				}
				if(isRadio) {
					jQuery('input[name="'+ jQuery(this).attr('name')+ '"]:first').parents('label:first').click();
					if(jQuery(this).parents('.iradio_minimal:first').length) {
						var self = this;
						setTimeout(function(){
							jQuery(self).parents('.iradio_minimal:first').removeClass('checked');
						}, 10);
					}
				}
				var parent = null;
				if(jQuery(this).parents('#cfsFormMainOpts').length) {
					parent = jQuery(this).parents('label:first');
				} else if(jQuery(this).parents('.cfsFormOptRow:first').length) {
					parent = jQuery(this).parents('.cfsFormOptRow:first');
				} else {
					parent = jQuery(this).parents('tr:first');
				}
				if(!parent.length) return;
				cfsFillInMainPromoWnd(parent);
				$proOptWnd.dialog('open');
			}
			return false;
		});
	}
}
/**
 * Modify inputs names, that is structured like arrays, to include it's iteration numbers.
 * Like if you have dynamicaly added for example several inputs with names "some_name[][label]" -
 * it will modify it to "some_name[0][label]", "some_name[1][label]", "some_name[2][label]", etc.
 * @param {jquery} $rows Html rows/cells/blocks to search and replace
 * @param {string} pattern Input names to search for, in description example - it will be "some_name"
 */
function cfsUpdateInputsSortOrder( $rows, pattern ) {
	var i = 0;
	$rows.each(function(){
		var $inputs = jQuery(this).find('[name*="'+ pattern+ '"]');
		$inputs.each(function(){
			var name = jQuery(this).attr('name')
			,	replacePattern = cfsStrReplaceGlob(cfsStrReplaceGlob(pattern, '\\[', '\\['), '\\]', '\\]')
			,	nameRegEx = new RegExp('('+ replacePattern+ '\\[\\]|'+ replacePattern+ '\\[\\d\\]'+ ')', 'g');
			jQuery(this).attr('name', name.replace(nameRegEx, pattern+ '['+ i+ ']'));
		});
		i++;
	});
}
