{% if (S_DISPLAY_ONLINE_LIST or S_DISPLAY_SEPARATEUSERSANDBOTS) and STOKER_AJAXONLINE_REFRESH %}
<script>
(function($) {
	var refresh = {{ STOKER_AJAXONLINE_REFRESH }};
	var $container = $('#stoker-ajaxonline-anchor').closest('.stat-block');

	if (!$container.length || refresh < 5) {
		return;
	}

	var $p = $container.find('> p');
	var legendHtml = '';
	var $legend = $p.find('em').last();
	if ($legend.length) {
		legendHtml = '<br />' + $legend[0].outerHTML;
	}

	var timer = null;
	var fails = 0;

	function poll() {
		$.getJSON('{{ U_STOKER_AJAXONLINE }}')
			.done(function(data) {
				fails = 0;
				if (data.total_online) {
					var html = data.total_online + '<br />' + data.record + '<br />';
					if (data.can_viewonline && data.user_list) {
						html += '<br />' + data.user_list;
					}
					if (data.bot_list) {
						html += '<br />' + data.bot_list;
					}
					html += legendHtml;
					$p.html(html);

					var $flash = $container.find('h3 i');
					if (!$flash.length) {
						$flash = $container.find('h3');
					}
					$flash.css('color', 'green');
					$flash.find('a').css('color', 'green');
					setTimeout(function() {
						$flash.css('color', '');
						$flash.find('a').css('color', '');
					}, 200);
				}
			})
			.fail(function() {
				if (++fails >= 3) {
					stopPolling();
				}
				var $flash = $container.find('h3 i');
				if (!$flash.length) {
					$flash = $container.find('h3');
				}
				$flash.css('color', 'red');
				$flash.find('a').css('color', 'red');
				setTimeout(function() {
					$flash.css('color', '');
					$flash.find('a').css('color', '');
				}, 200);
			});
	}

	function startPolling() {
		if (!timer) {
			timer = setInterval(poll, refresh * 1000);
		}
	}

	function stopPolling() {
		if (timer) {
			clearInterval(timer);
			timer = null;
		}
	}

	startPolling();

	document.addEventListener('visibilitychange', function() {
		if (document.hidden) {
			stopPolling();
		} else {
			fails = 0;
			poll();
			startPolling();
		}
	});
})(jQuery);
</script>
{% endif %}
{% if S_DISPLAY_ONLINE_LIST and STOKER_AJAXONLINE_REFRESH_VIEWFORUM %}
<script>
(function($) {
	var refresh = {{ STOKER_AJAXONLINE_REFRESH_VIEWFORUM }};
	var $container = $('.stat-block.online-list');

	if (!$container.length || refresh < 5) {
		return;
	}

	var $p = $container.find('> p');
	var timer = null;
	var fails = 0;

	function poll() {
		$.getJSON('{{ U_STOKER_AJAXONLINE_VIEWFORUM }}')
			.done(function(data) {
				fails = 0;
				if (data.user_list !== undefined) {
					$p.html(data.user_list);

					var $flash = $container.find('h3 i');
					if (!$flash.length) {
						$flash = $container.find('h3');
					}
					$flash.css('color', 'green');
					$flash.find('a').css('color', 'green');
					setTimeout(function() {
						$flash.css('color', '');
						$flash.find('a').css('color', '');
					}, 200);
				}
			})
			.fail(function() {
				if (++fails >= 3) {
					stopPolling();
				}
				var $flash = $container.find('h3 i');
				if (!$flash.length) {
					$flash = $container.find('h3');
				}
				$flash.css('color', 'red');
				$flash.find('a').css('color', 'red');
				setTimeout(function() {
					$flash.css('color', '');
					$flash.find('a').css('color', '');
				}, 200);
			});
	}

	function startPolling() {
		if (!timer) {
			timer = setInterval(poll, refresh * 1000);
		}
	}

	function stopPolling() {
		if (timer) {
			clearInterval(timer);
			timer = null;
		}
	}

	startPolling();

	document.addEventListener('visibilitychange', function() {
		if (document.hidden) {
			stopPolling();
		} else {
			fails = 0;
			poll();
			startPolling();
		}
	});
})(jQuery);
</script>
{% endif %}