/* global phpbb */

/**
* phpBB3 forum functions
*/
var styleConfig = {
	staticNavigation: true,
	staticNavigationMinWidth: 500,
	staticNavigationMinHeight: 400,
	extendPosterProfile: true,
	collapseForums: true
};

/**
* Find a member
*/
function find_username(url) {
	'use strict';

	popup(url, 760, 570, '_usersearch');
	return false;
}

/**
* Window popup
*/
function popup(url, width, height, name) {
	'use strict';

	if (!name) {
		name = '_popup';
	}

	window.open(url.replace(/&amp;/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes, width=' + width);
	return false;
}

/**
* Jump to page
*/
function pageJump(item) {
	'use strict';

	var page = parseInt(item.val(), 10),
		perPage = item.attr('data-per-page'),
		baseUrl = item.attr('data-base-url'),
		startName = item.attr('data-start-name');

	if (page !== null && !isNaN(page) && page === Math.floor(page) && page > 0) {
		if (baseUrl.indexOf('?') === -1) {
			document.location.href = baseUrl + '?' + startName + '=' + ((page - 1) * perPage);
		} else {
			document.location.href = baseUrl.replace(/&amp;/g, '&') + '&' + startName + '=' + ((page - 1) * perPage);
		}
	}
}

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state) {
	'use strict';

	jQuery('#' + id + ' input[type=checkbox][name]').each(function() {
		var $this = jQuery(this);
		if ($this.attr('name').substr(0, name.length) === name && !$this.prop('disabled')) {
			$this.prop('checked', state);
		}
	});
}

/**
* Resize viewable area for attached image or topic review panel (possibly others to come)
* e = element
*/
function viewableArea(e, itself) {
	'use strict';

	if (!e) {
		return;
	}

	if (!itself) {
		e = e.parentNode;
	}

	if (!e.vaHeight) {
		// Store viewable area height before changing style to auto
		e.vaHeight = e.offsetHeight;
		e.vaMaxHeight = e.style.maxHeight;
		e.style.height = 'auto';
		e.style.maxHeight = 'none';
		e.style.overflow = 'visible';
	} else {
		// Restore viewable area height to the default
		e.style.height = e.vaHeight + 'px';
		e.style.overflow = 'auto';
		e.style.maxHeight = e.vaMaxHeight;
		e.vaHeight = false;
	}
}

/**
* Alternate display of subPanels
*/
jQuery(function($) {
	'use strict';

	$('.sub-panels').each(function() {

		var $childNodes = $('a[data-subpanel]', this),
			panels = $childNodes.map(function () {
				return this.getAttribute('data-subpanel');
			}),
			showPanel = this.getAttribute('data-show-panel');

		if (panels.length) {
			activateSubPanel(showPanel, panels);
			$childNodes.click(function () {
				activateSubPanel(this.getAttribute('data-subpanel'), panels);
				return false;
			});
		}
	});
});

/**
* Activate specific subPanel
*/
function activateSubPanel(p, panels) {
	'use strict';

	var i, showPanel;

	if (typeof p === 'string') {
		showPanel = p;
	}
	$('input[name="show_panel"]').val(showPanel);

	if (typeof panels === 'undefined') {
		panels = jQuery('.sub-panels a[data-subpanel]').map(function() {
			return this.getAttribute('data-subpanel');
		});
	}

	for (i = 0; i < panels.length; i++) {
		jQuery('#' + panels[i]).css('display', panels[i] === showPanel ? 'block' : 'none');
		jQuery('#' + panels[i] + '-tab').toggleClass('activetab', panels[i] === showPanel);
	}
}

function selectCode(a) {
	'use strict';

	// Get ID of code block
	var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
	var s, r;

	// Not IE and IE9+
	if (window.getSelection) {
		s = window.getSelection();
		// Safari and Chrome
		if (s.setBaseAndExtent) {
			var l = (e.innerText.length > 1) ? e.innerText.length - 1 : 1;
			try {
				s.setBaseAndExtent(e, 0, e, l);
			} catch (error) {
				r = document.createRange();
				r.selectNodeContents(e);
				s.removeAllRanges();
				s.addRange(r);
			}
		}
		// Firefox and Opera
		else {
			// workaround for bug # 42885
			if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) === '<BR>') {
				e.innerHTML = e.innerHTML + '&nbsp;';
			}

			r = document.createRange();
			r.selectNodeContents(e);
			s.removeAllRanges();
			s.addRange(r);
		}
	}
	// Some older browsers
	else if (document.getSelection) {
		s = document.getSelection();
		r = document.createRange();
		r.selectNodeContents(e);
		s.removeAllRanges();
		s.addRange(r);
	}
	// IE
	else if (document.selection) {
		r = document.body.createTextRange();
		r.moveToElementText(e);
		r.select();
	}
}

var inAutocomplete = false;
var lastKeyEntered = '';

/**
* Check event key
*/
function phpbbCheckKey(event) {
	'use strict';

	// Keycode is array down or up?
	if (event.keyCode && (event.keyCode === 40 || event.keyCode === 38)) {
		inAutocomplete = true;
	}

	// Make sure we are not within an "autocompletion" field
	if (inAutocomplete) {
		// If return pressed and key changed we reset the autocompletion
		if (!lastKeyEntered || lastKeyEntered === event.which) {
			inAutocomplete = false;
			return true;
		}
	}

	// Keycode is not return, then return. ;)
	if (event.which !== 13) {
		lastKeyEntered = event.which;
		return true;
	}

	return false;
}

/**
* Apply onkeypress event for forcing default submit button on ENTER key press
*/
jQuery(function($) {
	'use strict';

	$('form input[type=text], form input[type=password]').on('keypress', function (e) {
		var defaultButton = $(this).parents('form').find('input[type=submit].default-submit-action');

		if (!defaultButton || defaultButton.length <= 0) {
			return true;
		}

		if (phpbbCheckKey(e)) {
			return true;
		}

		if ((e.which && e.which === 13) || (e.keyCode && e.keyCode === 13)) {
			defaultButton.click();
			return false;
		}

		return true;
	});
});

/**
* Functions for user search popup
*/
function insertUser(formId, value) {
	'use strict';

	var $form = jQuery(formId),
		formName = $form.attr('data-form-name'),
		fieldName = $form.attr('data-field-name'),
		item = opener.document.forms[formName][fieldName];

	if (item.value.length && item.type === 'textarea') {
		value = item.value + '\n' + value;
	}

	item.value = value;
}

function insert_marked_users(formId, users) {
    'use strict';

    $(users).filter(':checked').each(function() {
        insertUser(formId, this.value);
    });

    window.close();
}

function insert_single_user(formId, user) {
	'use strict';

	insertUser(formId, user);
	window.close();
}

/**
* Resize poster profile block
*/
function adjustPosterProfile(postbody) {
	var profile = postbody.parent().prev(),
		post = profile.parent(),
		resized = profile.hasClass('resized');

	function unresize() {
		profile.removeClass('resized').css('min-height', '');
	}

	if (post.width() < (profile.width() + postbody.width())) {
		if (resized) {
			unresize();
		}
		return false;
	}

	if (resized) {
		profile.css('min-height', '');
	}
	profile.css('min-height', Math.floor(postbody.height()) + 'px').addClass('resized');
}

/**
* Responsive navigation
*/
function checkNavigation(force)
{
	function init(nav)
	{
		nav.responsive = false;
		nav.lastWidth = 0;
		nav.itemCount = 0;

		// Copy children items
		nav.contents = nav.menu.find('.dropdown-contents:first');
		nav.canToggle = $();
		nav.noToggle = $();
		nav.contents.children('.separator:last-child').hide();
		nav.items = nav.lists.children().not(nav.menu).each(function(i) {
			var $this = $(this),
				cloneClass;

			if ($this.is('.not-responsive, .responsive-menu, .dropdown-container, .selected') || $this.attr('data-skip-responsive') == 'true') {
				$this.attr('data-responsive-index', -1);
				nav.noToggle = nav.noToggle.add($this);
				return;
			}

			cloneClass = (
					$this.attr('data-responsive-class') === undefined ? 
						($this.hasClass('small-icon') ? $this.attr('class') : '') : 
						$this.attr('data-responsive-class')
				) + ' responsive-index-' + i;

			nav.contents.append(
				$this.clone(true).attr('class', cloneClass).addClass('responsive-clone').removeClass('tab')
			);

			$this.addClass('responsive-cloned-item').attr('data-clone-index', i);
			nav.canToggle = nav.canToggle.add($this);
			nav.itemCount ++;
		});
		nav.contents.find('a.nav-link').removeClass('nav-link');
		nav.responsiveClones = nav.contents.children('.responsive-clone').hide();

		nav.initialized = true;
	}

	function check(nav, force)
	{
		var containerWidth, total, width, menuWidth, hiding;

		// Setup navigation
		if (!nav.initialized) {
			init(nav);
			force = true;
		}

		if (!nav.itemCount) {
			// Nothing to hide
			return;
		}

		// Check width
		containerWidth = nav.container.width();
		if (!force && containerWidth == nav.lastWidth) {
			return;
		}
		nav.lastWidth = containerWidth;

		// Show all items
		if (nav.responsive) {
			nav.canToggle.show();
			nav.responsiveClones.hide();
			nav.menu.removeClass('showing-responsive-menu');
			if (!nav.alwaysShowMenu) {
				nav.menu.show();
			}
		}
		nav.responsive = false;
		menuWidth = nav.menu.outerWidth(true);
		width = menuWidth;

		// Count width of all items that cannot be hidden
		nav.noToggle.each(function() {
			var $this = $(this);
			if ($this.is(':visible')) {
				width += $this.outerWidth(true);
			}
		});

		// Test all other items
		hiding = (width >= containerWidth);
		nav.canToggle.each(function() {
			var $this = $(this),
				itemWidth, margin;

			if (!$this.is(':visible')) {
				return;
			}

			if (!hiding) {
				itemWidth = $this.outerWidth(true);
				if (!itemWidth) {
					$this.hide();
					return;
				}

				width += itemWidth;
				if (width >= containerWidth) {
					hiding = true;
				}
			}

			if (hiding) {
				$this.hide();
				nav.responsiveClones.filter('.responsive-index-' + $this.attr('data-clone-index')).show();
			}
		});

		nav.responsive = hiding;
		if (!hiding && !nav.alwaysShowMenu) {
			nav.menu.hide();
		}
		else if (hiding) {
			nav.menu.addClass('showing-responsive-menu');
		}
	}

	for (var i=0; i<styleConfig._responsiveNavigation.length; i++) {
		check(styleConfig._responsiveNavigation[i], force);
	}
}

function initResponsiveNavigation()
{
	styleConfig._responsiveNavigation = [];

	$('.nav-tabs, .navbar.secondary').each(function() {
		var $this = $(this),
			lists = $this.children('ul'),
			menu = lists.children('.responsive-menu:first'),
			alwaysShowMenu = (menu.length > 0);

		// Create empty hidden menu
		if (!menu.length) {
			if ($this.is('.nav-tabs')) {
				// Something went wrong - main menu must have responsive menu
				return;
			}
			// Secondary menu
			lists.eq(0).prepend('<li class="responsive-menu dropdown-container" style="display: none;"><a href="#" class="dropdown-trigger dropdown-toggle">...</a>' +
					'<div class="dropdown hidden">' + 
						'<div class="pointer"><div class="pointer-inner"></div></div>' + 
						'<ul class="dropdown-contents" /></ul>' +
					'</div>' +
				'</li>');
			menu = lists.children('.responsive-menu:first');
			phpbb.registerDropdown(menu.find('.dropdown-toggle'), menu.find('.dropdown'));
		}

		styleConfig._responsiveNavigation.push({
			container: $this,
			lists: lists,
			menu: menu,
			initialized: false,
			alwaysShowMenu: alwaysShowMenu
		});
	});
}

/**
* Parse document block
*/
function parseDocument($container) {
	'use strict';

	var test = document.createElement('div'),
		oldBrowser = (typeof test.style.borderRadius === 'undefined'),
		$body = $('body');

	/**
	 * Change stuff for extensions
	 */
	$('#top_five.forabg').removeClass('forabg').addClass('forumbg');

	/**
	* Adjust navigation tabs
	*/
	$container.find('.nav-tabs').each(function() {
		var tabs = $(this).children().children();

		// Fix tabs structure
		tabs.not('.tab').each(function() {
			var tab = $(this),
				className = tab.attr('class'),
				i;

			className = className ? className.split(' ') : '';
			tab.attr('class', 'tab');
			for (i=0; i<className.length; i++) {
				if (className[i].substr(0, 5) == 'icon-') {
					tab.addClass(className[i].substr(5));
				}
			}
		}).children(':first-child').addClass('nav-link');

		// Tooltips for tabs
		tabs.each(function() {
			var $this = $(this),
				title = '';
			if (!$this.attr('title')) {
				title = $this.children('.nav-link').text().trim();
				if (!title.length) return;

				$this.children('.nav-link + strong').each(function() {
					title += ' (' + $(this).text().trim() + ')';
				});
				$this.attr('title', title);
			}
		});
	});

	/**
	* Switch selected tab
	*/
	$container.find('.nav-tabs[data-current-page]').each(function() {
		var tabs = $(this),
			current = tabs.attr('data-current-page'),
			found = false,
			content, classes, i, key;

		$('.tab[data-select-match]', this).each(function() {
			var matches = $(this).attr('data-select-match').split(','),
				i, match, item;
			
			for (i=0; i<matches.length; i++) {
				match = matches[i].trim();
				if (current.indexOf(match) != -1) {
					// Found a match!
					item = $(this);
					if (!item.hasClass('selected')) {
						tabs.find('.tab.selected').removeClass('selected');
						item.addClass('selected');
					}
					found = true;
					return false;
				}
			}
		});

		// Check for known extensions
		if (found) {
			return;
		}

		content = $container.find('.content.pages-content');
		if (content.length) {
			// Get page content class, try to find matching link
			classes = content.prop('class').split(' ');
			for (i = 0; i < classes.length && !found; i++) {
				key = classes[i].trim();
				if (key !== 'content' && key !== 'pages-content') {
					$container.find('.tab.pages.' + key).each(function() {
						tabs.find('.tab.selected').removeClass('selected');
						$(this).addClass('selected');
						found = true;
					});
				}
			}
			if (found) {
				return;
			}

			// Get first page link
			$container.find('.tab.pages:first').each(function() {
				tabs.find('.tab.selected').removeClass('selected');
				$(this).addClass('selected');
				found = true;
			});
		}
	});

	/**
	* Reset avatar dimensions when changing URL or EMAIL
	*/
	$container.find('input[data-reset-on-edit]').on('keyup', function() {
		$(this.getAttribute('data-reset-on-edit')).val('');
	});

	/**
	* Pagination
	*/
	$container.find('.pagination .page-jump-form :button').click(function() {
		var $input = $(this).siblings('input.inputbox');
		pageJump($input);
	});

	$container.find('.pagination .page-jump-form input.inputbox').on('keypress', function(event) {
		if (event.which === 13 || event.keyCode === 13) {
			event.preventDefault();
			pageJump($(this));
		}
	});

	$container.find('.pagination .dropdown-trigger').click(function() {
		var $dropdownContainer = $(this).parent();
		// Wait a little bit to make sure the dropdown has activated
		setTimeout(function() {
			if ($dropdownContainer.hasClass('dropdown-visible')) {
				$dropdownContainer.find('input.inputbox').focus();
			}
		}, 100);
	});

	/**
	* Adjust HTML code for IE8 and older versions
	*/
	// if (oldBrowser) {
	// 	// Fix .linklist.bulletin lists
	// 	$container
	// 		.find('ul.linklist.bulletin > li')
	// 		.filter(':first-child, .rightside:last-child')
	// 		.addClass('no-bulletin');
	// }

	/**
	* Resize navigation (breadcrumbs) block to keep all links on same line
	*/
	$container.find('.navlinks').each(function() {
		var $this = $(this),
			$left = $this.children().not('.rightside'),
			$right = $this.children('.rightside'),
			queued = false,
			throttled = false;

		if ($left.length !== 1 || !$right.length) {
			return;
		}

		function resize() {
			var width = 0,
				diff = $left.outerWidth(true) - $left.width(),
				minWidth = Math.max($this.width() / 3, 240),
				maxWidth;

			throttled = false;
			$right.each(function() {
				var $this = $(this);
				if ($this.is(':visible')) {
					width += $this.outerWidth(true);
				}
			});

			maxWidth = $this.width() - width - diff;
			$left.css('max-width', Math.floor(Math.max(maxWidth, minWidth)) + 'px');
		}

		resize();
		$(window).resize(function() {
			if (throttled) {
				queued = true;
			}
			else {
				resize();
				throttled = true;
				queued = false;
				setTimeout(function() {
					throttled = false;
					if (queued) {
						resize();
					}
				}, 250);
			}
		});
	});

	/**
	* Makes breadcrumbs responsive
	*/
	$container.find('.breadcrumbs:not([data-skip-responsive])').each(function() {
		var $this = $(this),
			$links = $this.find('.crumb'),
			length = $links.length,
			classes = ['wrapped-max', 'wrapped-wide', 'wrapped-medium', 'wrapped-small', 'wrapped-tiny'],
			classesLength = classes.length,
			maxHeight = 0,
			lastWidth = false,
			wrapped = false,
			queued = false,
			throttled = false;

		// Set tooltips
		$this.find('a').each(function() {
			var $link = $(this);
			$link.attr('title', $link.text());
		});

		// Function that checks breadcrumbs
		function check() {
			var height = $this.height(),
				width;

			// Test max-width set in code for .navlinks above
			width = parseInt($this.css('max-width'), 10);
			if (!width) {
				width = $body.width();
			}

			throttled = false;
			maxHeight = parseInt($this.css('line-height'), 10);
			$links.each(function() {
				if ($(this).height() > 0) {
					maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
				}
			});

			if (height <= maxHeight) {
				if (!wrapped || lastWidth === false || lastWidth >= width) {
					return;
				}
			}
			lastWidth = width;

			if (wrapped) {
				$this.removeClass('wrapped').find('.crumb.wrapped').removeClass('wrapped ' + classes.join(' '));
				if ($this.height() <= maxHeight) {
					return;
				}
			}

			wrapped = true;
			$this.addClass('wrapped');
			if ($this.height() <= maxHeight) {
				return;
			}

			for (var i = 0; i < classesLength; i++) {
				for (var j = length - 1; j >= 0; j--) {
					$links.eq(j).addClass('wrapped ' + classes[i]);
					if ($this.height() <= maxHeight) {
						return;
					}
				}
			}
		}

		// Run function and set event
		check();
		$(window).resize(function() {
			if (throttled) {
				queued = true;
			}
			else {
				check();
				throttled = true;
				queued = false;
				setTimeout(function() {
					throttled = false;
					if (queued) {
						check();
					}
				}, 250);
			}
		});
	});

	/**
	* Responsive link lists
	*/
	var selector = '.linklist:not(.navlinks, [data-skip-responsive]),' +
		'.postbody .post-buttons:not([data-skip-responsive])';
	$container.find(selector).each(function() {
		var $this = $(this),
			filterSkip = '.breadcrumbs, [data-skip-responsive]',
			filterLast = '.edit-icon, .quote-icon, [data-last-responsive]',
			$linksAll = $this.children(),
			$linksNotSkip = $linksAll.not(filterSkip), // All items that can potentially be hidden
			$linksFirst = $linksNotSkip.not(filterLast), // The items that will be hidden first
			$linksLast = $linksNotSkip.filter(filterLast), // The items that will be hidden last
			persistent = $this.attr('id') === 'nav-main', // Does this list already have a menu (such as quick-links)?
			html = '<li class="responsive-menu hidden"><a href="javascript:void(0);" class="js-responsive-menu-link responsive-menu-link"><i class="icon fa-bars fa-fw" aria-hidden="true"></i></a><div class="dropdown"><div class="pointer"><div class="pointer-inner"></div></div><ul class="dropdown-contents" /></div></li>',
			slack = 3; // Vertical slack space (in pixels). Determines how sensitive the script is in determining whether a line-break has occurred.

		// Add a hidden drop-down menu to each links list (except those that already have one)
		if (!persistent) {
			if ($linksNotSkip.is('.rightside')) {
				$linksNotSkip.filter('.rightside:first').before(html);
				$this.children('.responsive-menu').addClass('rightside');
			} else {
				$this.append(html);
			}
		}

		// Set some object references and initial states
		var $menu = $this.children('.responsive-menu'),
			$menuContents = $menu.find('.dropdown-contents'),
			persistentContent = $menuContents.find('li:not(.separator)').length,
			lastWidth = false,
			compact = false,
			responsive1 = false,
			responsive2 = false,
			copied1 = false,
			copied2 = false,
			maxHeight = 0;

		// Find the tallest element in the list (we assume that all elements are roughly the same height)
		$linksAll.each(function() {
			if (!$(this).height()) {
				return;
			}
			maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
		});
		if (maxHeight < 1) {
			return; // Shouldn't be possible, but just in case, abort
		} else {
			maxHeight = maxHeight + slack;
		}

		function check() {
			var width = $body.width();
			// We can't make it any smaller than this, so just skip
			if (responsive2 && compact && (width <= lastWidth)) {
				return;
			}
			lastWidth = width;

			// Reset responsive and compact layout
			if (responsive1 || responsive2) {
				$linksNotSkip.removeClass('hidden');
				$menuContents.children('.clone').addClass('hidden');
				responsive1 = responsive2 = false;
			}
			if (compact) {
				$this.removeClass('compact');
				compact = false;
			}

			// Unhide the quick-links menu if it has "persistent" content
			if (persistent && persistentContent) {
				$menu.removeClass('hidden');
			} else {
				$menu.addClass('hidden');
			}

			// Nothing to resize if block's height is not bigger than tallest element's height
			if ($this.height() <= maxHeight) {
				return;
			}

			// STEP 1: Compact
			if (!compact) {
				$this.addClass('compact');
				compact = true;
			}
			if ($this.height() <= maxHeight) {
				return;
			}

			// STEP 2: First responsive set - compact
			if (compact) {
				$this.removeClass('compact');
				compact = false;
			}
			// Copy the list items to the dropdown
			if (!copied1) {
				var $clones1 = $linksFirst.clone();
				$menuContents.prepend($clones1.addClass('clone clone-first').removeClass('leftside rightside'));

				if ($this.hasClass('post-buttons')) {
					$('.button', $menuContents).removeClass('button');
					$('.sr-only', $menuContents).removeClass('sr-only');
					$('.js-responsive-menu-link').addClass('button').addClass('button-icon-only');
					$('.js-responsive-menu-link .icon').removeClass('fa-bars').addClass('fa-ellipsis-h');
				}
				copied1 = true;
			}
			if (!responsive1) {
				$linksFirst.addClass('hidden');
				responsive1 = true;
				$menuContents.children('.clone-first').removeClass('hidden');
				$menu.removeClass('hidden');
			}
			if ($this.height() <= maxHeight) {
				return;
			}

			// STEP 3: First responsive set + compact
			if (!compact) {
				$this.addClass('compact');
				compact = true;
			}
			if ($this.height() <= maxHeight) {
				return;
			}

			// STEP 4: Last responsive set - compact
			if (!$linksLast.length) {
				return; // No other links to hide, can't do more
			}
			if (compact) {
				$this.removeClass('compact');
				compact = false;
			}
			// Copy the list items to the dropdown
			if (!copied2) {
				var $clones2 = $linksLast.clone();
				$menuContents.prepend($clones2.addClass('clone clone-last').removeClass('leftside rightside'));
				copied2 = true;
			}
			if (!responsive2) {
				$linksLast.addClass('hidden');
				responsive2 = true;
				$menuContents.children('.clone-last').removeClass('hidden');
			}
			if ($this.height() <= maxHeight) {
				return;
			}

			// STEP 5: Last responsive set + compact
			if (!compact) {
				$this.addClass('compact');
				compact = true;
			}
		}

		if (!persistent) {
			phpbb.registerDropdown($menu.find('a.js-responsive-menu-link'), $menu.find('.dropdown'), false);
		}

		// If there are any images in the links list, run the check again after they have loaded
		$linksAll.find('img').each(function() {
            $(this).on('load', function() {
				check();
			});
		});

		check();
		$(window).resize(check);
	});

	/**
	* Fix container for messages
	*/
	$container.find('.postbody').each(function() {
		var $this = $(this),
			children = $this.children();

		if (children.length == 1 && children.is('div')) {
			return;
		}

		$this.wrapInner('<div class="postbody-inner" />');
	});

	/**
	* Adjust post z-index for post profiles for all posts
	*/
	$('.postprofile').each(function(i) {
		var z = Math.max(28 - i, 2);
		$(this).css('z-index', z);
	});

	/**
	* Do not run functions below for old browsers
	*/
	if (oldBrowser) {
		return;
	}

	/**
	* Adjust topiclist lists with check boxes
	*/
	$container.find('ul.topiclist dd.mark').siblings('dt').children('.list-inner').addClass('with-mark');

	/**
	* Appends contents of all extra columns to first column in
	* .topiclist lists for mobile devices. Copies contents as is.
	*
	* To add that functionality to .topiclist list simply add
	* responsive-show-all to list of classes
	*/
	$container.find('.topiclist.responsive-show-all > li > dl').each(function() {
		var $this = $(this),
			$block = $this.find('dt .responsive-show:last-child'),
			first = true;

		// Create block that is visible only on mobile devices
		if (!$block.length) {
			$this.find('dt > .list-inner').append('<div class="responsive-show" style="display:none;" />');
			$block = $this.find('dt .responsive-show:last-child');
		} else {
			first = ($.trim($block.text()).length === 0);
		}

		// Copy contents of each column
		$this.find('dd').not('.mark').each(function() {
			var column = $(this),
				$children = column.children(),
				html = column.html();

			if ($children.length === 1 && $children.text() === column.text()) {
				html = $children.html();
			}

			$block.append((first ? '' : '<br />') + html);

			first = false;
		});
	});

	/**
	* Same as above, but prepends text from header to each
	* column before contents of that column.
	*
	* To add that functionality to .topiclist list simply add
	* responsive-show-columns to list of classes
	*/
	$container.find('.topiclist.responsive-show-columns').each(function() {
		var $list = $(this),
			headers = [],
			headersLength = 0;

		// Find all headers, get contents
		$list.prev('.topiclist').find('li.header dd').not('.mark').each(function() {
			headers.push($(this).text());
			headersLength++;
		});

		if (!headersLength) {
			return;
		}

		// Parse each row
		$list.find('dl').each(function() {
			var $this = $(this),
				$block = $this.find('dt .responsive-show:last-child'),
				first = true;

			// Create block that is visible only on mobile devices
			if (!$block.length) {
				$this.find('dt > .list-inner').append('<div class="responsive-show" style="display:none;" />');
				$block = $this.find('dt .responsive-show:last-child');
			} else {
				first = ($.trim($block.text()).length === 0);
			}

			// Copy contents of each column
			$this.find('dd').not('.mark').each(function(i) {
				var column = $(this),
					children = column.children(),
					html = column.html();

				if (children.length === 1 && children.text() === column.text()) {
					html = children.html();
				}

				// Prepend contents of matching header before contents of column
				if (i < headersLength) {
					html = headers[i] + ': <strong>' + html + '</strong>';
				}

				$block.append((first ? '' : '<br />') + html);

				first = false;
			});
		});
	});

	/**
	* Responsive tables
	*/
	$container.find('table.table1').not('.not-responsive').each(function() {
		var $this = $(this),
			$th = $this.find('thead > tr > th'),
			headers = [],
			totalHeaders = 0,
			i, headersLength;

		// Find each header
		$th.each(function(column) {
			var cell = $(this),
				colspan = parseInt(cell.attr('colspan'), 10),
				dfn = cell.attr('data-dfn'),
				text = dfn ? dfn : cell.text();

			colspan = isNaN(colspan) || colspan < 1 ? 1 : colspan;

			for (i = 0; i < colspan; i++) {
				headers.push(text);
			}
			totalHeaders++;

			if (dfn && !column) {
				$this.addClass('show-header');
			}
		});

		headersLength = headers.length;

		// Add header text to each cell as <dfn>
		$this.addClass('responsive');

		if (totalHeaders < 2) {
			$this.addClass('show-header');
			return;
		}

		$this.find('tbody > tr').each(function() {
			var row = $(this),
				cells = row.children('td'),
				column = 0;

			if (cells.length === 1) {
				row.addClass('big-column');
				return;
			}

			cells.each(function() {
				var cell = $(this),
					colspan = parseInt(cell.attr('colspan'), 10),
					text = $.trim(cell.text());

				if (headersLength <= column) {
					return;
				}

				if ((text.length && text !== '-') || cell.children().length) {
					cell.prepend('<dfn style="display: none;">' + headers[column] + '</dfn>');
				} else {
					cell.addClass('empty');
				}

				colspan = isNaN(colspan) || colspan < 1 ? 1 : colspan;
				column += colspan;
			});
		});
	});

	/**
	* Hide empty responsive tables
	*/
	$container.find('table.responsive > tbody').not('.responsive-skip-empty').each(function() {
		var $items = $(this).children('tr');
		if (!$items.length) {
			$(this).parent('table:first').addClass('responsive-hide');
		}
	});

	/**
	* Responsive tabs
	*/
	$container.find('#tabs, #minitabs').not('[data-skip-responsive]').each(function() {
		var $this = $(this),
			$ul = $this.children(),
			$tabs = $ul.children().not('[data-skip-responsive]'),
			$links = $tabs.children('a'),
			$item = $ul.append('<li class="tab responsive-tab" style="display:none;"><a href="javascript:void(0);" class="responsive-tab-link">&nbsp;</a><div class="dropdown tab-dropdown" style="display: none;"><div class="pointer"><div class="pointer-inner"></div></div><ul class="dropdown-contents" /></div></li>').find('li.responsive-tab'),
			$menu = $item.find('.dropdown-contents'),
			maxHeight = 0,
			lastWidth = false,
			responsive = false;

		$links.each(function() {
			var $this = $(this);
			maxHeight = Math.max(maxHeight, Math.max($this.outerHeight(true), $this.parent().outerHeight(true)));
		});

		function check() {
			var width = $body.width(),
				height = $this.height();

			if (!arguments.length && (!responsive || width <= lastWidth) && height <= maxHeight) {
				return;
			}

			$tabs.show();
			$item.hide();

			lastWidth = width;
			height = $this.height();
			if (height <= maxHeight) {
				if ($item.hasClass('dropdown-visible')) {
					phpbb.toggleDropdown.call($item.find('a.responsive-tab-link').get(0));
				}
				return;
			}

			responsive = true;
			$item.show();
			$menu.html('');

			var $availableTabs = $tabs.filter(':not(.activetab, .responsive-tab)'),
				total = $availableTabs.length,
				i, $tab;

			for (i = total - 1; i >= 0; i--) {
				$tab = $availableTabs.eq(i);
				$menu.prepend($tab.clone(true).removeClass('tab'));
				$tab.hide();
				if ($this.height() <= maxHeight) {
					$menu.find('a').click(function() {
						check(true);
					});
					return;
				}
			}
			$menu.find('a').click(function() {
				check(true);
			});
		}

		var $tabLink = $item.find('a.responsive-tab-link');
		phpbb.registerDropdown($tabLink, $item.find('.dropdown'), {
			visibleClass: 'activetab'
		});

		check(true);
		$(window).resize(check);
	});

	/**
	 * Hide UCP/MCP navigation if there is only 1 item
	 */
	$container.find('#navigation').each(function() {
		var $items = $(this).children('ol, ul').children('li');
		if ($items.length === 1) {
			$(this).addClass('responsive-hide');
		}
	});

	/**
	* Replace responsive text
	*/
	$container.find('[data-responsive-text]').each(function() {
		var $this = $(this),
			fullText = $this.text(),
			responsiveText = $this.attr('data-responsive-text'),
			responsive = false;

		function check() {
			if ($(window).width() > 700) {
				if (!responsive) {
					return;
				}
				$this.text(fullText);
				responsive = false;
				return;
			}
			if (responsive) {
				return;
			}
			$this.text(responsiveText);
			responsive = true;
		}

		check();
		$(window).resize(check);
	});

	/**
	* Static navigation
	*/
	if (styleConfig.staticNavigation) {
		$container.find('.navbar.tabbed > .inner').each(function(i) {
			var nav = this,
				navigation = $(nav),
				isStatic = false,
				parent = navigation.parent(),
				dummy,
				inner,
				$w = $(window),
				minTopPosition = 0,
				minWidth = styleConfig.staticNavigationMinWidth,
				minHeight = styleConfig.staticNavigationMinHeight,
				windowWidth, navHeight,
				queued = false,
				throttled = false;

			navigation.before('<div class="static-nav-dummy inner" style="display:none;" />');
			dummy = navigation.prev();

			navigation.wrapInner('<div class="static-inner" />');
			inner = navigation.children();

			function enableStatic()
			{
				dummy.css('height', Math.floor(navigation.height()) + 'px').show();
				navigation.addClass('static');
				parent.removeClass('not-static');
				isStatic = true;
				checkNavigation(true);
			}

			function disableStatic()
			{
				dummy.hide();
				navigation.removeClass('static');
				parent.addClass('not-static');
				isStatic = false;
				checkNavigation(true);
			}

			function testHash()
			{
				var hash = (window.location.hash) ? window.location.hash : '';
				if (!hash)
				{
					return;
				}
				window.scrollTo($w.scrollLeft(), $w.scrollTop() - navigation.height());
			}

			function check(checkHash)
			{
				var windowTop = 0,
					windowWidth = Math.floor($w.width()),
					top;

				if (windowWidth < minWidth || $w.height() < minHeight) {
					if (isStatic) {
						disableStatic();
					}
					return;
				}
				if (!isStatic)
				{
					navHeight = navigation.height();
					top = nav.getBoundingClientRect().top;
					if (top > 0) {
						return;
					}
					minTopPosition = $w.scrollTop() + top;
					enableStatic();
					if (checkHash) {
						testHash();
					}
					return;
				}
				if ($w.scrollTop() < minTopPosition) {
					disableStatic();
				} else if (checkHash) {
					testHash();
				}
			}

			$w.on('scroll resize', function() { 
				if (!isStatic) {
					check(false);
				}
				else {
					if (!throttled) {
						check(false);
						throttled = true;
						queued = false;
						setTimeout(function() {
							throttled = false;
							if (queued) {
								check(false);
							}
						}, 250);
					}
					else {
						queued = true;
					}
				}
			});
			$w.on('load', function() { check(true); });
			$w.on('hashchange', function() { check(true); });
		});
	}

	/**
	* Empty last post column
	*/
	$container.find('dd.lastpost > span:only-child > br:only-child').parents('dd.lastpost').addClass('empty');

	/**
	* Forum descriptions
	*/
	var animatedDescription = false;
	$container.find('.forabg').each(function(i) {
		var $b = $('body'),
			$w = $(window),
			rtl = $('#phpbb').hasClass('rtl'),
			hide = $(this).attr('data-hide-description') == '1';

		$('a.forumtitle + .forum-description', this).each(function(j) {
			var $this = $(this);

			if (!hide) {
				$this.parents('dl.icon').addClass('with-description');
				return;
			}

			var title = $this.prev(),
				id = 'forumdesc-' + i + '-' + j,
				item, top, left, width, rect, rectWidth;

			$b.append($this);
			$this.attr('id', id).append('<span class="arrow" />');

			title.attr('title', '').hover(function() {
				// Hide previous animation
				if (animatedDescription !== false) {
					animatedDescription.item.stop(true, true).hide();
				}
				animatedDescription = {
					item: $this,
					i: i,
					j: j,
					fading: false
				};

				// Calculate position
				rect = this.getBoundingClientRect();
				rectWidth = rect.width ? rect.width : $(this).width();
				// $this.attr('data-rect', 'top: ' + rect.top + ', left: ' + rect.left + ', width: ' + rectWidth + ', window: ' + $w.width());
				top = Math.floor($w.scrollTop() + rect.top);
				if ((rect.left + rectWidth + 300) > $w.width()) {
					$this.addClass('no-arrow');
					top += Math.floor(rect.height ? rect.height : $(this).height());

					if (!rtl) {
						left = Math.floor($w.scrollLeft() + rect.left);
						$this.css({
							position: 'absolute',
							top: top + 'px',
							left: left + 'px'
						});
					}
					else {
						left = Math.floor($w.scrollLeft() + rect.left + rectWidth);
						$this.css({
							position: 'absolute',
							top: top + 'px',
							right: left + 'px'
						});
					}
				}
				else if (!rtl) {
					$this.removeClass('no-arrow');
					left = Math.floor($w.scrollLeft() + rect.left + rectWidth + 10);
					$this.css({
						position: 'absolute',
						top: top + 'px',
						left: left + 'px'
					});
				}
				else {
					$this.removeClass('no-arrow');
					left = Math.floor($w.scrollLeft() + rect.left - 10);
					$this.css({
						position: 'absolute',
						top: top + 'px',
						right: left + 'px'
					});
				}

				// Show
				$this.stop(true, true).fadeIn(200);
			}, function() {
				// Hide
				animatedDescription.fading = true;
				setTimeout(700, function() {
					if (animatedDescription !== false && animatedDescription.i == i && animatedDescription.j == j && animatedDescription.fading) {
						animatedDescription = false;
					}
				});
				$this.delay(500).fadeOut(200);
			});

			$this.addClass('toggle').click(function() {
				// Hide
				$this.stop(true, true).fadeOut(100);
				if (animatedDescription !== false && animatedDescription.i == i && animatedDescription.j == j) {
					animatedDescription = false;
				}
			});
		});
	});

	/**
	* HD images
	*/
	if (window.matchMedia && window.matchMedia('(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)').matches) {
		$container.find('img[data-src-hd]').each(function() {
			var img = this,
				$this = $(this),
				hdImage = new Image(),
				hdLoaded = false,
				normalLoaded = false;

			function replaceImage() 
			{
				$this.css('width', (img.naturalWidth ? img.naturalWidth : img.width) + 'px');
				img.setAttribute('src', img.getAttribute('data-src-hd'));
			}

			if (img.complete) {
				normalLoaded = true;
			}
			else {
				img.onload = function() {
					if (normalLoaded) {
						return;
					}
					normalLoaded = true;
					if (hdLoaded) {
						replaceImage();
					}
				};
			}

			hdImage.onload = function() {
				hdLoaded = true;
				if (normalLoaded) {
					replaceImage();
				}
			};
			hdImage.src = img.getAttribute('data-src-hd');
		});
	}

	/**
	* Split buttons
	*/
	$container.find('div.buttons a.button.icon-button').each(function() {
		var $this = $(this),
			words;

		if ($this.children().length) return;

		words = $this.text().trim().split(' ');
		if (words.length > 1) {
			$this.text(words.shift() + ' ').append('<strong />');
			$this.find('strong').text(words.join(' '));
		}
	});

	/**
	* Add online status
	*/
	$('#phpbb.can-transform[data-online-text]').each(function() {
		var text = $(this).attr('data-online-text');

		$container.find('.online').each(function() {
			var $this = $(this);

			$this.css('position', 'relative').append('<span class="online-ribbon"><span>' + text + '</span><span>' + text + '</span></span>');
		});
	});

	/**
	* Extend poster profile
	*/
	if (styleConfig._loaded) {
		$container.find('.postprofile + .postbody > div:only-child').each(function() {
			adjustPosterProfile($(this));
		});
	}

	/**
	* Collapse forums
	*/
	if (styleConfig.collapseForums) {
		$container.find('.forabg li.header').each(function() {
			var $this = $(this),
				forum = $this.parent().next('ul.forums'),
				id = 0,
				toggled = false,
				toggle;

			if (forum.length != 1) {
				return;
			}

			// Find category id
			$('a[data-id]', $this).each(function() {
				id = parseInt(this.getAttribute('data-id'));
			});
			if (!id) {
				forum.find('.forumtitle[data-id]:first').each(function() {
					id = parseInt(this.getAttribute('data-id'));
					if (!isNaN(id)) {
						id = 'f' + id;
					}
				});
			}
			if (!id) {
				return;
			}

			// Add toggle code
			$this.append('<a class="forum-toggle" href="#"></a>');
			toggle = $this.find('.forum-toggle');
			toggle.click(function(event) {
				event.preventDefault();
				if (toggled) {
					forum.stop(true, true).slideDown(200);
					toggled = false;
					toggle.removeClass('toggled');
					phpbb.deleteCookie('toggled-' + id, styleConfig.cookieConfig);
					return;
				}
				forum.stop(true, true).slideUp(200);
				toggled = true;
				toggle.addClass('toggled');
				phpbb.setCookie('toggled-' + id, '1', styleConfig.cookieConfig);
			});

			// Check default state
			if (phpbb.getCookie('toggled-' + id, styleConfig.cookieConfig) == '1') {
				forum.stop(true, true).slideUp(0);
				toggled = true;
				toggle.addClass('toggled');
			}
		});
	}
}

/**
* Run onload functions
*/
jQuery(function($) {
	'use strict';

	function processResizeEvent()
	{
		styleConfig._resizeThrottled = false;

		checkNavigation(false);

		if (styleConfig.extendPosterProfile) {
			$('.postprofile + .postbody > div:only-child').each(function() {
				adjustPosterProfile($(this));
			});
		}
	}

	var transforms = ['transform', 'webkitTransform', 'msTransform'],
		i, test;

	// Cookie configuration
	styleConfig.cookieConfig = {
		prefix: '',
		path: '/',
		expires: new Date()
	};
	styleConfig.cookieConfig.expires.setFullYear(styleConfig.cookieConfig.expires.getFullYear() + 1);

	// Swap .nojs and .hasjs
	$('#phpbb.nojs').toggleClass('nojs hasjs');
	$('#phpbb').toggleClass('hastouch', phpbb.isTouch);
	$('#phpbb.hastouch').removeClass('notouch');

	// Focus forms
	$('form[data-focus]:first').each(function() {
		$('#' + this.getAttribute('data-focus')).focus();
	});

	// Check for transformations
	test = $('#phpbb').get(0);
	for (i=0; i<transforms.length; i++) {
		if (typeof(test.style[transforms[i]]) != 'undefined') {
			$('#phpbb').addClass('can-transform');
			break;
		}
	}

	// Cookies
	phpbb.setCookie = function(name, value, config) {
		config = $.extend({
			prefix: '',
			path: '/'
		}, typeof config === 'object' ? config : {});

		document.cookie = config.prefix + name + '=' + encodeURIComponent(value)
			+ (config.expires === undefined ? '' : ';expires=' + config.expires.toUTCString())
			+ (config.path  ? ';path=' + config.path : '')
			+ (config.domain ? ';domain=' + config.domain : '');

		return value;
	};

	phpbb.getCookie = function(name, config) {
		var expr, cookie;

		config = $.extend({
			prefix: '',
			path: '/'
		}, typeof config === 'object' ? config : {});

		expr = new RegExp('(^| )' + config.prefix + name + '=([^;]+)(;|$)');
		cookie = expr.exec(document.cookie);

		if (cookie)
		{
			return decodeURIComponent(cookie[2]);
		}
		else
		{
			return null;
		}
	};

	phpbb.deleteCookie = function(name, config) {
		config = $.extend({
			prefix: '',
			path: '/'
		}, typeof config === 'object' ? config : {});

		document.cookie = config.prefix + name + '='
			+ (config.path  ? '; path=' + config.path : '')
			+ (config.domain ? '; domain=' + config.domain : '')
			+ '; expires=Thu, 01-Jan-70 00:00:01 GMT';

		return null;
	};

	// Responsive navigation
	initResponsiveNavigation();

	// Parse body
	parseDocument($('body'));

	// Check responsive navigation
	checkNavigation(true);

	// Events
	styleConfig._loaded = true;
	styleConfig._resizeThrottled = false;
	styleConfig._resizeQueued = false;

	$(window).on('load', function() {
		checkNavigation(true);
		if (styleConfig.extendPosterProfile) {
			$('.postprofile + .postbody > div:only-child').each(function() {
				adjustPosterProfile($(this));
			});
		}
	});

	$(window).resize(function() {
		if (!styleConfig._resizeThrottled) {
			processResizeEvent();
			styleConfig._resizeThrottled = true;
			styleConfig._resizeQueued = false;
			setTimeout(function() {
				styleConfig._resizeThrottled = false;
				if (styleConfig._resizeQueued) {
					processResizeEvent();
				}
			}, 500);
		} else {
			styleConfig._resizeQueued = true;
		}
	});
});
