/* ---------------------------------------------------------------------------------
   file-start: js/jquery/jquery.comments.js 
*/

 /**
 * @author dmitry.petrov@sup.com (Dmitry Petrov)
 * @fileoverview Utility functions to navigate through comments tree in s1
 */
(function($) {

/**
 * @name $.comments
 * @namespace Utility functions to get certain comments on the page.
 * Comment nodes are the ones that have b-leaf class. Twigs are their
 * direct parents.
 */
$.comments = $.comments || {
	/**
	 * @type Boolean
	 */
	options: {
		selectors: {
			leaf: '.b-leaf',
			levelTwig: '.b-tree-twig-{level}',
			twig: '.b-tree-twig'
		},
		classNames: {
			levelTwig: 'b-tree-twig-{level}'
		}
	},
	/**
	 * If this flag is false, the comments animation is diabled.
	 * @type Boolean
	 */
	skipAnimation: (jQuery.browser.msie && (+jQuery.browser.version) <= 8) || LJ.Support.isMobile() || false,
	/**
	 * This flag is used to change some hotkeys according to the mac os system specific reality.
	 * @type Boolean
	 */
	isMac: !!(navigator.appVersion.match(/mac/i)),

	_selector: function(name) { return this.options.selectors[name]; },
	_className: function(name) { return this.options.classNames[name]; }
};

var __sel = $.comments._selector.bind($.comments),
	__class = $.comments._className.bind($.comments);

/** @lends $.comments */
$.extend($.comments, {
	/**
	 * Get commentLevel
	 *
	 * @param {jQuery} node Leaf or twig node
	 * @return {Number} Comment's level.
	 */
	level: function(node) {
		var twig = (node.is(__sel('twig'))) ? node : node.closest(__sel('twig')),
			match = RegExp(__class('levelTwig').supplant({ level: '(\\d+)'}))
					.exec(twig.prop('className'));

		return match && parseInt(match[1], 10) || 1;
	},

	/**
	 * Finds the specific parent of the comment
	 * @param {jQuery} node Comment node.
	 * @param {String=} ditemid HTML id of comment to find. If not defined, function
	 *     will search for direct ancestor.
	 *
	 * @return {jQuery|false} Returns comment node or false if such parent was not found.
	 */
	parent: function(node, ditemid) {
		var twig = node.closest(__sel('twig')),
			level = $.comments.level(twig),
			prev = twig;

			while (level > 1) {
				level--;
				prev = prev.prevAll(__sel('levelTwig').supplant({ level: level}) + ':first');

				if (prev.length === 0) { return false; }
				if (!ditemid || prev.data('tid') === ditemid) { return prev.find(__sel('leaf')); }
			}

			return false;
	},

	/**
	 * Check if comment has children.
	 *
	 * @param {jQuery} node Leaf or twig node
	 * @return {Boolean} True if coment has child comments.
	 */
	hasChildren: function(node) {
		var twig = (node.is(__sel('twig'))) ? node : node.closest(__sel('twig')),
			level = $.comments.level(twig);

		return $.comments.level(twig.next()) > level;
	},

	/**
	 * Check if on comment is child of another
	 *
	 * @param {jQuery} child Child comment or twig.
	 * @param {jQuery} parent Parent comment or twig.
	 *
	 * @return {Boolean}
	 */
	isChild: function(child, parent) {
		var childTwig = (child.is(__sel('twig'))) ? child : child.closest(__sel('twig')),
			parentTwig = (parent.is(__sel('twig'))) ? parent : parent.closest(__sel('twig')),
			parentLevel = $.comments.level(parent),
			childLevel = $.comments.level(child);

		if (childLevel === 1 || childLevel <= parentLevel) { return false; } //check obvious cases
		var realParent = childTwig.prevAll(__sel('levelTwig').supplant({ level: parentLevel }) + ':first');

		return realParent.get(0) === parentTwig.get(0);
	},

	/**
	 * Get all comments in the thread including the param comment/
	 *
	 * @param {jQuery} node Root node.
	 * @return {jQuery} jQuery collection containing all leaves of the thread.
	 */
	getThread: function(node, raw) {
		var twig = node.closest(__sel('twig')),
			level = $.comments.level(twig),
			children = raw? [] : jQuery(),
			next = twig,
			nextLevel;

		if (raw) {
			children.push(twig.find(__sel('leaf')));
		} else {
			children = children.add(twig.find(__sel('leaf')));
		}

		while(true) {
			next = next.next();
			if (next.length === 0) { break; }

			nextLevel = $.comments.level(next);
			if (nextLevel <= level) { break; }
			if (raw) {
				children.push(next.find(__sel('leaf')));
			} else {
				children = children.add(next.find(__sel('leaf')));
			}
		}

		return children;
	}
});

})(jQuery);
;

/* file-end: js/jquery/jquery.comments.js 
----------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------
   file-start: js/jquery/jquery.lj.commentsPager.js 
*/

/* ---------------------------------------------------------------------------------
   file-start: js/jquery/jquery.hotkeys.js 
*/

/*
 * jQuery Hotkeys Plugin
 * Copyright 2010, John Resig
 * Dual licensed under the MIT or GPL Version 2 licenses.
 *
 * Based upon the plugin by Tzury Bar Yochay:
 * http://github.com/tzuryby/hotkeys
 *
 * Original idea by:
 * Binny V A, http://www.openjs.com/scripts/events/keyboard_shortcuts/
*/

(function(jQuery){
	
	jQuery.hotkeys = {
		version: "0.8",

		specialKeys: {
			8: "backspace", 9: "tab", 13: "return", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause",
			20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown", 35: "end", 36: "home",
			37: "left", 38: "up", 39: "right", 40: "down", 45: "insert", 46: "del", 
			96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7",
			104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111 : "/", 
			112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5", 117: "f6", 118: "f7", 119: "f8", 
			120: "f9", 121: "f10", 122: "f11", 123: "f12", 144: "numlock", 145: "scroll", 187: "+", 189: "-", 191: "/", 224: "meta"
		},
	
		shiftNums: {
			"`": "~", "1": "!", "2": "@", "3": "#", "4": "$", "5": "%", "6": "^", "7": "&", 
			"8": "*", "9": "(", "0": ")", "-": "_", "=": "+", ";": ": ", "'": "\"", ",": "<", 
			".": ">",  "/": "?",  "\\": "|"
		}
	};

	function keyHandler( handleObj ) {
		// Only care when a possible input has been specified
		if ( typeof handleObj.data !== "string" ) {
			return;
		}
		
		var origHandler = handleObj.handler,
			keys = handleObj.data.toLowerCase().split(" ");
	
		handleObj.handler = function( event ) {
			// Don't fire in text-accepting inputs that we didn't directly bind to
			if ( this !== event.target && (/textarea|select/i.test( event.target.nodeName ) ||
				 /text|password|search|tel|url|email|number/.test( event.target.type ) ) ) {
				return;
			}
			
			// Keypress represents characters, not special keys
			var special = event.type !== "keypress" && jQuery.hotkeys.specialKeys[ event.which ],
				character = String.fromCharCode( event.which ).toLowerCase(),
				key, modif = "", possible = {};

			// check combinations (alt|ctrl|shift+anything)
			if ( event.altKey && special !== "alt" ) {
				modif += "alt+";
			}

			if ( event.ctrlKey && special !== "ctrl" ) {
				modif += "ctrl+";
			}
			
			// TODO: Need to make sure this works consistently across platforms
			if ( event.metaKey && !event.ctrlKey && special !== "meta" ) {
				modif += "meta+";
			}

			if ( event.shiftKey && special !== "shift" ) {
				modif += "shift+";
			}

			if ( special ) {
				possible[ modif + special ] = true;

			} else {
				possible[ modif + character ] = true;
				possible[ modif + jQuery.hotkeys.shiftNums[ character ] ] = true;

				// "$" can be triggered as "Shift+4" or "Shift+$" or just "$"
				if ( modif === "shift+" ) {
					possible[ jQuery.hotkeys.shiftNums[ character ] ] = true;
				}
			}

			for ( var i = 0, l = keys.length; i < l; i++ ) {
				if ( possible[ keys[i] ] ) {
					return origHandler.apply( this, arguments );
				}
			}
		};
	}

	jQuery.each([ "keydown", "keyup", "keypress" ], function() {
		jQuery.event.special[ this ] = { add: keyHandler };
	});

})( jQuery );
;

/* file-end: js/jquery/jquery.hotkeys.js 
----------------------------------------------------------------------------------*/

 /**
 * @author dmitry.petrov@sup.com (Dmitry Petrov)
 * @fileoverview LiveJournal pager for comments page.
 */

/**
 * @name $.lj.commentsPager
 * @requires $.ui.core, $.ui.widget, $.lj.basicWidget
 * @class Widget pager on the comments page. It handles ctrl + arrows
 *     or alt + arrow (for mac) hotkeys to navigate between comments pages.
 */
(function ($) {
	"use strict";
	// external variable that allows us detect master widget (that perform actions)
	var bound = false;

	/** @lends $.lj.commentsPager.prototype */
	$.widget('lj.commentsPager', jQuery.lj.basicWidget, {
		options: {
			classNames: {
				first: 'b-pager-first',
				last: 'b-pager-last',
				mac: 'b-pager-mac',
				active: 'b-pager-page-active'
			},
			selectors: {
				page: '.b-pager-page',
				prev: '.b-pager-prev a',
				next: '.b-pager-next a',
				active: '.b-pager-page-active'
			}
		},

		_create: function() {
			$.lj.basicWidget.prototype._create.apply(this);

			var selectors = this.options.selectors,
				el = this.element;

			// scroll top coordinate of the window (for down scroll detection)
			this._scrollTop = null;
			// jQuery element of bottom paginator
			this._bottomPager = null;
			// cache object, contains cached pages, to prevent double sending of
			// ajax request when scroll takes place
			this._cachePages = {};
			// timer for staying on the page
			// Used for prevent double firing of cache event on scroll (that is fired often)
			this._cachePagesTime = 100;

			this._links = {
				prev: el.find(selectors.prev),
				next: el.find(selectors.next)
			};

			if ($.comments.isMac) {
				this.element.addClass( this._cl('mac') );
			}

			this._ajaxLoader = !!(LJ.get('ajaxPagination') && LJ.Support.history);
			this._currentPage = parseInt(el.find(selectors.active).text(), 10) || 1;
			this._totalPages = this._el('page').length;
			this._master = false;

			// this is a workaround for Chrome, as it fires popstate on first load,
			// if this flag is 0, then we should not execute popstate callback
			this._pushStateCount = /webkit/i.test(navigator.userAgent)? 0 : 1;

			this._bindControls();
		},

		_bindControls: function() {
			$.lj.basicWidget.prototype._bindControls.apply(this);

			var self = this,
				modifier = ($.comments.isMac) ? 'alt' : 'ctrl',
				lt = LJ.Function.threshold(this._switch, 500);

			// detect master and bind actions for it
			if (!bound) {
				jQuery(document)
					.bind('keydown', modifier + '+left', lt.bind(this, 'prev'))
					.bind('keydown', modifier + '+right', lt.bind(this, 'next'));

				if (this._ajaxLoader) {
					window.onpopstate = function () {
						var page = 1;

						if (location.href.match(/page=(\d+)/)) {
							page = Number(RegExp.$1);
						}

						if (self._currentPage !== page && self._pushStateCount > 0 ) {
							self._currentPage = page;
							self._fire('commentsPage', [page], true);
						}
					};

					$(window).on('scroll', LJ.Function.throttle(this._scroll.bind(this), 100));
				}

				bound = true;
				this._master = true;
			}

			if (this._ajaxLoader) {
				this.element
					.on('click', this._s('page'), this.loadPage.bind(this))
					.on('click', this._s('next'), this.next.bind(this))
					.on('click', this._s('prev'), this.prev.bind(this));

				this._on('commentsPage', function (page) {
					this._updatePager(page);
				}.bind(this));
			}
		},

		/**
		 * Correct page number: if less than 1: 1
		 * if great than max: max
		 * @param  {Number} num Page number to correct
		 * @return {Number}     Corrected page number
		 */
		_correctPageNumber: function (num) {
			if (num < 1) {
				return 1;
			} else if (num > this._totalPages) {
				return this._totalPages;
			} else {
				return num;
			}
		},

		_scroll: function () {
			var prevScrollTop,
				that = this;

			// works only for master pager
			if (!this._master) {
				return;
			}

			prevScrollTop = this._scrollTop;
			this._scrollTop = $(window).scrollTop();

			// we should react only scrolling from top to bottom
			if (this._scrollTop <= prevScrollTop) {
				return;
			}

			// cache bottom pager
			this._bottomPager = this._bottomPager || $('.b-pager').last();

			// if bottom pager is on the screen: preload previous and next pages
			if (this._bottomPager.is(':screenable') && !this._cachePages[ this._currentPage ]) {
				this._cachePages[ this._currentPage ] = true;
				// fire cache event once per <_cachePagesTime> seconds
				setTimeout(function () {
					that._cachePages[ that._currentPage ] = false;
				}, that._cachePagesTime * 1000);
				this._fire('cachePage', [ this._correctPageNumber(this._currentPage + 1) ]);
				this._fire('cachePage', [ this._correctPageNumber(this._currentPage - 1) ]);
			}
		},

		/**
		 * Switch page
		 * @param  {Number/String} dir Direction: possible values: 'prev', 'next', <page number>
		 * @param  {Object} ev  jQuery event
		 */
		_switch: function (dir, ev) {
			var page,
				cachePage,
				that = this;

			if (this._ajaxLoader) {
				if (dir !== 'next' && dir !== 'prev') {
					page = dir;
				} else {
					page = this._currentPage + (dir === 'next' ? 1 : -1);
				}

				page = this._correctPageNumber(page);

				if (page !== this._currentPage) {
					this._fire('commentsPage', [ page ], true);
				}
			} else {
				var link = this._links[dir].prop('href');
				document.location = link;
			}

			if (ev && ev.preventDefault) {
				ev.preventDefault();
			}
		},

		_updatePager: function (page) {
			var newlink;

			this._el('page')
				.removeClass(this._cl('active'))
				.eq(page - 1)
				.addClass(this._cl('active'));

			this.element
				.toggleClass(this._cl('first'), page === 1)
				.toggleClass(this._cl('last'), page === this._totalPages);

			if (this._ajaxLoader && this._master) {
				newlink = location.href.split('#')[0]
							.replace(/\&?(page|view)=\d+/g, '');

				newlink = LiveJournal.constructUrl(newlink,
						page > 1 ? { page: page } : null)
							.replace('?&', '?');

				if (page !== this._currentPage) {
					this._pushStateCount++;
					window.history.pushState(null, '', newlink);
				}
			}

			/* Rewrite prev and next links */
			if (this._ajaxLoader) {
				newlink = location.href.split('#')[0].replace(/\&?(page|view)=\d+/g, '');
				this._el('prev').attr('href', LiveJournal.constructUrl(newlink, page < 3? null : { page: page - 1 }));
				this._el('next').attr('href', LiveJournal.constructUrl(newlink, { page: page + 1 }));
			}

			this._currentPage = page;
		},

		loadPage: function (ev) {
			var page = Number(jQuery(ev.currentTarget).text());
			this._switch(page, ev);
		},

		/**
		 * Returns the number of the current comment page.
		 *
		 * @return {number}
		 */
		page: function () {
			return this._currentPage;
		},

		/**
		 * Redirect to the next page of comments.
		 */
		next: function (ev) {
			this._switch('next', ev);
		},

		/**
		 * Redirect to the previous.
		 */
		prev: function(ev) {
			this._switch('prev', ev);
		}
	});
}(jQuery));
;

/* file-end: js/jquery/jquery.lj.commentsPager.js 
----------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------
   file-start: js/jquery/jquery.lj.comments.js 
*/

LJ.UI.registerTemplate('templates-Comments-Twig', "<div class=\"b-tree-twig{{if $data.level}} b-tree-twig-{{html $data.level}}{{/if}}\" style=\"margin-left: {{html $data.margin}}px\" data-tid=\"t{{html $data.dtalkid}}\"> {{if $data.html}} {{html $data.html}} {{else}} {{if $data.more}} <div class=\"b-leaf b-leaf-seemore{{if $data.moreclass}} b-leaf-seemore-{{html $data.moreclass}}{{/if}}\" data-parent=\"{{html $data.parent}}\" data-dtalkids=\"{{html $data.data}}\" data-updated-ts=\"{{html $data.touched}}\" data-count=\"{{html $data.more}}\"> <div class=\"b-leaf-inner\"> {{each ($value.actions || $data.actions)}} <span class=\"b-leaf-seemore-more\"> <a href=\"{{if ($value.href || $data.href)}}{{html ($value.href || $data.href)}}{{else}}#{{/if}}\" rel=\"nofollow\" class=\"b-pseudo\">{{html ($value.title || $data.title)}}</a> </span> {{if ($value.ljusers || $data.ljusers)}} <span class=\"b-leaf-seemore-from\">{{html LJ.mltext(\'talk.from\')}}</span> <span class=\"b-leaf-seemore-users\">{{each ($value.ljusers || $data.ljusers)}}{{if !(($value.anonymous || $data.anonymous))}}{{if ($value.legacy || $data.legacy)}}{{html ($value.ljuser || $data.ljuser)}}{{else}}<span {{if ($value.inline_css || $data.inline_css)}} style=\" white-space:nowrap; {{if ($value.striked || $data.striked)}} text-decoration:line-through; {{/if}} \" {{/if}} class=\"ljuser {{if !(($value.inline_css || $data.inline_css))}} i-ljuser {{if ($value.striked || $data.striked)}} i-ljuser-deleted {{/if}} {{/if}} {{if ($value.noctxpopup || $data.noctxpopup)}} noctxpopup i-ljuser-nopopup {{/if}} {{if ($value.alias || $data.alias)}} with-alias i-ljuser-withalias {{/if}} {{if ($value.side_alias || $data.side_alias)}} with-alias-value i-ljuser-showalias {{/if}}\" {{html ($value.attrs || $data.attrs)}} lj:user=\"{{html ($value.username || $data.username)}}\" ><a href=\"{{html ($value.profile_url || $data.profile_url)}}\" {{if ($value.target || $data.target)}} target=\"{{html ($value.target || $data.target)}}\" {{/if}} class=\"i-ljuser-profile\" ><img {{if ($value.inline_css || $data.inline_css)}} width=\"16\" height=\"16\" style=\"vertical-align:text-bottom;border:0;padding-right:1px;\" {{else}} class=\"i-ljuser-userhead\" {{/if}} src=\"{{html ($value.userhead_url || $data.userhead_url)}}\" /></a><a href=\"{{html ($value.journal_url || $data.journal_url)}}\" class=\"i-ljuser-username\" {{if ($value.color || $data.color)}} style=\"color:{{html ($value.color || $data.color)}};\" {{/if}} {{if ($value.target || $data.target)}} target=\"{{html ($value.target || $data.target)}}\" {{/if}} {{if ($value.alias || $data.alias)}} title=\"{{html ($value.user_alias || $data.user_alias)}}\" {{/if}} >{{if ($value.inline_css || $data.inline_css)}}{{if ($value.bold || $data.bold)}}<b>{{/if}}{{html ($value.journal || $data.journal)}}{{if ($value.alias || $data.alias)}}<span class=\"useralias-value\">*</span>{{/if}}{{if ($value.bold || $data.bold)}}</b>{{/if}}{{else}}{{if ($value.bold || $data.bold)}}<b>{{/if}}{{html ($value.journal || $data.journal)}}{{if ($value.bold || $data.bold)}}</b>{{/if}}{{/if}}</a>{{if ($value.alias || $data.alias) && ($value.side_alias || $data.side_alias)}}<span class=\"alias-value i-ljuser-alias\">{{html ($value.user_alias || $data.user_alias)}}</span>{{/if}}</span>{{/if}}{{else}}{{html LJ.mltext(\'talk.anonuser\')}}{{/if}}{{if !(($index ===  ljusers.length - 1))}},&nbsp;{{/if}}{{/each}}{{if ($value.moreusers || $data.moreusers)}}&hellip;{{/if}}</span> {{/if}} <span class=\"b-leaf-seemore-expand\"> <a href=\"{{if ($value.href || $data.href)}}{{html ($value.href || $data.href)}}{{else}}#{{/if}}\" rel=\"nofollow\" class=\"b-pseudo\">{{html LJ.mltext(\'talk.expandlink\')}}</a> </span> {{/each}} </div> </div> {{else}} {{if $data.deleted || !$data.shown}} <div class=\"b-leaf b-leaf-clipped b-leaf-{{html $data.leafclass}}\" id=\"t{{html $data.dtalkid}}\"> <div class=\"b-leaf-inner\"> <div class=\"b-leaf-cheader\"> <p class=\"b-leaf-status\"> {{if $data.leafclass == \'deleted\'}} {{html LJ.mltext(\'talk.deletedpost\')}} {{else $data.leafclass == \'screened\'}} {{html LJ.mltext(\'talk.screenedpost\')}} {{else $data.leafclass == \'spammed\'}} {{html LJ.mltext(\'talk.spammedpost\')}} {{else $data.leafclass == \'suspended\'}} {{html LJ.mltext(\'talk.suspendedpost\')}} {{/if}}</p> {{if $data.controls}} <ul class=\"b-leaf-controls\"> {{each ($value.controls || $data.controls)}}{{if ($value.allowed || $data.allowed)}} <li class=\"b-leaf-controls-item\"> <a class=\"b-controls b-controls-{{html ($value.name || $data.name)}}\" title=\"{{html ($value.title || $data.title)}}\" href=\"{{if ($value.href || $data.href)}}{{html ($value.href || $data.href)}}{{else}}#{{/if}}\" rel=\"nofollow\"> <i class=\"b-controls-bg\"></i> {{html ($value.title || $data.title)}} </a> </li> {{/if}}{{/each}} </ul> {{/if}} {{if $data.actions}} <ul class=\"b-leaf-actions\"> {{each ($value.actions || $data.actions)}} {{if !(($value.footer || $data.footer))}} {{if ($value.allowed || $data.allowed)}} {{if !($value.checkbox || $data.checkbox) || ($value.massactions || $data.massactions)}} <li class=\"b-leaf-actions-item b-leaf-actions-{{if ($value.checkbox || $data.checkbox)}}check{{else}}{{html ($value.name || $data.name)}}{{/if}}{{if ($value.active || $data.active)}} active{{/if}}\"> {{if ($value.disabled || $data.disabled)}} {{html ($value.title || $data.title)}} {{else}} {{if ($value.checkbox || $data.checkbox)}} <input id=\"c{{html ($value.dtalkid || $data.dtalkid)}}\" name=\"selected_{{html ($value.talkid || $data.talkid)}}\" class=\"b-leaf-actions-checkbox\" type=\"checkbox\" autocomplete=\"off\"> <label class=\"b-leaf-actions-label\" for=\"c{{html ($value.dtalkid || $data.dtalkid)}}\">{{html ($value.title || $data.title)}}</label> {{else}} <a {{if ($value.name || $data.name) != \'permalink\'}}class=\"b-pseudo\"{{/if}} href=\"{{if ($value.href || $data.href)}}{{html ($value.href || $data.href)}}{{else}}#{{/if}}\" rel=\"nofollow\"> {{html ($value.title || $data.title)}} </a>{{if ($value.ljusers || $data.ljusers)}}&nbsp;{{html ($value.ljusers || $data.ljusers)}}{{if ($value.moreusers || $data.moreusers)}}, ...{{/if}}{{/if}} {{/if}} {{/if}} </li> {{/if}} {{/if}} {{/if}} {{/each}} </ul> {{/if}} </div> <div class=\"b-leaf-footer\"> {{if $data.actions}} <ul class=\"b-leaf-actions\"> {{each ($value.actions || $data.actions)}} {{if ($value.footer || $data.footer)}} {{if ($value.allowed || $data.allowed)}} {{if !($value.checkbox || $data.checkbox) || ($value.massactions || $data.massactions)}} <li class=\"b-leaf-actions-item b-leaf-actions-{{if ($value.checkbox || $data.checkbox)}}check{{else}}{{html ($value.name || $data.name)}}{{/if}}{{if ($value.active || $data.active)}} active{{/if}}\"> {{if ($value.disabled || $data.disabled)}} {{html ($value.title || $data.title)}} {{else}} {{if ($value.checkbox || $data.checkbox)}} <input id=\"c{{html ($value.dtalkid || $data.dtalkid)}}\" name=\"selected_{{html ($value.talkid || $data.talkid)}}\" class=\"b-leaf-actions-checkbox\" type=\"checkbox\" autocomplete=\"off\"> <label class=\"b-leaf-actions-label\" for=\"c{{html ($value.dtalkid || $data.dtalkid)}}\">{{html ($value.title || $data.title)}}</label> {{else}} <a {{if ($value.name || $data.name) != \'permalink\'}}class=\"b-pseudo\"{{/if}} href=\"{{if ($value.href || $data.href)}}{{html ($value.href || $data.href)}}{{else}}#{{/if}}\" rel=\"nofollow\"> {{html ($value.title || $data.title)}} </a>{{if ($value.ljusers || $data.ljusers)}}&nbsp;{{html ($value.ljusers || $data.ljusers)}}{{if ($value.moreusers || $data.moreusers)}}, ...{{/if}}{{/if}} {{/if}} {{/if}} </li> {{/if}} {{/if}} {{/if}} {{/each}} </ul> {{/if}} </div> </div> </div> {{else}} <div class=\"b-leaf {{if $data.leafclass}} b-leaf-{{html $data.leafclass}}{{/if}} {{if $data.suspended}} b-leaf-suspended{{/if}} {{if $data.tracked}} b-leaf-tracked{{/if}} {{if $data.subclass}} b-leaf-{{html $data.subclass}}{{/if}} {{if $data.p_tracked}} b-leaf-tracked-parent{{/if}} {{if $data.modereply}} b-leaf-modereply{{/if}} {{if $data.uname == $data.poster}} b-leaf-poster{{/if}}\" {{if $data.loaded}} data-full=\"1\" {{/if}} data-username=\"{{html $data.uname}}\" data-displayname=\"{{html $data.dname}}\" data-updated-ts=\"{{html $data.ctime_ts}}\" {{if $data.subject}} data-subject=\"{{html $data.subject}}\" {{/if}} id=\"t{{html $data.dtalkid}}\"> <div class=\"b-leaf-inner\"> <div class=\"b-leaf-header\"> <div class=\"b-leaf-userpic\"> <span class=\"b-leaf-userpic-inner\"> {{if $data.userpic}} <img src=\"{{html $data.userpic}}\" alt=\"\" {{if $data.upictitle}}title=\"{{html $data.upictitle}}\"{{/if}}> {{else}} <img src=\"{{html $data.statprefix}}{{if $data.username}}/img/userpics/userpic-user.png?v=15821{{else}}/img/userpics/userpic-anonymous.png?v=15821{{/if}}\" alt=\"\"> {{/if}} </span> </div> <div class=\"b-leaf-details\"> {{if $data.shown}} <p class=\"b-leaf-username\"> <span class=\"b-leaf-username-name\">{{if $data.username}}{{if $data.deleted_poster}}{{html $data.deleted_poster}}{{else}}{{each ($value.username || $data.username)}}{{if ($value.legacy || $data.legacy)}}{{html ($value.ljuser || $data.ljuser)}}{{else}}<span {{if ($value.inline_css || $data.inline_css)}} style=\" white-space:nowrap; {{if ($value.striked || $data.striked)}} text-decoration:line-through; {{/if}} \" {{/if}} class=\"ljuser {{if !(($value.inline_css || $data.inline_css))}} i-ljuser {{if ($value.striked || $data.striked)}} i-ljuser-deleted {{/if}} {{/if}} {{if ($value.noctxpopup || $data.noctxpopup)}} noctxpopup i-ljuser-nopopup {{/if}} {{if ($value.alias || $data.alias)}} with-alias i-ljuser-withalias {{/if}} {{if ($value.side_alias || $data.side_alias)}} with-alias-value i-ljuser-showalias {{/if}}\" {{html ($value.attrs || $data.attrs)}} lj:user=\"{{html ($value.username || $data.username)}}\" ><a href=\"{{html ($value.profile_url || $data.profile_url)}}\" {{if ($value.target || $data.target)}} target=\"{{html ($value.target || $data.target)}}\" {{/if}} class=\"i-ljuser-profile\" ><img {{if ($value.inline_css || $data.inline_css)}} width=\"16\" height=\"16\" style=\"vertical-align:text-bottom;border:0;padding-right:1px;\" {{else}} class=\"i-ljuser-userhead\" {{/if}} src=\"{{html ($value.userhead_url || $data.userhead_url)}}\" /></a><a href=\"{{html ($value.journal_url || $data.journal_url)}}\" class=\"i-ljuser-username\" {{if ($value.color || $data.color)}} style=\"color:{{html ($value.color || $data.color)}};\" {{/if}} {{if ($value.target || $data.target)}} target=\"{{html ($value.target || $data.target)}}\" {{/if}} {{if ($value.alias || $data.alias)}} title=\"{{html ($value.user_alias || $data.user_alias)}}\" {{/if}} >{{if ($value.inline_css || $data.inline_css)}}{{if ($value.bold || $data.bold)}}<b>{{/if}}{{html ($value.journal || $data.journal)}}{{if ($value.alias || $data.alias)}}<span class=\"useralias-value\">*</span>{{/if}}{{if ($value.bold || $data.bold)}}</b>{{/if}}{{else}}{{if ($value.bold || $data.bold)}}<b>{{/if}}{{html ($value.journal || $data.journal)}}{{if ($value.bold || $data.bold)}}</b>{{/if}}{{/if}}</a>{{if ($value.alias || $data.alias) && ($value.side_alias || $data.side_alias)}}<span class=\"alias-value i-ljuser-alias\">{{html ($value.user_alias || $data.user_alias)}}</span>{{/if}}</span>{{/if}}{{/each}}{{/if}}{{else}}{{html LJ.mltext(\'talk.anonuser\')}}{{/if}}</span> {{if $data.ipaddr}}<span class=\"b-leaf-ipaddr\">{{html $data.ipaddr}}</span>{{/if}} </p> <p class=\"b-leaf-meta\"> {{if $data.ctime}} <span class=\"b-leaf-createdtime\">{{html $data.ctime}}</span> {{/if}} {{if $data.stime}} <span class=\"b-leaf-shorttime\">{{html $data.stime}}</span> {{/if}} {{if $data.etime}} <span class=\"b-leaf-editedtime\">{{html LJ.mltext(\'talk.edited\')}}&nbsp;{{html $data.etime}}</span> {{/if}} </p> {{if $data.actions}} <ul class=\"b-leaf-actions\"> {{each ($value.actions || $data.actions)}} {{if !(($value.footer || $data.footer))}} {{if ($value.allowed || $data.allowed)}} {{if !($value.checkbox || $data.checkbox) || ($value.massactions || $data.massactions)}} <li class=\"b-leaf-actions-item b-leaf-actions-{{if ($value.checkbox || $data.checkbox)}}check{{else}}{{html ($value.name || $data.name)}}{{/if}}{{if ($value.active || $data.active)}} active{{/if}}\"> {{if ($value.disabled || $data.disabled)}} {{html ($value.title || $data.title)}} {{else}} {{if ($value.checkbox || $data.checkbox)}} <input id=\"c{{html ($value.dtalkid || $data.dtalkid)}}\" name=\"selected_{{html ($value.talkid || $data.talkid)}}\" class=\"b-leaf-actions-checkbox\" type=\"checkbox\" autocomplete=\"off\"> <label class=\"b-leaf-actions-label\" for=\"c{{html ($value.dtalkid || $data.dtalkid)}}\">{{html ($value.title || $data.title)}}</label> {{else}} <a {{if ($value.name || $data.name) != \'permalink\'}}class=\"b-pseudo\"{{/if}} href=\"{{if ($value.href || $data.href)}}{{html ($value.href || $data.href)}}{{else}}#{{/if}}\" rel=\"nofollow\"> {{html ($value.title || $data.title)}} </a>{{if ($value.ljusers || $data.ljusers)}}&nbsp;{{html ($value.ljusers || $data.ljusers)}}{{if ($value.moreusers || $data.moreusers)}}, ...{{/if}}{{/if}} {{/if}} {{/if}} </li> {{/if}} {{/if}} {{/if}} {{/each}} <li class=\"b-leaf-actions-item b-leaf-actions-new\"><span class=\"b-thisisnew\">{{html LJ.mltext(\'talk.new\')}}</span></li> </ul> {{/if}} {{/if}} {{if $data.loaded}} {{if $data.controls}} <ul class=\"b-leaf-controls\"> {{each ($value.controls || $data.controls)}}{{if ($value.allowed || $data.allowed)}} <li class=\"b-leaf-controls-item\"> <a class=\"b-controls b-controls-{{html ($value.name || $data.name)}}\" title=\"{{html ($value.title || $data.title)}}\" href=\"{{if ($value.href || $data.href)}}{{html ($value.href || $data.href)}}{{else}}#{{/if}}\" rel=\"nofollow\"> <i class=\"b-controls-bg\"></i> {{html ($value.title || $data.title)}} </a> </li> {{/if}}{{/each}} </ul> {{/if}} {{/if}} </div> </div> {{if $data.article}} <div class=\"b-leaf-article\"> {{if $data.subject}}<h4 class=\"b-leaf-subject\">{{html $data.subject}}</h4>{{/if}} {{html $data.article}} </div> {{/if}} <div class=\"b-leaf-footer\"> {{if $data.actions}} <ul class=\"b-leaf-actions\"> {{each ($value.actions || $data.actions)}} {{if ($value.footer || $data.footer)}} {{if ($value.allowed || $data.allowed)}} {{if !($value.checkbox || $data.checkbox) || ($value.massactions || $data.massactions)}} <li class=\"b-leaf-actions-item b-leaf-actions-{{if ($value.checkbox || $data.checkbox)}}check{{else}}{{html ($value.name || $data.name)}}{{/if}}{{if ($value.active || $data.active)}} active{{/if}}\"> {{if ($value.disabled || $data.disabled)}} {{html ($value.title || $data.title)}} {{else}} {{if ($value.checkbox || $data.checkbox)}} <input id=\"c{{html ($value.dtalkid || $data.dtalkid)}}\" name=\"selected_{{html ($value.talkid || $data.talkid)}}\" class=\"b-leaf-actions-checkbox\" type=\"checkbox\" autocomplete=\"off\"> <label class=\"b-leaf-actions-label\" for=\"c{{html ($value.dtalkid || $data.dtalkid)}}\">{{html ($value.title || $data.title)}}</label> {{else}} <a {{if ($value.name || $data.name) != \'permalink\'}}class=\"b-pseudo\"{{/if}} href=\"{{if ($value.href || $data.href)}}{{html ($value.href || $data.href)}}{{else}}#{{/if}}\" rel=\"nofollow\"> {{html ($value.title || $data.title)}} </a>{{if ($value.ljusers || $data.ljusers)}}&nbsp;{{html ($value.ljusers || $data.ljusers)}}{{if ($value.moreusers || $data.moreusers)}}, ...{{/if}}{{/if}} {{/if}} {{/if}} </li> {{/if}} {{/if}} {{/if}} {{/each}} <li class=\"b-leaf-actions-item b-leaf-actions-new\"> <span class=\"b-thisisnew\">{{html LJ.mltext(\'talk.new\')}}</span> </li> </ul> {{/if}} </div> </div> </div> {{/if}} {{/if}} {{/if}} </div>", 'JQuery.stat');
/**
 * @author dmitry.petrov@sup.com (Dmitry Petrov)
 * @fileoverview LiveJournal comments widget. Responsible for updating and expanding/collapsing comments.
 */

/**
 * @name $.lj.comments
 * @requires $.ui.core, $.ui.widget, $.lj.basicWidget
 * @class Widget represents all the comments on the page.
 * @extends $.lj.basicWidget
 */
(function($,window) {
	'use strict';

	// special cache object
	var Cacher = (function () {
		var _stack = [],
			// cached pages object
			_pages = {},
			// object contains time of add page to cache
			_times = {},

			// time (in seconds) while results of caching are valid
			// after that, they will be removed from cache
			_cacheTime = 180,
			// cache stack size (amount of pages that will be cached at the moment)
			_cacheSize = 10,
			// pager widget instance
			_pagerWidget = null,
			// comments widget instance
			_commentsWidget = null;

		/**
		 * Check if page is cached. Also remove frome cache, if data is not up to date
		 * @param  {Number}  page Page to check
		 * @return {Boolean}      Result of checking
		 */
		function isCached(page) {
			var cache = _pages[page],
				time = new Date();

			if (cache) {
				if ( _isPageTimeValid(page) ) {
					return true;
				} else {
					remove(page);
				}
			}
			return false;
		}

		/**
		 * Check if provided page timestamp is valid (not greater than <_cacheTime> seconds ago)
		 * @private
		 * @param  {Number} page Number of page to test caching time
		 * @return {Boolean}      Result of checking
		 */
		function _isPageTimeValid(page) {
			var now = new Date(),
				pageCacheTime = _times[page];

			return now - pageCacheTime < _cacheTime * 1000;
		}

		/**
		 * Check stack length and remove extra cached pages (if length is greater than <_cacheSize>)
		 * @private
		 */
		function _checkStack() {
			var page;

			while (_stack.length > _cacheSize) {
				page = _stack[0];
				remove(page);
			}
		}

		/**
		 * Cache page
		 * @param {Number} num Page number
		 * @param {Object} json JSON with comments. If provided - we will not do server request
		 */
		function add(page, json) {
			if ( isCached(page) ) {
				return;
			}

			if (json) {
				_pages[page] = json;
				_times[page] = new Date();
				_stack.push(page);
				_checkStack();
			} else {
				// fetch page json from server
				_commentsWidget._fetchThread(page, function (json) {
					_pages[page] = json;
					_times[page] = new Date();
					_stack.push(page);
					_checkStack();
				});
			}
		}

		/**
		 * Get page json from cache
		 * @param  {Number} page Page number
		 * @return {Object/null}      Comments json for the page, or null, if page hasn't been cached
		 */
		function get(page) {
			return isCached(page) ? _pages[page] : null;
		}

		/**
		 * Remove page from cache and from cache stack
		 * @private
		 * @param  {Number} page Page number
		 */
		function remove(page) {
			// if page hasn't been cached - return
			if (!_pages[page]) {
				return;
			}

			delete _pages[page];
			delete _times[page];
			_stack = _stack.filter(function (pageNumber) {
				return pageNumber !== page;
			});
		}

		/**
		 * Initialize cacher
		 * @param  {Object} commentsWidget Comments widget instance
		 * @param  {Object} pagerWidget    Pager widget instance
		 */
		function init(commentsWidget, pagerWidget) {
			_commentsWidget = commentsWidget;
			_pagerWidget = pagerWidget;
		}

		return {
			init: init,
			add: add,
			remove: remove,
			get: get,
			isCached: isCached
		};
	}());

	/** @lends $.lj.comments.prototype */
	$.widget('lj.comments', jQuery.lj.basicWidget, {
		options: {
			selectors: {
				linkCollapse: '.b-leaf-actions-collapse a',
				linkExpand: '.b-leaf-actions-expand a',
				linkExpandChildren: '.b-leaf-actions-expandchilds a',
				leafMore: '.b-leaf-seemore',
				seeMore: '.b-leaf-seemore-more a, .b-leaf-seemore-expand a',
				commentDeleted: '.b-leaf-deleted',
				leaf: '.b-leaf',
				leafCollapsed: '.b-leaf-collapsed',
				tree: '.b-tree-root',
				twig: '.b-tree-twig',
				pager: '.b-pager',
				replyCounter: '.b-xylem-cell-amount .js-amount',
				spamCounter: '.b-xylem-cell-spam .js-amount',
				commentsJSON: '#comments_json'
			},
			classNames: {
				groveLoading: 'b-grove-loading',
				newComment: 'b-leaf-new',
				leafCollapsed: 'b-leaf-collapsed',
				leafCollapsing: 'b-leaf-collapsing',
				leafExpanding: 'b-leaf-expanding',
				leafActive: 'b-leaf-commenting',
				leafShow: 'b-leaf-hover',
				leafClipped: 'b-leaf-clipped',
				leafLevelUp: 'b-leaf-seemore-parent',
				leafMore: 'b-leaf-seemore',
				shortTime: 'b-leaf-shorttime',
				seeMoreVertical: 'b-leaf-seemore-depth',
				groveShowOnHover: 'b-grove-hover',
				showSpam: 'b-grove-showspam',
				twigLevel: 'b-tree-twig-'
			},
			templates: {
				twig: '<div class="b-tree-twig b-tree-twig-{level}" style="margin-left: {margin}px" data-tid="t{dtalkid}">{html}</div>',
				emptyLeaf: '<div class="b-leaf" id="t{dtalkid}"></div>',
				leaf: 'templates-Comments-Twig'
			}
		},

		_create: function() {
			$.lj.basicWidget.prototype._create.apply(this);
			var match = location.href.match(/(\d+)\.html/),
				// inline comments json
				json = null,
				that = this,
				currentPage;

			this._itemid = match && match[1];
			this._root = this._el('tree');
			this._pager = this._el('pager');

			this._constructionCache = {};

			this._showSpamPage = this.element.hasClass(this._cl('showSpam'));

			this.element.removeClass(this._cl('groveShowOnHover'));
			this._bindControls();

			this._pager.commentsPager();
			this._pagerWidget = this._pager.first().data('commentsPager');

			this._replycount = LJ.get('replycount') || 0;
			this._spamcount = LJ.get('spamcount') || 0;

			// initialize cache object
			Cacher.init(this, this._pagerWidget);

			// cache pages handler
			this._on('cachePage', Cacher.add);

			if (typeof LJ.get('comments') !== 'undefined') {
				this.element.addClass(this._cl('groveLoading'));
				this._root.css({ 'min-height': $(window).height() });
				this._hideRoot();

				this._one('commentsConstructed', function () {
					this._restoreRoot();
					this.element.removeClass(this._cl('groveLoading'));
				}.bind(this));

				this._on('commentsPage', function () {
					this._root.css({ 'min-height': $(window).height() });
					this._loadPage.apply(this, [].slice.call(arguments));
					$(window).scrollTop(this.element.offset().top + this.element.outerHeight() - this.element.height());
				}.bind(this));

				this._on('commentsConstructed', function () {
					this._root.removeAttr('style');
					if (this.hasOwnProperty('_realRoot')) {
						this._realRoot.removeAttr('style');
					}
				}.bind(this));

				// parse inline json
				json = LJ.get('comments');
				// if we have no comments on the page
				if (this._pagerWidget) {
					// cache page
					currentPage = this._pagerWidget.page();
					Cacher.add( currentPage, json );
				}
				// create comments tree
				this._constructComments(json);

				// initial hash jump (e.g. /79375.html?thread=1568271#t1568271)
				// seems that only Firefox actually needs it
				setTimeout(function() {
					if (document.location.hash.length > 0) {
						document.location.hash = document.location.hash;
					}
				}, 0);
			}
		},

		_loadPage: function(num) {
			var self = this,
				stop = false,
				cancel = function () {
					stop = true;
				},
				processResults = function(json) {
					if (stop) {
						return;
					}

					self._one('commentsConstructed', function () {
						self._restoreRoot();
						self.element.removeClass(self._cl('groveLoading'));
					});

					self._hideRoot();
					self._off('commentsPage', cancel);
					self._constructComments(json);
					self._fire('commentsPageLoaded', [num]);
				};

			Function.defer(this._one.bind(this, 'commentsPage', cancel));

			this._constructionCache = {};
			this._currentPage = num;
			this._root.empty();

			// get page from cache if it has been cached
			if ( Cacher.isCached(num) ) {
				return processResults( Cacher.get(num) );
			}

			//we don't need very fast loader
			var d = +new Date(),
				mindelay = 1500;

			this.element.addClass(this._cl('groveLoading'));

			this._fetchThread(num, function(json) {
				var d2 = +new Date();

				if (d2 - d < mindelay) {
					setTimeout(processResults.bind(null, json), mindelay - (d2 - d));
				} else {
					processResults(json);
				}

				Cacher.add(num, json);
			});
		},

		/**
		 * Bind common events for the widget
		 */
		_bindControls: function() {
			var self = this,
				selectors = this.options.selectors,
				classNames = this.options.classNames;

			$.lj.basicWidget.prototype._bindControls.apply(this);

			['Expand', 'Collapse', 'ExpandChildren'].forEach(function(el) {
				var selector = selectors['link' + el],
					method = el.toLowerCase();

				if (method === 'expandchildren') { method = 'expand'; }

				self.element.delegate(selector, 'click', function(ev) {
					var leaf = jQuery(this).closest(selectors.leaf);
					//we pass leaf variable just not to construct jquery object again
					self[method](leaf.prop('id'), leaf);
					ev.preventDefault();
				});
			});

			//we show hovered buttons after little delay
			var hoverFunc = new LJ.DelayedCall(function(leaf) { leaf.addClass(classNames.leafShow); }, 150);
			var loadTimeStamp = new LJ.DelayedCall(this._loadTimestamp.bind(this), 150);

			this.element.delegate(selectors.leaf, 'click', function(ev) {
				$(this).removeClass(classNames.newComment);
			})
			.delegate(selectors.seeMore, 'click', function(ev) {
				var leaf = jQuery(this).closest(selectors.leaf);

				if (leaf.hasClass(classNames.leafLevelUp)) { return; }

				self._loadMore(leaf);
				ev.preventDefault();
			})
			.delegate(selectors.leaf, 'mouseover', function(ev) {
				var $this = jQuery(this);

				if (ev.target.className.indexOf(classNames.shortTime) !== -1 &&
					!ev.target.getAttribute('title')) {
					loadTimeStamp.run($this, jQuery(ev.target));
				}

				if (!$this.hasClass(classNames.leafShow)) {
					hoverFunc.run($this);
				}
			})
			.delegate(selectors.leaf, 'mouseout', function(ev) {
				var leaf = jQuery(this),
					toEl = jQuery(ev.relatedTarget);

				loadTimeStamp.stop();
				if (toEl.closest(leaf).length === 0) {
					hoverFunc.stop();
					leaf.removeClass(classNames.leafShow);
				}
			});

			this.element
				.bind("expand", function(ev, ditemid, skipAnimation) { self.expand(ditemid, null, skipAnimation); })
				.bind("collapse", function(ev, ditemid, skipAnimation) { self.collapse(ditemid, null, skipAnimation); })
				.bind("refreshThread", this._refreshThread.bind(this))
				.bind('newComment', this._addNewComment.bind(this))
				.bind("deleteComment", this._deleteComment.bind(this))
				.bind("removeFromDOM", this._removeFromDOM.bind(this));

			//proxy to internal events system
			this.element.bind('commentsUpdated', function(ev, ditemid, action, count) {
				var delta = 0;
				if (action === 'addnew') {
					delta = 1;
				} else if (action === 'delone' || action === 'delmany') {
					delta = -count;
				}

				if (delta !== 0) {
					//On the spam comments page we can delete only spam
					if (self._showSpamPage) {
						self._spamNumberChanged(delta);
					} else {
						self._commentsNumberChanged(delta);
					}
				}
			});

			if (this._el('commentsJSON').length === 0) {
				setTimeout(this._highlightNewComments.bind(this), 100); //do not block the ui with comments scanning
			}

			// remove page from cache after add comment
			LiveJournal.register_hook('commentator/submit', function () {
				if ( self._pagerWidget ) {
					Cacher.remove( self._pagerWidget.page() );
				}
			});
		},

		/**
		 * Load date timestamp for the corresponding collapsed element.
		 *
		 * @param {jQuery} leaf Comment element.
		 * @param {jQuery} dateSpan Date span element.
		 */
		_loadTimestamp: function(leaf, dateSpan) {
				var params = {
					journal: Site.currentJournal,
					thread: leaf.attr('id').substr(1)
				},
				handleAnswer = function(ans) {
					if (ans.status === 'ok') {
						dateSpan.attr('title', ans.stamp);
					}
				};

				jQuery.get(LiveJournal.getAjaxUrl('get_thread_timestamp'), params,
							handleAnswer, 'json');
		},

		/**
		 * Highlight comments considered as new on the page.
		 *     On every page load scripts finds the comment with he biggest id,
		 *     and considers all with the bigger ids as new on the next load.
		 */
		_highlightNewComments: function() {
			this._highlightNewLeaves(this.element.find(this.options.selectors.leaf));
		},

		_highlightNewLeaves: function(leaves, ts) {
			ts = ts || this._getPageTimestamp();

			var self = this,
				newClass = this.options.classNames.newComment,
				maxts = ts || 0;

			$.each(leaves, function() {
				var stamp = parseInt( this.getAttribute('data-updated-ts'), 10), //we do not generate jquery objects for speed
					commentUsername = this.getAttribute('data-username'),
					leafClasses = this.className,
					isLoadMore = leafClasses.indexOf(self._cl('leafMore')) !== -1;

				if (maxts < stamp && !isLoadMore) { maxts = stamp; }
				if (ts && stamp > ts && (!Site.remoteUser || (Site.remoteUser !== commentUsername))) {
					this.className = leafClasses + ' ' + newClass;

					if (isLoadMore) {
						this.setAttribute('data-max-ts', ts);
					}
				}
			});

			var truets = this._getPageTimestamp();

			if (!ts || truets < maxts) {
				this._setPageTimestamp(maxts);
			}
		},

		_getPageTimestamp: function() {
			var hash = this._getPageHash(),
				store = LJ.Storage.getItem(hash) || {};

			return store && parseInt(store.stamp, 10);
		},

		_setPageTimestamp: function(stamp) {
			if (!stamp) { return; }

			var hash = this._getPageHash();
			LJ.Storage.setItem(hash, { stamp: stamp, updated: +new Date() });
		},

		/**
		 * Calculate hash of the page. Different pages of comments and different threads in the same
		 *     post are considered as distinct pages.
		 *
		 * @return {String} Page hash.
		 */
		_getPageHash: function() {
			var hash = ['url=' + Site.currentEntry];
			hash.push('thread=' + (LiveJournal.parseGetArgs(location.href).thread || 0));
			hash.push('page=' + this._getCurrentPage());

			return hash.join(';');
		},

		/**
		 * Get current page of of comments
		 *
		 * @return {Number}
		 */
		_getCurrentPage: function() {
			return this._pager.length === 0 ? 1 : this._pager.commentsPager('page');
		},

		_addPoster: function(data) {
			data.poster = LJ.get('entry.poster');
		},

		/**
		 * Construct twig to add markup for the new comment on the page and place it on the page.
		 *
		 * @param {Object} data Object contains the data necessary to build markup.
		 *     Fields: dtalkid and parent exist in any output from __rpc_get_thread endpoint.
		 *     If templates are disabled endpoints returns html field and all the data for
		 *     the template otherwise.
		 *
		 *  @return {jQuery} jQuery object representing twig element of the new comment.
		 */
		_createComment: function(data) {
			var selectors = this.options.selectors,
				classNames = this.options.classNames,
				tmpl = this.options.templates,
				level, margin, twig, parent, leaves;

			if (data.parent) {
				if (this._constructionCache.hasOwnProperty(data.parent)) {
					parent = this._constructionCache[data.parent];
				} else {
					parent = this._root.find('#t' + data.parent);
				}

				leaves = $.comments.getThread(parent, true);

				if (!data.level) {
					level = $.comments.level(parent) + 1;
				} else {
					level = data.level;
				}

				twig = leaves[leaves.length - 1].closest(selectors.twig);
			} else {
				level = 1;
				twig = this._root;
			}

			margin = data.margin || (level - 1) * 30;

			var newTwig,
				twigParams = {
					dtalkid: data.dtalkid,
					level: level,
					margin: margin
				};

			if (data.hasOwnProperty('html')) {
				newTwig = jQuery(tmpl.twig
						.supplant({ html: data.html || tmpl.emptyLeaf })
						.supplant(twigParams));
				// twigParams.html = data.html || tmpl.emptyLeaf.supplant({ dtalkid: data.dtalkid });
			} else {
				data = $.extend({}, data, {
					level: level,
					margin: margin
				});

				this._addPoster(data);

				newTwig = this._tmpl('leaf', data);
			}

			if (twig === this._root) {
				twig.append(newTwig);
			} else {
				newTwig.insertAfter(twig);
			}

			this._constructionCache[data.dtalkid] = newTwig;
			return newTwig;
		},

		/**
		 * Event handler responsible for creating new comments on the page.
		 *
		 * @param {jQuery.Event} ev jQuery event object.
		 * @param {Object} data Data necessary to build comment.
		 */
		_addNewComment: function(ev, data) {
			//we redirect if the new comment is on the other page
			if (this._showSpamPage ||
					//we have only one page in the thread so do not look on the server answer
					(!LiveJournal.parseGetArgs(location.href).thread && (this._getCurrentPage() - data.page !== 0)) ||
				//we can't post a root comment in a thread view
				(!data.parenttalkid && LiveJournal.parseGetArgs(location.href).thread)) {
				window.location.href = decodeURIComponent(data.result);
				return;
			}

			if (jQuery('#t' + data.dtalkid).length === 0) {
				var parenttalkid = data.parenttalkid && data.parenttalkid.substr(1) || null;
				this._createComment({ dtalkid: data.dtalkid, parent: parenttalkid, html: ''});
				jQuery('#t' + data.dtalkid).empty();
			}
			this._refreshThread(null, data.dtalkid, true, 'addnew');
			setTimeout(function() {
				window.location.hash = 't' + data.dtalkid; //we need this because opera will not jump to the new location otherwise.
			}, 0);
		},

		/**
		 * Construct comments from the json.
		 *
		 * @param {Array} json array of objects with data necessary to build comments.
		 * @param {number} ts Timestamp to determine whether the comment is new or not.
		 */
		_constructComments: function(json, ts) {
			var self = this,
				leaves = [],
				jsonlen = json.length,
				count = 0,
				createLeaf = LJ.Function.threshold(function() {
					if (count === jsonlen) {
						self._off('commentsPage', cancel);
						self._highlightNewLeaves(leaves, ts);
						self._fire('commentsConstructed', null, true);
						count++;
						return;
					}

					if (count > jsonlen) {
						return;
					}

					var tid = 't' + json[count].dtalkid,
						leaf = self._createComment(json[count]).find(self._s('leaf'));

					leaves.push(leaf.get(0));

					count++;

					createLeaf();
				}, 25, true),
				cancel = function () {
					self._restoreRoot();
					createLeaf.resetQueue();
				};

			ts = ts || this._getPageTimestamp();

			/*
				Process 25 comments at once
				then let browser breeze
			*/
			createLeaf.batch(20);

			Function.defer(self._one.bind(self, 'commentsPage', cancel));

			// Init construction
			createLeaf();
		},

		/**
		 * Process load more link. The link should contain id of the parent comment.
		 * Max-ts is set programmatically to the value of the timestamp that was on
		 * the moment when page was opened.
		 *
		 * @param {jQuery} leaf The leaf node of load more link.
		 */
		_loadMore: function(leaf) {
			var self = this,
				parent = leaf.data('parent');

			leaf.addClass(this.options.classNames.leafExpanding);

			this._fetchThread('t' + parent, function(results) {
				results.shift(); // Skip thread parent
				self._constructComments(results, leaf.data('max-ts'));
				leaf.remove();
			}, null, leaf.hasClass(this._cl('seeMoreVertical')) ? 0 : 2); //load more starts always from the third comment in the thread
		},

		/**
		 * Event handler responsible for deleting comments.
		 *
		 * @param {jQuery.Event} ev jQuery event object.
		 * @param {number|string} ditemid Comment ditemid.
		 * @param {boolean} delThread Delete full thread starting from this comment.
		 * @param {boolean} delAuthor Delete all comments of this author in the post.
		 */
		_deleteComment: function(ev, ditemid, delThread, delAuthor) {
			var selectors = this.options.selectors,
				self = this,
				outerHTML = function(el) {
					return el.clone().wrap('<div/>').parent().html();
				},
				fillNodes = function() {
					nodesToRemove.replaceWith(deletedNodeHTML);
					self.element.trigger('commentsUpdated', [ 't' + ditemid, ( delThread || delAuthor ) ? 'delmany' : 'delone', nodesToRemove.length ]);
					self._checkSpamPageStatus();
				},
				//we get outerHTML for deleted comment from the post
				deletedNode = this.element.find(selectors.commentDeleted + ':first'),
				deletedNodeHTML = deletedNode.length && outerHTML(deletedNode),
				nodesToRemove = this.element.find('#t' + ditemid);

			if (deletedNode.length === 0) {
				this._fetchThread('t' + ditemid, function(results) {
					//we do not simply assign string, because we should check the answer for errors
					var nodeData = results.pop(),
						node = nodeData.hasOwnProperty('html') ?
									jQuery(nodeData.html).filter(selectors.commentDeleted) :
									self._tmpl('leaf', nodeData).find(selectors.commentDeleted);

					if (node.length === 0) {
						throw new Error('Comment t' + ditemid + ' has not been deleted');
					}
					deletedNodeHTML = outerHTML(node);

					fillNodes();
				}, true);
			}

			if (delThread) {
				nodesToRemove = nodesToRemove.add($.comments.getThread(nodesToRemove));
			}

			if (delAuthor) {
				nodesToRemove = nodesToRemove.add(this.element.find(selectors.leaf + '[data-username=' + delAuthor + ']'));
			}

			if (deletedNode.length !== 0) {
				fillNodes();
			}
		},

		/**
		 * Event handler responsible for removing comments from the DOM
		 * without any further actions.
		 *
		 * @param {jQuery.Event} ev jQuery event object.
		 * @param {number|string|Array} ditemids Comment ditemid or an array of such items
		 */
		_removeFromDOM: function(ev, ditemids, action) {
			var self = this;
			if (!jQuery.isArray(ditemids)) { ditemids = [ditemids]; }

			ditemids.forEach(function(ditemid) {
				var selector = '#t' + ditemid,
					node = jQuery(selector);

				if (node.length > 0) {
					node.remove();
				}
			});

			this._checkSpamPageStatus();

			if (this._showSpamPage && (action === 'spamcomment' || action === 'unspam')) {
				this._spamNumberChanged(-ditemids.length);
				this._commentsNumberChanged(ditemids.length);
			}
		},

		/**
		 * For spam pages we check the number of nondeleted comments on each
		 * comment remove and redirect to the normal comments page if there
		 * are none of them.
		 */
		_checkSpamPageStatus: function() {
			var args,
				base,
				selectors = this.options.selectors,
				selector = selectors.leaf + ':not(' + selectors.commentDeleted + ')' + ':first';

			if (this._showSpamPage && (this.element.find(selector).length === 0)) {
				args = LiveJournal.parseGetArgs(location.href);
				base = location.href.split('?')[0];

				delete args.mode;
				delete args.page;
				location.href = LiveJournal.constructUrl(base, args).replace(/\?$/, '') + '#comments';
			}
		},

		/**
		 * Event handler responsible for initiating refresh of commments.
		 *
		 * @param {jQuery.Event} ev jQuery event object.
		 * @param {number|string} ditemid Comment ditemid.
		 * @param {boolean=} fetchSingle If true the method will trigger the update
		 *     of only this comment and of the full thread otherwise.
		 * @param {string} Action that caused thread refresh. Used to figure out if
		 *     any comments should not be updated.
		 */
		_refreshThread: function(ev, ditemid, fetchSingle, action) {
			var self = this;
			//here we should collapse nodes, that were not returned by ajax
			this._fetchThread('t' + ditemid, function(result) {
				self._applyFetchResults(result, true, function() {
					if (!fetchSingle) {
						var ditemids = [];

						for (var i = 0, l = result.length; i < l; ++i) {
							ditemids.push('t' + result[i].dtalkid);
						}

						var idsStr = ' ' + ditemids.join(' ') + ' ';

						//these nodes where not updated with request, so, close them
						var badNodes = $.comments.getThread(jQuery('#t' + ditemid))
											.filter(function() {
												return -1 === idsStr.indexOf(' ' + this.id + ' ');
											});

						badNodes
							.addClass(self._cl('leafCollapsed'))
							.removeAttr('data-full');
					}

					self.element.trigger('commentsUpdated', [ 't' + ditemid, action ]);
				}, action);
			}, fetchSingle);
		},

		/**
		 * Load page or thread.
		 *
		 * @param {string|number} tid String starting with "t.." will be treated like thread, or
		 *	it will be treated as page number.
		 * @param {Function(json)} resultsCallback A callback with one argument for resulting JSON.
		 * @param {boolean=false} fetchSingle Whether to fetch only one comment.
		 * @param {number=} skip Need to figure out the meaning of that parameter on the server.
		 */
		_fetchThread: function(tid, resultsCallback, fetchSingle, skip) {
			fetchSingle = fetchSingle || false;
			resultsCallback = resultsCallback || $.noop;

			var self = this;

			var match = tid.toString().match(/t(\d+)/),
				id = match && match[1],
				fetchType = 'thread';

			if (!id) {
				fetchType = 'page';
				id = tid;
			}

			var fetchParams = {
					journal: Site.currentJournal,
					itemid: this._itemid,
					flat: fetchSingle ? '1' : '',
					skip: skip ? skip : ''
				},
				getArgs = LiveJournal.parseGetArgs( location.href );

			fetchParams[fetchType] = id;
			if (fetchType === 'thread') {
				fetchParams.expand_all = fetchSingle ? '' : '1';
			}

			if( getArgs && !!getArgs.style && getArgs.style === "mine" ) {
				fetchParams.style = "mine";
			}

			var xhr = jQuery.ajax({
					url: LiveJournal.getAjaxUrl('get_thread'),
					data: fetchParams,
					dataType: 'json',
					timeout: 7500
				}).success(function(result) {
					self._off('commentsPage', cancel);

					if ('comments' in result) {
						self._updateCounters(result);
						result = result.comments;
					}

					resultsCallback(result);
				}).error(function(result, type) {
					if (type === 'abort') {
						return;
					} else {
						self._off('commentsPage', cancel);
					}

					setTimeout(self._fetchThread.bind(self, tid, resultsCallback, fetchSingle), 500);
				}),
				cancel = function () {
					self._restoreRoot();
					xhr.abort();
				};

			Function.defer(self._one.bind(self, 'commentsPage', cancel));
		},

		_updateCounters: function (data) {
			if ('replycount' in data) {
				this._el('replyCounter').html(LJ.ml('talk.replycount', { count: data.replycount }));
			}

			if ('spamcount' in data) {
				this._el('spamCounter').html(LJ.ml('talk.spamcount', { count: data.spamcount }));
			}
		},

		_applyFetchResults: function(results, leaveCollapsed, succ, action) {
			var self = this,
				count = results.length,
				updateCount = function() {
					count--;
					if (!count) {
						succ();
					}
				};

			succ = succ || $.noop;

			results.forEach(function(el) {
				var div;

				if (el.html) {
					div = jQuery(el.html).filter('div');
				} else {
					self._addPoster(el);
					div = self._tmpl('leaf', el).find(self._s('leaf'));
				}

				var id = div.prop('id'),
					target = jQuery('#' + id);

				if (target.hasClass(self._cl('leafCollapsed')) && !div.hasClass(self._cl('leafCollapsed'))) { // do not expand comment here, do it in expand function
					div.addClass(self._cl('leafCollapsed')).data('full', 1);
				}

				//do not expand comment that is being edited or commented
				if (action !== 'expand' || !target.hasClass(self.options.classNames.leafActive)) {
					target.replaceWith(div);
				} else {
					//it comment has open form we remove the class but do not update the comment itself
					if (action === 'expand') {
						target.removeClass(self._cl('leafExpanding'));
					}
				}

				updateCount();
			});
		},

		_commentsNumberChanged: function(delta) {
			/**
			 * Read form state from commentform widget to know what
			 * previous action was. It could be 'add' / 'edit' / null
			 * If it is edit - don't change counter and reset previousState value
			 */

			// comment form widget instance (for counter manipulations)
			var _commentform = $('.b-watering').data('commentform');

			if (_commentform.previousState() === 'edit') {
				_commentform.syncPreviousState();
			} else {
				this._replycount += delta;
				this._updateCounters({ replycount: this._replycount });
			}
		},

		_spamNumberChanged: function(delta) {
			this._spamcount += delta;
			this._el('spamCounter').html(LJ.ml('talk.spamcount', { count: this._spamcount }));
		},

		/**
		 * Expand thread.
		 *
		 * @param {String} id HTML Id of the comment (t(\d+))
		 * @param {jQuery?} node If passed this object will be used as a comment node.
		 *     If not the comment node will be found by id.
		 */
		expand: function(id, node, skipAnimation) {
			node = node || jQuery('#' + id);

			if (node.hasClass(this.options.classNames.leafExpanding) ||
					node.hasClass(this.options.classNames.leafCollapsing)) {
				return;
			}
			node.addClass(this.options.classNames.leafExpanding);

			var self = this,
				collapsedClass = self.options.classNames.leafCollapsed,
				selectors = this.options.selectors,

				leaves = $.comments.getThread(node),
				collapsedLeaves = leaves.filter(selectors.leafCollapsed),

				dataFilter = function(dataExist) {
					return function() {
						var node = jQuery(this);

						return ((!!node.data('full')) === dataExist);
					};
				},
				checkLoadMore = function(leaves) {
					leaves.filter(self._s('leafMore')).each(function() {
						var leaf = jQuery(this),
							count = +leaf.data('count');

						if (count < 25) {
							self._loadMore(leaf);
						}
					});
				};

				if (skipAnimation === undefined) {
					skipAnimation = jQuery.comments.skipAnimation;
				}

				if (((!node.data('full') && node.hasClass(collapsedClass)) || collapsedLeaves.filter(dataFilter(false)).length > 0)) {
					this._fetchThread(id, jQuery.delayedCallback(function(results) {
						self._applyFetchResults(results, false, function() {
							var newLeaves = jQuery();
							collapsedLeaves.each(function() {
								newLeaves = newLeaves.add(jQuery('#' + this.id));
							});

							self._expandNodes(node, node.prop('id'), newLeaves.filter(dataFilter(true)), skipAnimation);
							checkLoadMore(leaves);
						}, 'expand');
					}, 3000));
				} else if (node.hasClass(collapsedClass) || collapsedLeaves.length > 0) {
					this._expandNodes(node, node.prop('id'), collapsedLeaves.filter(dataFilter(true)), skipAnimation);
					checkLoadMore(leaves);
				} else {
					node.removeClass(this.options.classNames.leafExpanding);
				}
		},

		_expandNodes: function(node, id, collapsedLeaves, skipAnimation) {
			var self = this,
				collapsedClass = self.options.classNames.leafCollapsed;

			if (skipAnimation === undefined) {
				skipAnimation = jQuery.comments.skipAnimation;
			}

			node.removeClass(this.options.classNames.leafExpanding);
			if (skipAnimation) {
				collapsedLeaves.removeClass(collapsedClass);
			} else {
				collapsedLeaves.each(function() {
					var leaf = jQuery(this),
						height = leaf.height();

					if (leaf.hasClass(self.options.classNames.leafActive)) { return; }

					leaf.removeClass(collapsedClass)
						.attr('style','');

					var newHeight = leaf.height();
					leaf
						.css({ opacity: 0, height: height, overflow: 'hidden' })
						.animate({ opacity: 1, height: newHeight }, {
							duration: 300,
							complete: function() {
								leaf.attr('style','');
							},
							queue: false
						});
				});
			}

			this.element.trigger('commentsUpdated', [id, 'expand']);
		},

		/**
		 * Collapse thread.
		 *
		 * @param {String} id HTML Id of the comment (t(\d+))
		 * @param {jQuery?} node If passed this object will be used as a comment node.
		 *     If not the comment node will be found by id.
		 */
		collapse: function(id, node, skipAnimation) {
			var self = this,
				collapsedClass = self.options.classNames.leafCollapsed,
				clippedClass = self.options.classNames.leafClipped,
				collapsingClass = self.options.classNames.leafCollapsing;
			node = node || jQuery('#' + id);

			if (skipAnimation === undefined) {
				skipAnimation = jQuery.comments.skipAnimation;
			}

			if (node.hasClass(this.options.classNames.leafExpanding)) { return; }
			if (node.hasClass(collapsingClass)) { return; }

			var selectors = this.options.selectors,
				twig = node.closest(selectors.twig),
				leaves = $.comments.getThread(node).filter(':not(.' + collapsedClass + ')' +
											':not(.' + collapsingClass + ')' +
											':not(.' + clippedClass + ')');

			if (node.hasClass(collapsedClass) && leaves.length === 0) { return; } //do nothing if thread was already collapsed

			//we toggle class for non collapsed comments to figure out the height of the collapsed block;
			// var height = twig.outerHeight(true);
			leaves.addClass(collapsedClass);
			var newHeight = twig.height(); //.outerHeight(true);
			leaves.removeClass(collapsedClass)
					.data('full', true)
					.attr('style','')
					.addClass(collapsingClass);

			if (skipAnimation) {
				leaves.addClass(collapsedClass).removeClass(collapsingClass);
			} else {
				leaves.each(function() {
					var leaf = jQuery(this),
						height = leaf.height();

					leaf.css({ height: height, overflow: 'hidden' });

					leaf.animate({ opacity: 0, height: newHeight }, {
						duration: 300,
						complete: function() {
							leaves
								.addClass(collapsedClass)
								.attr('style','')
								.removeClass(collapsingClass);
						},
						queue: false
					});
				});
			}

			this.element.trigger('commentsUpdated', [ id, 'collapse' ]);
		},

		_hideRoot: function () {
			if (!this.hasOwnProperty('_realRoot')) {
				this._realRoot = this._root;
				this._root = jQuery('<div />');
			}
		},

		_restoreRoot: function () {
			if (this.hasOwnProperty('_realRoot')) {
				this._realRoot.append(this._root.children());
				this._root = this._realRoot;
				delete this._realRoot;
			}
		}
	});
}(jQuery, window));

/**
* Fired when comments are update after any operation.
* @name $.lj.comments#commentsUpdated
*
* @param {string} id html id of the topmost updated comment.
* @event
*/

/**
* Fired when comments should be updated anywhere. This event
* is listened by this widget and any widgets from outside can
* use it to refresh some comments on the page.
*
* @name $.lj.comments#refreshThread
*
* @param {number|string} ditemid Comment ditemid.
* @param {boolean=} fetchSingle If true the method will trigger the update
*     of only this comment and of the full thread otherwise.
* @param {string} Action that caused thread refresh. Used to figure out if
*     any comments should not be updated.
* @event
*/

/**
* Widget listens this event to remove some comment on the page.
*
* @name $.lj.comments#deleteComment
*
* @param {number|string} ditemid Comment ditemid.
* @param {boolean} delThread Delete full thread starting from this comment.
* @param {boolean} delAuthor Delete all comments of this author in the post.
* @event
*/

/**
* Widget listens this event to remove some comment nodes from the DOM immediately.
* Note: for now this method will not trigger any events.
*
* @name $.lj.comments#removeFromDOM
*
* @param {number|string|Array} ditemids Comment ditemid or an array of such items
* @event
*/
;

/* file-end: js/jquery/jquery.lj.comments.js 
----------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------
   file-start: js/jquery/jquery.lj.spellchecker.js 
*/

LJ.injectStyle('.b-spelling {\n	position: relative;\n	width: 100%;\n	height: 13em;\n	border: 1px solid #999;\n	-moz-box-sizing: border-box;\n	-webkit-box-sizing:border-box;\n	-ms-box-sizing: border-box;\n	box-sizing: border-box;\n	-webkit-transition: height 100ms ease-out;\n	-moz-transition: height 100ms ease-out;\n	-o-transition: height 100ms ease-out;\n	transition: height 100ms ease-out;\n	background: #FFF;\n	}\n.b-spelling:focus {\n	outline: thin solid #85C1FF;\n	}\n.b-updatepage .b-spelling {\n	height: 403px;\n	}\n.b-inboxpage .b-spelling {\n	height: 400px;\n	}\n	.b-spelling-faketextarea,\n	.b-spelling-textarea {\n		position: relative;\n		width: 100%;\n		margin: 0;\n		padding: 5px;\n		border: 0;\n		-moz-box-sizing: border-box;\n		-webkit-box-sizing:border-box;\n		-ms-box-sizing: border-box;\n		box-sizing: border-box;\n		font: 1em/1.2em Arial,sans-serif;\n		*padding: 0;\n		*line-height: 1.4em;\n		}\n	/* font for update.bml */\n	.b-updatepage .b-spelling-faketextarea,\n	.b-updatepage .b-spelling-textarea {\n		padding: 10px 8px;\n		font: 1.0em/1.4 Consolas,\"Liberation Mono\",Courier,monospace,sans-serif;\n		*padding: 0;\n		}\n	.b-spelling-faketextarea {\n		z-index: 1;\n		background: #FFF;\n		color: #FFF;\n		white-space: pre;\n		white-space: pre-wrap;\n		word-wrap: break-word;\n		}\n	.b-spelling-popuping .b-spelling-faketextarea {	\n		z-index: 2;\n		color: #000;\n		}\n	.b-spelling-textarea {\n		position: absolute;\n		top: 0;\n		left: 0;\n		z-index: 2;\n		/*overflow-x: auto;*/\n		overflow: hidden;\n		height: 100%;\n		opacity: 1;\n		resize: none;\n		background: transparent;\n		color: #000;\n		}\n	.b-spelling-popuping .b-spelling-textarea {\n		z-index: 1;\n		opacity: 0;\n		}\n	.b-spelling-word {\n		}\n		.b-spelling-inner {\n			}\n	.b-spelling-error {\n		margin: 0;\n		padding: 0;\n		cursor: pointer;\n		}\n		.b-spelling-error .b-spelling-inner {\n			border-bottom: 1px solid #F00;\n			}\n	.b-spelling-error.active {\n		}\n		.b-spelling-error.active .b-spelling-inner {\n			border-bottom: 2px solid #F00;\n			}\n	.b-spelling-editing {\n		cursor: text;\n		}\n		.b-spelling-editing .b-spelling-inner {\n			color: #000;\n			border-bottom-color: #FFF;\n			}\n	.b-spelling-bubble {\n		position: absolute;\n		margin: 0;\n		padding: 0;\n		border: 0;\n		-moz-border-radius: 5px;\n		-moz-border-radius-topleft: 0;\n		border-radius: 5px;\n		border-top-left-radius: 0;\n		-webkit-box-shadow: 0 1px 3px rgba(53,99,161,0.8);\n		-moz-box-shadow: 0 1px 3px rgba(53,99,161,0.8);\n		box-shadow: 0 1px 3px rgba(53,99,161,0.8);\n		-webkit-transition: opacity .3s ease;\n		-moz-transition: opacity .3s ease;\n		-o-transition: opacity .3s ease;\n		transition: opacity .3s ease;\n		font: 14px/1.2 Arial,sans-serif;\n		text-align: left;\n		*border: 1px solid rgb(53,99,161);\n		}\n		.b-spelling-bubble .b-popup-outer {\n			margin: 0;\n			padding: 10px 15px 5px;\n			border: 0;\n			-moz-border-radius: 4px;\n			-moz-border-radius-topleft: 0;\n			border-radius: 4px;\n			border-top-left-radius: 0;\n			background: #FAFAFA;\n			background: #FAFAFA url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmNmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2UyZTNlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);\n			background: #E2E3E7 -moz-linear-gradient(top, #FAFCFE 0%, #E2E3E7 25%, #FAFAFA 100%);\n			background: #E2E3E7 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFCFE), color-stop(25%,#E2E3E7), color-stop(100%,#FAFAFA));\n			background: #E2E3E7 -webkit-linear-gradient(top, #FAFCFE 0%,#E2E3E7 25%,#FAFAFA 100%);\n			background: #E2E3E7 -o-linear-gradient(top, #FAFCFE 0%,#E2E3E7 25%,#FAFAFA 100%);\n			background: #E2E3E7 linear-gradient(top, #FAFCFE 0%,#E2E3E7 25%,#FAFAFA 100%);\n			*zoom: 1;\n			}\n			.b-spelling-bubble .b-popup-inner {\n				margin: 0;\n				padding: 0;\n				border: 0;\n				-webkit-border-radius: 0;\n				-moz-border-radius: 0;\n				border-radius: 0;\n				}\n				.b-spelling-bubble .i-popup-arr {\n					visibility: hidden;\n					}\n				.b-spelling-bubble .i-popup-arrtl {\n					left: 0;\n					}\n				.b-spelling-bubble .i-popup-close {\n					position: absolute;\n					top: 5px;\n					right: 5px;\n					width: 6px;\n					height: 5px;\n					margin: 0;\n					padding: 0;\n					background: url(/img/icons/popup-close-s.png?v=20956) -5px -5px no-repeat;\n					font: 0/0 serif;\n					}\n				.b-spelling-bubble .i-popup-close:hover {\n					background-position: -5px -21px;\n					}\n				.b-spelling-bubble-container {\n					margin: 0;\n					}\n					.b-spelling-items {\n						margin: 0;\n						padding: 0;\n						list-style: none;\n						}\n						.b-spelling-item {\n							margin: 0 -15px;\n							padding: 3px 15px 5px;\n							cursor: pointer;\n							}\n						.b-spelling-item:hover {\n							background: #C8E6FF;\n							}\n							.b-spelling-item-word {\n								margin: 0;\n								padding: 0;\n								border-bottom: 1px dotted #000;\n								}\n						.b-spelling-item-skip {\n							position: relative;\n							margin-top: 10px;\n							border-top: 1px solid #C9CACC;\n							font-style: italic;\n							font-size: 13px;\n							color: #232425;\n							}\n						.b-spelling-item-skip:before {\n							content: \" \";\n							position: absolute;\n							top: 0;\n							right: 0;\n							left: 0;\n							display: block;\n							height: 2px;\n							background: #FFF;\n							}\n						.b-spelling-item-no {\n							font-size: 13px;\n							cursor: default;\n							color: #232425;\n							}\n						.b-spelling-item-no:hover {\n							background: none;\n							}\n							.b-spelling-item-no .b-spelling-item-word {\n								border-bottom: 0;\n								}\n\n.b-updateform-disabled .b-spelling {\n	border-color: #CCC;\n	}\n	.b-updateform-disabled .b-spelling-textarea {\n		color: #7F7F7F;\n		}\n');
/**
 * @author dmitry.petrov@sup.com (Dmitry Petrov)
 * @fileoverview LiveJournal spellchecker widget
 */

/**
 * @name $.lj.spellchecker
 * @requires $.ui.core, $.ui.widget, $.lj.basicWidget
 * @class Widget adds spellchecking functionality to any
 *     textarea. Widget consumes two text variables: widget.form.skip_word and widget.form.no_suggestions
 *     They should be passed from server.
 *
 */

 // TODO: refactor autogrow enable/disable
(function($,window) {

	/** @lends $.lj.spellchecker.prototype */
	$.widget('lj.spellchecker.js', $.lj.basicWidget, {
		options: {
			classNames: {
				wordActive: 'active',
				area: 'b-spelling-textarea',
				skipError: 'b-spelling-item-skip',
				bubbleContainer: 'b-spelling-bubble',
				bubbleNoSuggestions: 'b-spelling-item-no'
			},

			selectors: {
				bubbleItem: '.b-spelling-item',
				fake: '.b-spelling-faketextarea',
				error: '.b-spelling-error'
			},

			tmpl: {
				spellError: '<span class="b-spelling-word b-spelling-error" data-id="{id}"><span class="b-spelling-inner">{word}</span></span>',
				wrapper: '<div class="b-spelling">' +
							'<div class="b-spelling-faketextarea"></div>' +
						'</div>',
				bubble: '<div class="b-spelling-bubble-container"></div>',
				bubbleList: '<ul class="b-spelling-items">{items}' +
								'<li class="b-spelling-item b-spelling-item-skip"><span class="b-spelling-item-word">' +
									LiveJournal.getLocalizedStr('widget.form.skip_word') + '</span></li>' +
							'</ul>',
				bubbleItem: '<li class="b-spelling-item"><span class="b-spelling-item-word">{word}</span></li>',
				bubbleItemNoSuggestions : '<li class="b-spelling-item b-spelling-item-no"><span class="b-spelling-item-word">' +
									LiveJournal.getLocalizedStr('widget.form.no_suggestions') + '</span></li>'
			},

			enabled: false,
			autogrow: true,
			minHeight: 400
		},

		// private methods
		_create: function() {
			$.lj.basicWidget.prototype._create.apply(this);

			this._time = null;
			this._minHeight = this.options.minHeight;
			this._enabled = false;
			this._suggestions = {};

			//each time text is parsed all tokens reside here
			this._tokens = null;
			this._prevText = '';

			this._spellingBubble = null;
			this._currentError = null;
			this._errorNodes = [];


			//this flag is used to prevent unnecessary highlighting that may occur if suggestions will
			//come after user began typing again.
			this._doHighlight = false;

			this._build();
			this._bindControls();
		},

		_build: function() {
			var options = this.options;

			this._container = jQuery(options.tmpl.wrapper)
									.insertBefore(this.element);
			this._fakeArea = this._container.find(options.selectors.fake);

			this.element
				.remove()
				.addClass(options.classNames.area)
				.appendTo(this._container);

			this._spellingBubble = jQuery(options.tmpl.bubble);
		},

		_bindControls: function() {
			var self = this,
				selectors = this.options.selectors,
				classNames = this.options.classNames,
				nodes = this._errorNodes;
			//jquery.fn.input caches input value inside of itself, so we use events directly
			this.element.bind('input keyup paste', this._onInput.bind(this));
			$.lj.basicWidget.prototype._bindControls.apply(this);

			LiveJournal.register_hook('skipWord', this._skipWord.bind(this));

			this._spellingBubble.bubble({
					showOn: 'click',
					alwaysShowUnderTarget: true,
					classNames: {
						containerAddClass: classNames.bubbleContainer
					}
				})
				.bind('bubblehide', function(ev) {
					if (self._currentError) {
						self._currentError.removeClass(classNames.wordActive);
						self._currentError = null;
					}
				})
				.delegate(selectors.bubbleItem, 'click', function(ev) {
					if (this.className.indexOf(classNames.bubbleNoSuggestions) > -1) { return; }
					self._onCorrectWord(ev, this);
				});

			this.element
				.bind('mousemove', function(ev) {
					if (!self._enabled) { return; }

					var x = ev.pageX,
						y = ev.pageY,
						hovered = self._getHoveredNode(x, y)

					if (hovered) {
						self.element.css('cursor', 'pointer');
					} else {
						self.element.css('cursor', '');
					}
				})
				.bind('click', this._onClickWord.bind(this));
		},

		_onInput: function(ev) {
			var text = this.element.val();
			if (this._prevText === text) {
				return;
			}

			this._spellingBubble.bubble('hide');
			this._prevText = text;
			this._fakeArea.html(this._prevText.encodeHTML().replace(/(\r\n|\r|\n)/gm, '<br />'));

			clearTimeout(this._timer);
			if (this._enabled && this._prevText.length > 0) {
				this._timer = setTimeout(this._checkSpelling.bind(this), 300);
			} else {
				this._errorNodes.length = 0;
			}

			this._doHighlight = false;
			
			if (this.options.autogrow) {
				this._checkAreaHeight();
			}
		},

		_onCorrectWord: function(ev, sugNode) {
			var suggestion = sugNode.textContent || sugNode.innerText,
				word = this._currentError.text().toLowerCase();

			if (sugNode.className.indexOf(this.options.classNames.skipError) > -1 &&
					this._suggestions.hasOwnProperty(word)) {
				// run hook for sync between RTE / HTML spellcheckers
				LiveJournal.run_hook('skipWord', word);
				Function.defer(this._checkSpelling.bind(this));
			} else {
				var suggestTextNode = document.createTextNode(suggestion);

				this._currentError
							.after(suggestTextNode)
							.remove();

				for (var i=0; i < this._errorNodes.length; ++i) {
					if (this._errorNodes[i].node === this._currentError) {
						this._errorNodes.splice(i, 1);
						break;
					}
				}

				var token_id = this._currentError.data('id'),
					tokenData = this._tokens[token_id],
					pos = tokenData.textPos + suggestion.length;

				this._prevText = this._prevText.substr(0,tokenData.textPos) + suggestion +
					this._prevText.substr(tokenData.textPos + tokenData.token.length);
				this.element.val(this._prevText);

				DOM.setSelectedRange(this.element.get(0), pos, pos);
				this.element.focus();
			}

			this._spellingBubble.bubble('hide');
		},

		_onClickWord: function(ev) {
					var x = ev.pageX,
						y = ev.pageY,
						self = this,
						classNames = this.options.classNames,
						hovered = this._getHoveredNode(x, y);

					if (hovered && (!this._currentError || this._currentError.get(0) !== hovered.node.get(0))) {
						if (this._currentError) {
							this._currentError.removeClass(classNames.wordActive);
							this._currentError = null;
						}

						//skip all click event chain
						Function.defer(function() {
							self._currentError = hovered.node;
							self._currentError.addClass(classNames.wordActive);
							self._spellingBubble.html(self._getBubbleContent(hovered.word));
							self._spellingBubble.bubble('show', self._currentError);
						});
					} else {
						this._spellingBubble.bubble('hide');
						if (this._currentError) {
							this._currentError.removeClass(classNames.wordActive);
							this._currentError = null;
						}
					}
		},

		/**
		 * Construct html with suggestions for current word.
		 *
		 * @param {string} word The word to show suggestions for.
		 *
		 * @return {string} resulting popup html.
		 */
		_getBubbleContent: function(word) {
			var tmpl = this.options.tmpl,
				sugs = this._suggestions[word.toLowerCase()];

			if (!sugs.html) {
				var items = [];
				if (sugs.words.length > 0) {
					sugs.words.forEach(function(w) {
						items.push(tmpl.bubbleItem.supplant({ word: w }));
					});
				} else {
					items.push(tmpl.bubbleItemNoSuggestions);
				}

				sugs.html = tmpl.bubbleList.supplant({ items: items.join('') });
			}

			return sugs.html;
		},

		/**
		 * Expand textarea height as soon as user types to prevend appearing of scroll.
		 */
		_checkAreaHeight: function() {
			var fakeHeight = this._fakeArea.height(),
				containerHeight = this._container.height(),
				height;

			if (!this._minHeight) {
				this._minHeight = containerHeight;
			}

			// hard coded height detection
			// we assume that line height is equal 25px
			if (containerHeight - fakeHeight < 25) {
				height = fakeHeight + 30;
			} else if (containerHeight - fakeHeight > 50) {
				height = fakeHeight + 25;
			}

			if (height) {
				height = height < this._minHeight ? this._minHeight : height;
				this._container.height(height);
			}
		},

		checkHeight: function () {
			this._checkAreaHeight();
		},

		/**
		 * Check user input on spelling errors.
		 */
		_checkSpelling: function() {
			if (!this._enabled) { return; }

			var self = this,
				tokens = this._tokenize(this._prevText),
				filterHelper = {},
				words = tokens
							.filter(function(token) {
								var t = token.token.toLowerCase();

								if (!token.isWord || filterHelper.hasOwnProperty(t)) { return false; }
								filterHelper[t] = true;

								return !self._suggestions.hasOwnProperty(t);
							})
							.map(function(token) { return token.token; });

			this._doHighlight = true;
			this._tokens = tokens;
			this._requestSuggestions(words);
		},

		/**
		 * Public method for checking spell
		 */
		check: function () {
			this._checkSpelling();
		},

		/**
		 * Fetch suggestions about words in text and highlight errors in the text.
		 *
		 * @param {Array.<string>} words Array with the words to check.
		 */
		_requestSuggestions: function(words) {
			words = words || [];

			if (words.length > 0) {
				jQuery.post(LiveJournal.getAjaxUrl('spellcheck'), 
							{ html: words.join(' ') }, function(result) {
					if (result.status === 'ok') {
						this._addWords(result.words, words);
						if (this._doHighlight) {
							this._highlightErrors();
						}
					}
				}.bind(this), 'json');
			} else {
				this._highlightErrors();
			}
		},

		/**
		 * Add words to the suggestions cache. All suggestions are treated as correct words.
		 *
		 * @param {Object} words Hash object with suggestions arrays.
		 * @param {Array} allWords Array contains the list of all words the were checked on correctness.
		 *     All the words that were not marked as misspelled are treated as correct.
		 */
		_addWords: function(words, allWords) {
			var sugs = this._suggestions,
				pushWord = function(word) {
					word = word.toLowerCase();
					if (!sugs.hasOwnProperty(word)) {
						sugs[word] = {
							correct: true
						};
					}
				},
				wordLowered;

			for (var word in words) {
				wordLowered = word.toLowerCase();
				if (words.hasOwnProperty(word) && !sugs.hasOwnProperty(wordLowered)) {
					sugs[wordLowered] = {
						words: words[word]
					};
					words[word].forEach(pushWord);
				}
			}

			allWords.forEach(function(word) {
				if (!sugs.hasOwnProperty(word.toLowerCase())) {
					pushWord(word);
				}
			});
		},

		/**
		 * Format text according existing suggestions. Method
		 *     should be called after all word in text were checker.
		 */
		_highlightErrors: function() {
			var sugs = this._suggestions,
				error = this.options.tmpl.spellError,
				token,
				html,
				outHTML = '',
				htmlOffset = 0,
				word;

			if(!this._tokens) { return; }

			for(var idx = 0; idx < this._tokens.length; ++idx) {
				token = this._tokens[idx];
				word = token.token.toLowerCase();

				token.htmlPos += htmlOffset;
				if (!token.isWord) {
					token.html = token.token.encodeHTML().replace(/(\r\n|\r|\n)/g, '<br />');
				} else if (sugs[word] && !sugs[word].skip &&
								!sugs[word].correct) {
					token.html = error.supplant({ word: token.token, id: idx });
				} else {
					token.html = token.token;
				}
				htmlOffset += token.html.length - token.token.length;

				outHTML += token.html;
			}

			this._fakeArea.html(outHTML);
			this._updateErrorNodes();
			this._doHighlight = false;
		},

		/**
		 * Check if there is an error node under such position
		 *
		 * @param {number} x
		 * @param {number} y
		 *
		 * @return {Object|null} Returns node information object or null if not found.
		 */
		_getHoveredNode: function(x,y) {
			var nodes = this._errorNodes;

			for (var i = 0; i < nodes.length; ++i) {
				if (x >= nodes[i].x && x <= nodes[i].x + nodes[i].w &&
					y >= nodes[i].y && y <= nodes[i].y + nodes[i].h) {
					return nodes[i];
				}
			}

			return null;
		},

		/**
		 * Reconstruct errorNodes object and place information about all
		 *     error nodes and their position on the page.
		 */
		_updateErrorNodes: function() {
			var nodes = this._errorNodes;
			nodes.length = 0;
			this._fakeArea.find(this.options.selectors.error)
				.each(function() {
					var node = jQuery(this),
						pos = node.offset();

					nodes.push({
						x: pos.left,
						y: pos.top,
						w: this.offsetWidth,
						h: this.offsetHeight,
						word: this.textContent || this.innerText,
						node: node
					});
				});
		},

		/**
		 * Split text on tokens. Only two types are supported now - words and not.
		 *
		 * @param {string} text Text to parse.
		 * @return {Array.<{token: string, textPos: number, isWord: boolean}>} Array contains
		 *     descriptions of all tokens in the text.
		 */
		_tokenize: function(text) {
			var regex = /[a-zа-яё]+/ig,
				tokens = [],
				token,
				pos,
				lastPos = 0,
				textPos = 0,
				htmlPos = 0;

			var pushToken = function(token, isWord) {
				var tokenObj = function(textPos, htmlPos) {
						return {
							token: token,
							textPos: textPos,
							isWord: isWord
						};
					}(textPos, htmlPos);

				tokens.push(tokenObj);
				textPos += token.length;
				htmlPos += token.length;
			};

			while (token = regex.exec(text)) {
				pos = token.index;
				if (pos > lastPos ) {
					pushToken(text.substr(lastPos, pos - lastPos), false);
				}

				pushToken(token[0], true);
				lastPos = pos + token[0].length;
			}

			return tokens;
		},

		/**
		 * Enable livejournal spellchecker and disable native one.
		 */
		enable: function() {
			if (!this._enabled) {
				this._fakeArea.show();
				this.autogrow(true);

				this.element
					.attr('spellcheck', false)
					.val('').val(this._prevText);

				this._enabled = true;
				this.options.enabled = true;
				if (this._prevText.length > 0) {
					this._checkSpelling();
				}
			}

			$.lj.basicWidget.prototype.enable.apply(this);
		},

		/**
		 * Disable livejournal spellchecker and enable internal one.
		 */
		disable: function() {
			if (this._enabled) {
				this._fakeArea.hide();

				this.element
					.attr('spellcheck', true)
					.val('').val(this._prevText);

				this._fakeArea.html(this._prevText.encodeHTML());
				this._tokens = null;
				this._errorNodes = [];
				this._currentError = null;
				this._enabled = false;
				this.options.enabled = false;
			}

			$.lj.basicWidget.prototype.disable.apply(this);
		},

		/**
		 * Method should be called if the value of textarea was modified by script.
		 */
		update: function() {
			this._onInput();
		},

		/**
		 * Enable or disable autogrow
		 */
		autogrow: function(enabled) {
			this.options.autogrow = enabled;
			this.element.css('overflow', enabled ? 'hidden' : 'auto');
			if (enabled) {
				this._checkAreaHeight();
			}
		},

		/**
		 * Method added for possibility turn on/off spellchecker
		 * from other widgets
		 * TODO: refactoring of subscription and event at all
		 * from lj.editor.js, lj.commentsFromToolbar.js, etc
		 */
		subscribe: function () {
			var that = this;
			this._on('toggle', function(type, enabled) {
				if (type === 'spell') {
					that[enabled ? 'enable' : 'disable']();
				}
			});
		},

		/**
		 * Method provided for sync with forms to accept
		 * correct initial state of spellchecker
		 */
		start: function () {
			var that = this;
			setTimeout(function () {
				that._fire('toggle', ['spell', that.options.enabled], true);
			}, 0);
		},

		_skipWord: function (word) {
			if (!this._suggestions[word]) {
				this._suggestions[word] = {};
			}
			this._suggestions[word].skip = true;
		},

		_setOption: function (key, value) {
			if (value !== undefined) {
				$.lj.basicWidget.prototype._setOption.call(this, key, value);
			}

			switch (key) {
				case 'minHeight':
					this._minHeight = value;
					this._checkAreaHeight();
					break;
			}
		}
	});

})(jQuery, window);

;

/* file-end: js/jquery/jquery.lj.spellchecker.js 
----------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------
   file-start: js/jquery/jquery.lj.commentator.js 
*/

 /**
 * @author dmitry.petrov@sup.com (Dmitry Petrov)
 * @fileoverview LiveJournal comments widget, responsible for submitting the form to the server.
 */

/**
 * @name $.lj.commentator
 * @requires $.ui.core, $.ui.widget
 * @class Widget, responsible for submitting the form to the server.
 *
 */
(function($, window) {
	
	/** @lends $.lj.commentator.prototype */
	$.widget('lj.commentator', {

		options: {
			publicKey: '',
			ajax: true,
			needCaptcha: false,
			captchaContainerId: '',

			selectors: {
				comments: '#comments',
				errorWrapper: '.b-msgsystem-errorbox',
				errorBlock: '.b-postform-alert-ajax',
				blockingErrorBlocks: '.b-bubble-warning',
				preloaderElem: '.b-postform-preload',
				controls: ':button, :submit',
				ajaxField: 'input[name="json"]',
				previewControl: 'input[name="submitpreview"]',
				inputParentTalkid: '#parenttalkid',
				submitControl: 'button[name=submitpost]',
				form: 'form',
				captchaBox: '.b-postform-captchabox',
				//if user is anonymous and chooses auth as livejournal we should refresh page on comment
				//only for s1
				anonLoginSubmit: '.b-watering-authtype-user.b-watering-user-notreg'
			},

			classNames: {
				idle: 'b-postform-preload-active',
				captchaActive: 'b-postform-captchabox-active',
				errorWrapperShow: 'b-msgsystem-errorbox-show',
				replyPage: 'b-postform' //'b-watering-replypage' //old form can bee seen only on reply page
			},

			templates: {
				frame: '<iframe class="b-watering-commentator" name="commentator" width="0" height="0" frameborder="0" />'
			}
		},

		 /**
		 * @example
		 * Note: now widget is attached to the div parent to the form.
		 * Usage:
		 *	&lt;form class="to-add-comments"&gt;
		 *	...
		 *	&lt;/form&gt;
		 *	&lt;script&gt;
		 *		$('form.to-add-comments')
		 *			.commentator()
		 *			.commentator({ many: options })
		 *			.commentator('option', 'getOptionName')
		 *			.commentator('option', 'setOptionName', 'setOptionValue');
		 *			.commentator('publicMethod')
		 *	&lt;/script&gt;
		 *
		 * FIXME: this widget should be merged with commentform
		 */
		_create: function() {
			var commentator = this,
				element = commentator.element,
				options = commentator.options,
				selectors = options.selectors,
				classNames = options.classNames;

			commentator._isReplyPage = element.hasClass(classNames.replyPage);
			commentator._form = element.find(selectors.form);

			$(options.templates.jsonField).prependTo(commentator._form);
			$(options.templates.frame).prependTo(document.body);

			commentator._errorBlock = element.find(selectors.errorBlock);
			commentator._errorsWrapper = element.find(selectors.errorWrapper);
			commentator._blockingErrorBlocks = element.find(selectors.blockingErrorBlocks);
			commentator._preloaderElem = element.find(selectors.preloaderElem);
			commentator._controls = element.find(selectors.controls);
			commentator._ajaxField = element.find(selectors.ajaxField);
			commentator._captchaBox = element.find(selectors.captchaBox);
			commentator._inputParentTalkid = element.find(selectors.inputParentTalkid);

			commentator._setOptions(options);

			element
				.bind('authtypechange', function(event, data) {
					commentator._setOptions(data);
				})
				.bind('keydown', function(event) {
					// Ctrl + Enter to send comment
					if (!commentator._disabled && event.which == 13 && event.ctrlKey) {
						commentator._form.trigger('submit');
						event.preventDefault();
					}
				})
				.delegate(selectors.previewControl, 'click', function(event) {
					commentator._setOption('ajax', false);
					commentator._form.append('<input type="hidden" name="submitpreview" value="1" />');
				});

			element
				.bind('commentformclose', function(ev, disable) {
					commentator._errorsWrapper.removeClass(classNames.errorWrapperShow);
				})
				.bind('commentformdisable', function(ev, disable) {
					commentator._disabled = !!disable;
				});

			commentator._form.bind('submit', function(ev) {
					commentator._errorsWrapper.removeClass(classNames.errorWrapperShow);
					commentator._preloaderElem.addClass(classNames.idle);
					commentator._controls.prop('disabled', true);
				});

			LiveJournal.register_hook('commentator/submit', function(message) {
				commentator.option('needCaptcha', message.need_captcha);

				switch (message.status) {
					case 'redirect':
						if (commentator._isReplyPage || commentator.element.is(selectors.anonLoginSubmit)) {
							if (message.hidden) {
								alert(message.message);
							}

							window.location.href = decodeURIComponent(message.result);
						} else {
							//we use this event to pass information to the commentform widget.
							//parenttalkid is set by commentform
							//In future we need to merge these plugins
							if (message.hidden) {
								setTimeout(function() {
									alert(message.message);
								}, 500); //we should allow form to finish closing animation

								if (!Site.remoteUser) { return; }
							}

							message.parenttalkid = commentator.element.data('parenttalkid');
							commentator.element.trigger('newComment', message);
						}
						break;
					case 'error':
						if (message.redirect) {
							window.location.href = decodeURIComponent(message.redirect);
							return;
						}

						commentator
							.option('error', decodeURIComponent(message.result));

						commentator._errorsWrapper.addClass(classNames.errorWrapperShow);
						commentator._preloaderElem.removeClass(classNames.idle);
						commentator._controls.prop('disabled', false);

						if (commentator._errorsWrapper.length > 0) {
							jQuery('html, body').scrollTop(commentator._errorsWrapper.offset().top);
						}
						break;
				}
			});
		},

		_setOption: function(option, value) {
			var commentator = this,
				options = commentator.options,
				classNames = options.classNames,
				currentErrorBlock;

			switch (option) {
				case 'error':
					this._errorsWrapper.removeClass(classNames.errorWrapperShow);
					this._errorBlock.hide();
					if (value) {
						currentErrorBlock = commentator._blockingErrorBlocks.filter(':visible');
						if (currentErrorBlock.html() == value) {
							this._errorBlock.hide();
							currentErrorBlock.fadeOut('fast', function() {
								currentErrorBlock.fadeIn('fast');
							});
							return true;
						}

						this._errorBlock
							.html(value)
							.show();
					}
					break;
				case 'needCaptcha':
					if (value) {
						commentator.element.one('captchascriptready', function() {
							commentator._captchaBox.addClass(classNames.captchaActive);

							window.Recaptcha.create(
								options.publicKey,
								options.captchaContainerId,
								{
									lang: 'ru',
									theme: 'clean',
									tabindex: 70
								}
							);
						});

						if (!window.Recaptcha) {
							$.getScript('http://www.google.com/recaptcha/api/js/recaptcha_ajax.js', function() {
								commentator.element.trigger('captchascriptready');
							});
						} else {
							commentator.element.trigger('captchascriptready');
						}
					} else {
						if (window.Recaptcha) {
							commentator._captchaBox.removeClass(classNames.captchaActive);
							window.Recaptcha.destroy();
						}
					}
					break;
				case 'ajax':
					if (value) {
						this._ajaxField.val(1);
						this._form.attr('target', 'commentator');
					} else {
						this._ajaxField.val(0);
						this._form.attr('target', '_self');
					}
					break;
				case 'authtype':
					return;
					break;
			}
			
			// this.options[option] = value;
			$.lj.basicWidget.prototype._setOption.apply(this, arguments);
		},

		/**
		 * Show error block
		 */
		error: function() {
			this._errorsWrapper.addClass(this.options.classNames.errorWrapperShow);
			this._errorBlock.show();
			return this;
		},

		/**
		 * Hide error block
		 */
		hide: function() {
			this._errorBlock.slideUp('fast');
			return this;
		}
	});

})(jQuery, this);

/**
* Event is fired when the new comment was successfully posted.
*
* @name $.lj.comments#newComment
*
* @param {Object} options Object may contain fields: hidden, parenttalkid, page, dtalkid
* @event
*/
;

/* file-end: js/jquery/jquery.lj.commentator.js 
----------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------
   file-start: js/jquery/jquery.lj.authtype.js 
*/

 /**
 * @author dmitry.petrov@sup.com (Dmitry Petrov)
 * @author sergey.zhirkov@sup.com (Sergey Zhirkov)
 * @fileoverview Auth Type Chooser (in reply form)
 */

/**
 * @name $.lj.authtype
 * @requires $.ui.core, $.ui.widget, $.lj.basicWidget
 * @class Special widget for custom select element in reply form (both s1 and s2):
 *     changes current auth type, hides/shows appropriate text fields, checks
 *     hidden checkboxes and so on.
 */
(function ($, window) {

	/** @lends $.lj.authtype.prototype */
	$.widget('lj.authtype', $.lj.basicWidget, {

		options: {
			selectControl: {},
			state: 'collapsed',

			selectedIndex: 0,
			focusedIndex: 0,

			nativeAuthTypes: 'cookieuser, livejournal, anonymous',

			index: 0,
			authType: 'livejournal',
			authTypesControls: {},

			forceStartupCaptcha: false,

			classNames: {
				expanded: 'b-postform-login-services-show',
				startAuthTypePrefix: 'b-postform-trueauth-',
				authTypePrefix: 'b-postform-authtype-',
				willBeScreened: 'b-postform-user-screened',
				notfriend: 'b-postform-user-notafriend',
				captchaForAnonymous: 'b-postform-captcha-anon',
				captchaForNonFriends: 'b-postform-captcha-nonfriend',
				captchaForAll: 'b-postform-captcha-all',
				notaspammer: 'b-postform-notaspammer', //hide captcha for user with this class
				activeItem: 'b-watering-user-services-active'
			},

			selectors: {
				activeSelectItem: 'a[href=#{authType}]',
				selectControl: '.b-postform-login-services',
				authTypesControls: '.b-postform-login-services-items a:not(.b-postform-login-services-disabled, .b-postform-login-invisible)',
				authInputs: 'input.auth-input',

				//deprecated
				authTypeNotInSelect: '.b-postform-notselect',
				authTypesDisabledControls: '.b-postform-login-services-disabled',

				authTypeRadios: 'input[id^="{authType}"]',
				inputForFocus: 'input:visible:first',
				mobileSelect: '#usertype'
			}
		},


		// private methods

		_create: function () {
			var authType = this,
				options = authType.options,
				selectors = options.selectors;

			$.lj.basicWidget.prototype._create.apply(this);

			options.authInputs = authType.element
				.find(selectors.authInputs);

			options.selectControl = authType.element
				.find(selectors.selectControl);

			options.authTypesControls = authType.element
				.find(selectors.authTypesControls);

			options.commentWillBeScreened = authType.element
				.hasClass(options.classNames.willBeScreened);

			options.captchaForAll = authType.element
				.hasClass(options.classNames.captchaForAll);

			options.captchaForNonFriends = authType.element
				.hasClass(options.classNames.captchaForNonFriends);

			options.captchaForAnonymous = authType.element
				.hasClass(options.classNames.captchaForAnonymous);

			if (LJ.Support.isMobile()) {
				this._bindControlsMobile();
			} else {
				this._bindControls();
			}
		},

		_bindControlsMobile: function() {
			var authType = this,
				options = authType.options;

			$.lj.basicWidget.prototype._bindControls.apply(this);
			authType._setStartAuthType(authType.element[0].className);

			var mobileSelect = authType.element.find(options.selectors.mobileSelect);

			authType.element
				.bind('commentformclose', function(ev) {
					authType._setOption('authType', options.startAuthType);
				})

			mobileSelect.bind('change', function(ev) {
				if (options.authType !== this.value) {
					authType.authType(this.value);
				}
			})
		},

		_bindControls: function() {
			var authType = this,
				options = this.options,
				selectors = this.options.selectors,

				// "keydown" event for webkit browsers, "keypress" - for others
				browserSpecificKeyEventName = ($.browser.webkit || $.browser.msie) ? 'keydown' : 'keypress';

			$.lj.basicWidget.prototype._bindControls.apply(this);

			authType._setStartAuthType(authType.element[0].className);
			authType._setActiveSelectItem();

			authType.element
				.bind('commentformclose', function(ev) {
					authType._setOption('authType', options.startAuthType);
				})
				.delegate(selectors.selectControl, 'click', function (event) {
					event.preventDefault();
					authType.toggleState();
				})
				.delegate(selectors.authTypesDisabledControls, 'click', function (event) {
					event.preventDefault();
				})
				.delegate(selectors.selectControl, browserSpecificKeyEventName, function (event) {
					switch (event.keyCode) {
						// arrow Up
						case 38:
							event.preventDefault();
							authType.index('-1');
						break;

						// arrow Down
						case 40:
							event.preventDefault();
							authType.index('+1');
						break;
					}

					return true;
				})
				.delegate(selectors.authTypesControls, 'click', function (event) {
					var authTypeLink = $(this),
						authTypeName = authTypeLink.attr('href').replace('#', '');

					event.preventDefault();
					event.stopPropagation();

					if (authType.state() == 'expanded') {
						authType.authType(authTypeName);
						authType.state('collapsed');
						authType.option('activeItem', authTypeLink);
					} else {
						authType.state('expanded');
					}
				})
				.delegate(selectors.authTypeNotInSelect, 'click', function (event) {
					var authTypeLink = $(this),
						authTypeName = authTypeLink.attr('href').replace('#', '');

					event.preventDefault();
					event.stopPropagation();

					authType.authType(authTypeName);
				})
				.delegate(selectors.authTypesControls, 'mouseenter', function (event) {
					options.authTypesControls.trigger('blur');
					authType.option('focusedIndex', -1);
				})
				.delegate(':input', 'focus', function (event) {
					if (authType.state() == 'expanded') {
						authType.state('collapsed');
					}
				});

			$(document).bind('keydown', 'escape', function(ev) {
				authType.state('collapsed');
			});

			options.selectControl.bind('click', function(ev) {
				authType._suppressNextEvent('documentClick');
			});

			this._on('documentClick', function() {
				authType.state('collapsed');
			});
		},

		_setOption: function (option, value) {
			var authType = this,
				options = authType.options,
				selectors = options.selectors,
				classNames = options.classNames,
				addOrRemove, externalAuthType, ajaxDisabled, ajaxEnabled, needCaptcha;

			switch (option) {
				case 'state':
					if (value == 'expanded') {
						options.selectControl.addClass(options.classNames.expanded);
						this.option('focusedIndex', -1);
					} else {
						options.selectControl.removeClass(options.classNames.expanded);
					}
				break;
				case 'activeItem':
					if (options.activeItem) {
						options.activeItem.removeClass(classNames.activeItem);
					}

					value.addClass(classNames.activeItem);
				break;
				case 'authType':
					externalAuthType = (options.nativeAuthTypes.indexOf(value) == -1);

					options.authInputs.val('');
					// if user choose external auth type (such as "openid", "facebook" and so on) AND value of auth type
					// changed since init time OR user choose "anonymous" auth type AND comment will be screened after posting
					// then we should disable AJAX form sending
					ajaxDisabled =
						externalAuthType && (value !== options.startAuthType) ||
						value == 'anonymous' && options.commentWillBeScreened;

					ajaxEnabled = !ajaxDisabled;

									//we show captcha for anonymous users if it's turned on for any kind of user
					needCaptcha = ((options.captchaForAnonymous || options.captchaForNonFriends || options.captchaForAll) &&
										value == 'anonymous') ||
									//we do not show the cpatcha to the member of notaspammer community
									(value === options.startAuthType) && !this.element.hasClass(classNames.notaspammer) &&
									(
										//we do not show captcha to the owner of the journal
										(options.captchaForAll && Site.currentJournal !== Site.remoteUser) ||
										//we show captcha to nonfriends if captcha is hidden only from friends
										(options.captchaForNonFriends && this.element.hasClass(classNames.notfriend))
									);

					if (options.forceStartupCaptcha) {
						needCaptcha = true;
						this._setOption('forceStartupCaptcha', false);
					}

					authType.element
						.removeClass(options.classNames.authTypePrefix + options.authType)
						.addClass(options.classNames.authTypePrefix + value)

						/**
						 * Fired when on initial setup and when user changes it in control.
						 * @name $.lj.authtype#authtypechange
						 *
						 * @param {Object} options Options may contain fields: authtype, ajax, needCaptcha, error.
						 * @event
						 */
						.trigger('authtypechange', {
							//we need to pass authtype for commentform
							//to disable commentform if needed
							'authtype': value,
							'ajax': ajaxEnabled, //whether ajax should be enabled with current authtype
							'needCaptcha': needCaptcha, //whether to show captcha on the form
							'error': false //whether error message should be displayed on the form
						})
						.find(selectors.authTypeRadios.supplant({'authType': value}))
							// old code drawback (in future must be just changing of "checked" attribute)
							.trigger('click')
							// .attr('checked', true)
						.end()
						.find(selectors.inputForFocus)
							.trigger('focus');

					authType._setActiveSelectItem(value);
				break;
			}

			authType.options[option] = value;
		},

		_setStartAuthType: function (elemClassName) {
			var options = this.options;

			var authTypeReg = RegExp(options.classNames.startAuthTypePrefix + '(\\w+)'),
				match = elemClassName.match(authTypeReg),
				authType = match[1];

			this._setOption('startAuthType', authType); //start auth type is the current authtype;

			//selected authtype at the start may differ from the current user authtype,
			//this is handled by server by providing necessary b-(postform|watering)-authtype class
			authTypeReg = RegExp(options.classNames.authTypePrefix + '(\\w+)');
			match = elemClassName.match(authTypeReg);

			if (match) {
				authType = match[1];
			}

			this._setOption('authType', authType);
		},

		_setActiveSelectItem: function (currentAuthType) {
			var options = this.options,
				authTypesControls = options.authTypesControls,
				authType = currentAuthType || options.authType,
				selector = options.selectors.activeSelectItem.replace('{authType}', authType),
				control;

			for (var i = 0, l = authTypesControls.length; i < l; i++) {
				control = $(authTypesControls[i]);

				if (control.filter(selector).length) {
					options.selectedIndex = i;
					this._setOption('activeItem', control);
					return true;
				}
			}
		},

		/**
		 * Toggle selector state - open/closed.
		 */
		toggleState: function () {
			this.state((this.options.state == 'expanded') ? 'collapsed' : 'expanded');

			return this;
		},

		/*
		 * Set authentinication type for the form.
		 *
		 * @param {string} value Auth type.
		 */
		authType: function (value) {
			if (typeof value == 'undefined') {
				return this.options.authType;
			}

			this._setOption('authType', value);

			return this;
		},

		/**
		 * Set control state. May be collapsed or expanded.
		 *
		 * @param {string} value State of control.
		 */
		state: function (value) {
			if (typeof value === 'undefined') {
				return this.options.state;
			}

			this._setOption('state', value);

			return this;
		},

		/**
		 * Set control value.
		 *
		 * @param {number} value Option index.
		 */
		index: function (value) {
			var authType = this,
				options = authType.options,
				currentState = options.state,
				items = options.authTypesControls,
				itemIndex = (currentState == 'expanded') ? options.focusedIndex : options.selectedIndex,
				nextIndex, nextItem, nextAuthType;

			if (typeof value === undefined) {
				return this.options.index;
			}

			value = parseInt(value, 10);

			nextIndex = itemIndex + value;

			if (currentState == 'collapsed' && (nextIndex >= items.length || nextIndex < 0)) {
				return false;
			}

			if (nextIndex >= items.length) {
				nextIndex = 0;
			} else if (nextIndex < 0) {
				nextIndex = items.length - 1;
			}

			// move to the next menu item
			nextItem = items.eq(nextIndex);

			if (currentState == 'expanded') {
				nextItem.trigger('focus');
				options.focusedIndex = nextIndex;
			} else {
				nextAuthType = nextItem.attr('href').replace('#', '');
				authType.authType(nextAuthType);
			}
		}
	});

})(jQuery, this);
;

/* file-end: js/jquery/jquery.lj.authtype.js 
----------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------
   file-start: js/jquery/jquery.lj.userpicker.js 
*/

/* ---------------------------------------------------------------------------------
   file-start: js/jquery/mixins/cursor.js 
*/

/**
 * @author Dmitry Petrov <dmitry.petrov@sup.com>
 * @description Mixin is used to add cursor navigation in for any collection in the widget.
 *     The mixin can be used for both one and two dimensions.
 */
LJ.UI.mixin('cursor', function($, options) {
	options = $.extend({}, {
		/**
		 * Target to listen keyboard on.
		 */
		target: null,
		/**
		 * Collection of items to navigate through.
		 */
		items: null,
		/**
		 * Items container is needed to scroll them.
		 */
		container: null,
		/**
		 * User pressed Esc. No params.
		 */
		cancel: $.noop,
		/**
		 * @param {string} name Name of the item stored in data-item attribute.
		 * @param {jQuery} node Node of the selected item.
		select: $.noop,
		/**
		 * @param {number} idx Index if currently selected item.
		 * @param {jQuery} item Item node.
		 */
		cursorUpdate: $.noop,
		/**
		 * if hit the bottom should we return to the top?
		 */
		cyclic: false,
		/**
		 * if we need to highlight the items.
		 */
		hoverClass: 'hover',
		/**
		 * If columns number is more than onem cursor will operate in two dimensions
		 */
		columns: 1
	}, options);

	var widget = this,
		cursorIdx = null,
		itemsLen = options.items.length;

	function move(idx, absolute, ev) {
		if (widget.locked()) { return; }

		if (cursorIdx === null) {
			updateui(0);
		} else {
			updateui((absolute) ? idx : cursorIdx + idx);
		}

		ev.preventDefault();
	}

	function updateui(idx) {
		options.items.eq(cursorIdx).removeClass(options.hoverClass);
		if (idx !== null) {
			if (options.cyclic) {
				cursorIdx = (itemsLen + idx) % itemsLen;
			} else {
				cursorIdx = idx < 0 ? 0 :
									idx >= itemsLen ? itemsLen - 1 : idx;
			}
			var newRow = options.items.eq(cursorIdx);

			newRow.addClass(options.hoverClass);

			var scrollTop = options.container.scrollTop(),
				cellOffset = newRow.prop('offsetTop'),
				cellHeight = newRow.outerHeight(),
				height = options.container.height();

			if (scrollTop + height < cellOffset + cellHeight) {
				options.container.scrollTop(cellOffset + cellHeight - height);
			} else if (scrollTop >= cellOffset) {
				options.container.scrollTop(cellOffset);
			}

			options.cursorUpdate(idx, newRow);
		} else {
			cursorIdx = null;
		}
	}

	function select() {
		var node;
		if (widget.locked()) { return; }

		if (cursorIdx !== null) {
			node = options.items.eq(cursorIdx);
			options.select(node.data('name'), node);
			updateui(null);
		}
	}

	function cancel() {
		if (widget.locked()) { return; }

		updateui(null);
		options.cancel();
	};

	options.target
		.bind('keydown', 'esc', options.cancel)
		.bind('keydown', 'return', select)
		.bind('keydown', 'home', move.bind(null, 0, true))
		.bind('keydown', 'end', move.bind(null, itemsLen-1, true));

	if (options.columns === 1) {
		options.target
			.bind('keydown', 'up', move.bind(null, -1, false))
			.bind('keydown', 'down', move.bind(null, 1, false));
	} else {
		options.target
			.bind('keydown', 'left', move.bind(null, -1, false))
			.bind('keydown', 'right', move.bind(null, 1, false))
			.bind('keydown', 'up', move.bind(null, -options.columns, false))
			.bind('keydown', 'down', move.bind(null, options.columns, false));
	}

	return {
		/**
		 * Reset selector to the default state.
		 */
		reset: function() {
			updateui(null);
		},

		/**
		 * Select the item with the cursor.
		 *
		 * @param {number} idx The index of the item to select in the items colletions, that was passed in the options.
		 * @return {number|void} If called without the arguments, the method will return current cursor position.
		 */
		index: function(idx) {
			if (arguments.length === 0) {
				return cursorIdx;
			} else {
				updateui(idx);
			}
		},

		/**
		 * Set all data for the mixin.
		 *
		 * @param {jQuery} nodes A collection of items to move between.
		 * @param {number} idx cursor position
		 */
		setData: function(nodes, idx) {
			idx = idx === void(0) ? null : 0;
			options.items = nodes;
			itemsLen = options.items.length;
			updateui(idx);
		},

		/**
		 * Get item from the iterated collection.
		 *
		 * @param {number=} idx Number of item to get. If omitted, currently selected item will be returned.
		 * @return {jQuery} jQuery object with corresponding item.
		 */
		item: function(idx) {
			return options.items.eq(idx || cursorIdx);
		}
	}
});
;

/* file-end: js/jquery/mixins/cursor.js 
----------------------------------------------------------------------------------*/

LJ.injectStyle('/* LJ Userpic-Selector */\n\n\n\n\n\n/* LJUSERPIC */\n.b-ljuserpic {\n	margin: 0;\n	}\n\n	/* current userpic block */\n	.b-myuserpic,\n	#js .b-ljuserpic-mobile .b-myuserpic {\n		display: none;\n		}\n	#js .b-myuserpic {\n		display: block;\n		}\n\n	/* select tag */\n	#js .b-ljuserpic-selector {\n		display: none;\n		}\n	#js .b-ljuserpic-mobile .b-ljuserpic-selector {\n		display: inline;\n		}\n\n	/* default legend */\n	.b-ljuserpic-default {\n		display: none;\n		}\n\n\n\n\n\n/* CURRENT USERPIC */\n.b-myuserpic {\n	width: 100px;\n	margin: 0 0 15px;\n	padding: 8px 8px 4px;\n	border: 2px solid #59D;\n	border-radius: 5px;\n	box-shadow: 0 1px 1px rgba(0,0,0,0.3);\n	border-collapse: collapse;\n	background: #FFF;\n	cursor: pointer;\n	}\n.b-myuserpic:hover {\n	border-color: #C00;\n	cursor: pointer;\n	}\n\n	/* current image */\n	.b-myuserpic-current:link,\n	.b-myuserpic-current:visited,\n	.b-myuserpic-current:hover,\n	.b-myuserpic-current:active {\n		display: block;\n		width: 100px;\n		height: 100px;\n		margin: 0;\n		padding: 0;\n		border: 0;\n		background-repeat: no-repeat;\n		background-position: 50% 50%;\n		text-decoration: none;\n		font: 0/0 serif;\n		}\n	.b-myuserpic-current:focus {\n		outline: thin dotted;\n		}\n	.b-myuserpic-unfocus:focus {\n		outline: 0 !important;\n		}\n\n	/* current image title */\n	.b-myuserpic-options {\n		display: block;\n		margin: 0;\n		}\n		.b-myuserpic-title {\n			position: relative;\n			display: inline-block;\n			margin: 0;\n			padding: 5px 0 0;\n			font-size: 11px;\n			color: #369;\n			}\n			.b-myuserpic-title I {\n				overflow: hidden;\n				position: absolute;\n				top: 6px;\n				right: -16px;\n				display: block;\n				width: 16px;\n				height: 16px;\n				background: url(/img/icons/popup-expand.png?v=15718) 0 0 no-repeat;\n				}\n			.b-myuserpic:hover .b-myuserpic-title I {\n				background-position: 0 -16px;\n				}\n			.b-myuserpic:focus .b-myuserpic-title I {\n				background-position: 0 -32px;\n				}\n			.b-myuserpic-title .b-pseudo {\n				overflow: hidden;\n				margin: 0;\n				display: inline-block;\n				max-width: 80px;\n				white-space: nowrap;\n				text-overflow: ellipsis;\n				font-size: 11px;\n				}\n			.b-myuserpic:hover .b-myuserpic-title .b-pseudo {\n				color: #C00;\n				}\n\n\n\n/* anonymous userpic */\n.b-myuserpic-anonymous {\n	padding: 8px;\n	cursor: default;\n	}\n.b-myuserpic-anonymous:hover {\n	border-color: #59D;\n	cursor: default;\n	}\n	.b-myuserpic-anonymous .b-myuserpic-current:link,\n	.b-myuserpic-anonymous .b-myuserpic-current:visited,\n	.b-myuserpic-anonymous .b-myuserpic-current:hover,\n	.b-myuserpic-anonymous .b-myuserpic-current:active,\n	.b-myuserpic-anonymous .b-myuserpic-current:focus {\n		outline: 0;\n		cursor: default;\n		}\n\n\n\n/* no userpic */\n.b-myuserpic-nouserpics {\n	padding: 8px;\n	cursor: default;\n	}\n.b-myuserpic-nouserpics:hover {\n	border-color: #59D;\n	cursor: default;\n	}\n	.b-myuserpic-nouserpics .b-myuserpic-current:link,\n	.b-myuserpic-nouserpics .b-myuserpic-current:visited,\n	.b-myuserpic-nouserpics .b-myuserpic-current:hover,\n	.b-myuserpic-nouserpics .b-myuserpic-current:active,\n	.b-myuserpic-nouserpics .b-myuserpic-current:focus {\n		outline: 0;\n		cursor: default;\n		}\n\n\n\n/* disabled */\n.b-ljuserpic-disabled .b-myuserpic {\n	opacity: 0.5;\n	padding: 8px;\n	cursor: default;\n	}\n.b-ljuserpic-disabled .b-myuserpic:hover {\n	border-color: #59D;\n	cursor: default;\n	}\n	.b-ljuserpic-disabled .b-myuserpic-current:link,\n	.b-ljuserpic-disabled .b-myuserpic-current:visited,\n	.b-ljuserpic-disabled .b-myuserpic-current:hover,\n	.b-ljuserpic-disabled .b-myuserpic-current:active,\n	.b-ljuserpic-disabled .b-myuserpic-current:focus {\n		outline: 0;\n		cursor: default;\n		}\n	.b-ljuserpic-disabled .b-myuserpic-title {\n		display: none;\n		}\n\n\n\n/* off (show only default userpic image without popup) */\n.b-ljuserpic-off {\n	margin: 0;\n	padding: 0;\n	cursor: default;\n	}\n	.b-ljuserpic-off .b-userpicselector {\n		display: none;\n		}\n	.b-ljuserpic-off .b-myuserpic {\n		width: 100px;\n		margin: 0;\n		padding: 0;\n		border: 0;\n		border-radius: 0;\n		box-shadow: none;\n		border-collapse: collapse;\n		background: #FFF;\n		cursor: default;\n		}\n		.b-ljuserpic-off .b-myuserpic-current:link,\n		.b-ljuserpic-off .b-myuserpic-current:visited,\n		.b-ljuserpic-off .b-myuserpic-current:hover,\n		.b-ljuserpic-off .b-myuserpic-current:active,\n		.b-ljuserpic-off .b-myuserpic-current:focus {\n			outline: 0;\n			cursor: default;\n			}\n		.b-ljuserpic-off .b-myuserpic-options {\n			display: none;\n			}\n\n\n\n\n\n/* USERPIC SELECTOR POPUP */\n.b-userpicselector {\n	overflow: hidden;\n	position: absolute;\n	z-index: 100;\n	clear: both;\n	margin: -17px -17px 0;\n	padding: 15px 15px 0;\n	border: 2px solid #59D;\n	-moz-border-radius: 9px;\n	border-radius: 9px;\n	-moz-box-shadow: 0 10px 15px rgba(53,99,161,0.8);\n	-webkit-box-shadow: 0 10px 15px rgba(53,99,161,0.8);\n	box-shadow: 0 10px 15px rgba(53,99,161,0.8);\n	background: #FAFAFA;\n	background: -moz-linear-gradient(top, #FAFCFE 0%, #E2E3E7 25%, #FAFAFA 100%);\n	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFCFE), color-stop(25%,#E2E3E7), color-stop(100%,#FAFAFA));\n	background: -webkit-linear-gradient(top, #FAFCFE 0%,#E2E3E7 25%,#FAFAFA 100%);\n	background: -o-linear-gradient(top, #FAFCFE 0%,#E2E3E7 25%,#FAFAFA 100%);\n	background: -ms-linear-gradient(top, #FAFCFE 0%,#E2E3E7 25%,#FAFAFA 100%);\n	background: linear-gradient(top, #FAFCFE 0%,#E2E3E7 25%,#FAFAFA 100%);\n	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#FAFCFE\', endColorstr=\'#E2E3E7\',GradientType=0 );\n	font: 14px/1.2 Arial,sans-serif;\n	*zoom: 1;\n	}\n\n	/* reseting basic popup styles */\n	.b-userpicselector .b-popup-outer,\n	.b-userpicselector .b-popup-inner {\n		position: relative;\n		z-index: 100;\n		margin: 0;\n		padding: 0;\n		-moz-border-radius: 0;\n		border-radius: 0;\n		border: 0;\n		background: transparent;\n		}\n	.b-userpicselector .i-popup-arr {\n		visibility: hidden;\n		}\n	.b-userpicselector .i-popup-close {\n		display: none;\n		}\n\n	/* userpics inner */\n	.b-userpicselector-inner {\n		width: 620px;\n		}\n\n	/* 4 and 3 userpics */\n	.b-userpicselector-tiny4 {\n		width: 480px;\n		}\n	.b-userpicselector-tiny3 {\n		width: 360px;\n		}\n	/* userpics wrapper */\n	.b-userpicselector-wrapper {\n		overflow: auto;\n		position: relative;\n		height: 308px;\n		margin: 0;\n		padding: 0;\n		background: url(/img/preloader/preloader-circle-gray.gif?v=21229) no-repeat 50% 50%;\n		font: 14px/1.2 Arial,sans-serif;\n		*zoom: 1;\n		}\n	.b-userpicselector-loaded .b-userpicselector-wrapper {\n		background: transparent;\n		}\n	.b-userpicselector-tiny .b-userpicselector-wrapper {\n		overflow: hidden;\n		height: 145px;\n		}\n\n	/* userpics */\n	.b-userpicselector-items {\n		margin: 0;\n		padding: 0;\n		list-style: none;\n		*zoom: 1;\n		}\n	.b-userpicselector-items:before,\n	.b-userpicselector-items:after {\n		display: table;\n		border-collapse: collapse;\n		content: \"\";\n		}\n	.b-userpicselector-items:after {\n		clear: both;\n		}\n		.b-userpicselector-item {\n			overflow: hidden;\n			position: relative;\n			float: left;\n			width: 100px;\n			height: 124px;\n			margin: 0 0 10px;\n			padding: 10px;\n			text-align: left;\n			}\n		.b-userpicselector-tiny3 .b-userpicselector-item,\n		.b-userpicselector-tiny4 .b-userpicselector-item {\n			margin-bottom: 0;\n			}\n			.b-userpicselector-item LABEL {\n				display: block;\n				margin: -10px;\n				padding: 10px;\n				text-align: center;\n				font-size: 11px;\n				*zoom: 1;\n				}\n				#js .b-userpicselector-checkbox {\n					position: absolute;\n					left: -199px;\n					}\n				.b-userpicselector-pic {\n					display: block;\n					width: 100px;\n					height: 100px;\n					margin: 0;\n					padding: 0;\n					cursor: pointer;\n					color: #0051B7;\n					background-repeat: no-repeat;\n					background-position: 50% 50%;\n					font: 0/0 serif;\n					}\n				.b-userpicselector-item .b-pseudo {\n					overflow: hidden;\n					display: inline-block;\n					height: 14px;\n					max-width: 100px;\n					margin: 0;\n					padding: 5px 0 0;\n					border-bottom: 1px dotted;\n					white-space: nowrap;\n					text-overflow: ellipsis;\n					color: #369;\n					cursor: pointer;\n					}\n				.b-userpicselector-item:hover .b-pseudo {\n					color: #C00;\n					}\n			.b-userpicselector-active LABEL {\n				-moz-border-radius: 5px;\n				border-radius: 5px;\n				background: #58E;\n				background: #58E -moz-linear-gradient(top, #347 0%, #58E 100%);\n				background: #58E -webkit-gradient(linear, left top, left bottom, color-stop(0%,#347), color-stop(100%,#58E));\n				background: #58E -webkit-linear-gradient(top, #347 0%,#58E 100%);\n				background: #58E -o-linear-gradient(top, #347 0%,#58E 100%);\n				background: #58E -ms-linear-gradient(top, #347 0%,#58E 100%);\n				background: #58E linear-gradient(top, #347 0%,#58E 100%);\n				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#334477\', endColorstr=\'#5588EE\',GradientType=0 );\n				}\n				.b-userpicselector-active .b-pseudo {\n					color: #FFF;\n					}\n			.b-userpicselector-selected LABEL {\n				padding: 9px;\n				border: 1px dotted #000;\n				}\n				.b-userpicselector-selected .b-pseudo {\n					color: #C00;\n					}\n			.b-userpicselector-selected.b-userpicselector-active LABEL {\n				border: 1px solid #473479;\n				}\n				.b-userpicselector-selected.b-userpicselector-active .b-pseudo {\n					color: #FFF;\n					}\n				.b-userpicselector-selected.b-userpicselector-active:hover .b-pseudo {\n					color: #C00;\n					}\n\n	/* userpic controls */\n	.b-userpicselector-controls {\n		margin: 15px -15px 0;\n		padding: 20px;\n		-moz-border-radius-bottomleft: 7px;\n		-moz-border-radius-bottomright: 7px;\n		border-bottom-left-radius: 7px;\n		border-bottom-right-radius: 7px;\n		background: #CDE;\n		background: #CDE -moz-linear-gradient(top, #CDE 0%, #FFF 100%);\n		background: #CDE -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CDE), color-stop(100%,#FFF));\n		background: #CDE -webkit-linear-gradient(top, #CDE 0%,#FFF 100%);\n		background: #CDE -o-linear-gradient(top, #CDE 0%,#FFF 100%);\n		background: #CDE -ms-linear-gradient(top, #CDE 0%,#FFF 100%);\n		background: #CDE linear-gradient(top, #CDE 0%,#FFF 100%);\n		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#CCDDEE\', endColorstr=\'#FFFFFF\',GradientType=0 );\n		font: 14px/1.2 Arial,sans-serif;\n		}\n		.b-userpicselector-keywords {\n			display: none;\n			width: 16em;\n			margin: 0 20px 0 0;\n			}\n		#js .b-userpicselector-keywords {\n			display: inline-block;\n			}\n		#js .b-userpicselector-tiny .b-userpicselector-keywords,\n		.b-userpicselector-tiny .placeholder-wrapper {\n			display: none;\n			}\n		BODY .b-userpicselector-showall,\n		BODY .b-userpicselector-showall:link,\n		BODY .b-userpicselector-showall:visited {\n			margin: 0;\n			border: 0;\n			color: #0051B7 !important;\n			text-decoration: underline;\n			}\n		BODY .b-userpicselector-showall:hover,\n		BODY .b-userpicselector-showall:active {\n			color: #C00 !important;\n			border: 0;\n			text-decoration: underline;\n			}\n		BODY .b-userpicselector-close:link,\n		BODY .b-userpicselector-close:visited,\n		BODY .b-userpicselector-close:hover,\n		BODY .b-userpicselector-close:active {\n			display: none;\n			position: absolute;\n			bottom: 21px;\n			right: 4px;\n			z-index: 3;\n			margin: 0 16px 0 0;\n			border-bottom: 1px dotted;\n			cursor: pointer;\n			color: #000 !important;\n			text-decoration: none;\n			*right: 0;\n			}\n		BODY .b-userpicselector-close:hover,\n		BODY .b-userpicselector-close:active {\n			color: #C00 !important;\n			}\n		BODY .b-userpicselector-close:after {\n			content: \" \";\n			position: absolute;\n			top: 2px;\n			right: -18px;\n			width: 16px;\n			height: 16px;\n			margin: 0;\n			padding: 0;\n			background: url(/img/icons/popup-close.png?v=15718) 0 0 no-repeat;\n			font: 0/0 serif;\n			cursor: pointer;\n			}\n		BODY .b-userpicselector-close:hover:after {\n			background-position: 0 -16px;\n			}\n		#js .b-userpicselector-close:link,\n		#js .b-userpicselector-close:visited,\n		#js .b-userpicselector-close:hover,\n		#js .b-userpicselector-close:active {\n			display: block;\n			}\n');
LJ.UI.registerTemplate('templates-Form-UpicSelect', "{{if !($data.renderpics)}} <div class=\" b-userpicselector-inner {{if $data.hasdefaultuserpic}} {{if $data.hasuserpics < 6}} b-userpicselector-tiny {{if $data.hasuserpics < 5}} b-userpicselector-tiny4 {{/if}} {{if $data.hasuserpics < 4}} b-userpicselector-tiny3 {{/if}} {{/if}} {{else}} {{if $data.hasuserpics < 5}} b-userpicselector-tiny {{/if}} {{if $data.hasuserpics < 4}} b-userpicselector-tiny b-userpicselector-tiny4 {{/if}} {{/if}} \"> <div class=\"b-userpicselector-wrapper\"> <ul class=\"b-userpicselector-items\"> {{if !($data.hasdefaultuserpic)}} <li class=\"b-userpicselector-item b-userpicselector-item-nodefault\" data-name=\"\"><label for=\"u{{html $data.id}}\"><span class=\"b-userpicselector-pic\" data-pic=\"url({{html $data.statprefix}}/img/userpics/userpic-user.png?v=15821)\" title=\"{{html LJ.mltext(\'talk.no.default.userpic\')}}\">&nbsp;</span><span class=\"b-pseudo\">{{html LJ.mltext(\'talk.default.userpic\')}}</span> </label> </li> {{/if}} {{/if}} {{if $data.renderpics}} {{each ($value.userpics || $data.userpics)}} <li class=\" b-userpicselector-item {{if ($value.active || $data.active)}} b-userpicselector-active {{/if}}\" data-name=\"{{html ($value.keyword || $data.keyword)}}\"><label for=\"u{{html ($value.id || $data.id)}}\"><span class=\"b-userpicselector-pic\" data-pic=\"url({{html ($value.src || $data.src)}})\" title=\"{{html ($value.title || $data.title)}}\">&nbsp;</span><span class=\"b-pseudo\">{{html ($value.title || $data.title)}}</span></label> </li> {{/each}} {{/if}} {{if !($data.renderpics)}} </ul> </div> <div class=\"b-userpicselector-controls\"> {{if $data.hasuserpics >= 6}} <input type=\"search\" id=\"\" placeholder=\"{{html LJ.mltext(\"talk.searchuserpic\")}}\" class=\"b-userpicselector-keywords\" tabindex=\"31\"> {{/if}} <a href=\"{{html $data.siteroot}}/editpics.bml\" class=\"b-userpicselector-showall\" target=\"_blank\">{{html LJ.mltext(\'talk.manageuserpic\')}}</a> <a href=\"javascript:void(0)\" class=\"b-userpicselector-close b-pseudo\" tabindex=\"32\">{{html LJ.mltext(\'talk.close\')}}</a> </div> </div> {{/if}}", 'JQuery.stat');
/**
 * @name $.lj.userpicker
 * @requires $.ui.core, $.ui.widget, $.lj.basicWidget
 * @class Shows and hides popup with userpics (at the comments page), changes current userpic.
 *     userpicker expects the following page vars:
 *     - activeuserpic - currently selected userpic
 *     - hasuserpics - number of userpics owned by user
 *     - hasdefaultuserpic - whether the user has default userpic
 *     - hasactiveuserpic - whether the user has active(selected) userpic
 */
(function($, window) {

	/** @lends $.lj.userpicker.prototype */
	$.widget('lj.userpicker', $.lj.basicWidget, {

		options: {
			// this option means that we will update default userpic always after checking it in the list
			// it's needed for profile page
			updateDefaultUserpic: false,
			// if true will request userpics of currently viewed profile (e.g. a community user can edit),
			// otherwise will request viewers own userpics
			useCurrentJournal: false,
			classNames: {
				active: 'b-userpicselector-active',
				selected: 'b-userpicselector-selected',
				unfocus: 'b-myuserpic-unfocus', //in opera focus on the user pic is shown above overlay, so we hide it
				loaded: 'b-userpicselector-loaded',
				nodefaultItem: 'b-userpicselector-item-nodefault',
				startAuth: 'b-watering-trueauth-'
			},
			selectors: {
				nodefaultItem: '.b-userpicselector-item-nodefault',
				active: '.b-userpicselector-active',
				listWrapper: '.b-userpicselector-wrapper',
				pickerControl: '.b-myuserpic',
				pickerContainer: '.b-userpicselector',
				userpic: '.b-userpicselector-item',
				userpicsList: '.b-userpicselector-items',
				currentImage: '.b-myuserpic-current',
				currentText: '.b-myuserpic-title span',
				imageNode: '.b-userpicselector-pic',
				textNode: '.b-pseudo',
				closeControl: '.b-userpicselector-close',
				keywordInput: '.b-userpicselector-keywords',
				commentWidget: '.b-watering-comment',
				select: '#prop_picture_keyword'
			},
			templates: {
				popup: 'templates-Form-UpicSelect'
			}
		},

		_create: function() {
			var that = this;

			$.lj.basicWidget.prototype._create.apply(this);
			this._currentAuthSelected = true;
			// keywords data structure
			this._data = null;
			// skip sending server request first time (because we set userpic even after userpics loading - and it's strange)
			this._loadingSkiped = false;

			this._shouldUpdateHeaderPic = true;

			// if we are viewing communities profile page, require comminities userpics,
			// otherwise require viewers userpics
			if ( this.options.useCurrentJournal && LJ.get('current_journal.is_comm') ) {
				this._user = LJ.get('currentJournal');
				this._shouldUpdateHeaderPic = false;
			} else {
				this._user = LJ.get('remoteUser');
			}

			if (LJ.Support.isMobile()) {
				this._fallbackToMobile();
				return;
			}

			this._cachedDimensions = []; //we will check te size of the element only once
			this._visible = false;
			this._suppressTargetClick = false;
			this._picsLoaded = false;
			this._picKeyword = LJ.get('activeuserpic') || '';
			this._defaultKeyword = this._picKeyword;
			this._defaultPicUrl = this._el('currentImage').css('background-image');

			this._nodefLabel = this._el('currentImage').data('nodeflabel');
			this._nodefPic = this._el('currentImage').data('nodefpic');

			this._currentPicNode = null;

			this._keywords = {};
			this._el('select').children().each(function () {
				that._keywords[this.getAttribute('value')] = true;
			});

			this._preparePopup();
			this._findNodes();
			this._setupCursor();
			this._bindControls();
		},

		_augmentUserpicData: function( data ) {
			var that = this;

			if ( !data.userpics ) {

				this._data = [];

			} else {

				this._data = data.userpics.map( function( elem ) {

					var title = elem.keywords.join(', ');

					return {
						title: title,
						keyword: title.trim().toLowerCase(),
						active: title === that._defaultKeyword,
						id: elem.id,
						src: elem.url
					}
				});
			}

			return this._data;
		},

		_preparePopup: function() {
			var tmplData = {
				hasuserpics: LJ.get('hasuserpics'),
				hasdefaultuserpic: LJ.get('hasdefaultuserpic'),
				hasactiveuserpic: !!LJ.get('activeuserpic'),
				statprefix: LJ.get('statprefix'),
				siteroot: LJ.get('siteroot')
			};

			this._popupContent = this._tmpl('popup', tmplData);
			this._popupContent.bubble({
				target: this._el('pickerControl'),
				alwaysShowUnderTarget: true,
				closeOnDocumentClick: false,
				classNames: {
					containerAddClass: 'b-userpicselector'
				},
				showEffect: 'fade',
				selectors: {
					closeControl: this._s('closeControl')
				},
				offset: {
					x: -12,
					y: -128
				}
			});

			this._el('userpicsList', this._popupContent);
		},

		_loadPics: function() {
			this._lock();

			LJ.Api.call('userpic.get_all_userpics', { user: this._user }, function( answer ) {

				this._picsLoaded = true;
				this._unlock();
				this._popupContent.addClass(this._cl('loaded'));

				this._initPics(this._augmentUserpicData(answer));


				//Do not change the order ofer the two following methods, because
				//jquery somehow changes the order of elements set in previous method instead.

				// fight with nodef userpic
				if (!this._defaultActiveUserpic) {
					this._defaultActiveUserpic = LJ.get('hasactiveuserpic') || LJ.get('hasdefaultuserpic')  ?
														this._popupContent.find(this._s('active'))
														: this._popupContent.find(this._s('nodefaultItem'));
				}

				//we need this hack, because default userpic should be near the start of the list.
				var hasSelected = this._picKeyword !== this._defaultKeyword,
					kw = this._picKeyword;

				this._findDefaultActive();
				if (hasSelected) {
					this._findByKeyword(kw);
				}

				this._bindPopupControls();
				this._updateUserpics();

				if (this._cachedDimensions.length === 0) {
					this._cachedDimensions['cellheight'] = this._userpics.eq(0).outerHeight(true);
					this._cachedDimensions['frameHeight'] = this._listWrapper.height();
				}
			}.bind(this));
		},

		_initPics: function(pics) {
			var tmplData = {
				userpics: pics,
				renderpics: true
			};

			this._tmpl('popup', tmplData).appendTo(this._userpicsList);
			this._userpicsImgList = this._userpicsList.find(this._s('imageNode'));
			this._userpics = this._userpicsList.find(this._s('userpic'));
		},

		_fallbackToMobile: function() {
			var select,
				defValue;

			select = this._el('select');
			defValue = select.val();

			this.element.bind('commentformclose userpic', function(ev, userpic) {
				select.val(userpic || defValue);
			});
		},

		_findDefaultActive: function() {
			if (!this._picsLoaded) {
				this._setUserpic(this._defaultKeyword, this._defaultPicUrl);
				return;
			}

			if (this._defaultActiveUserpic.length) {
				this._setActiveUserpic(this._defaultActiveUserpic);
			}
		},

		_findNodes: function() {
			var element = this._popupContent;

			this._pickerContainer = element;
			this._el('keywordInput', element);
			this._el('listWrapper', element);

			this._el('currentImage');
			this._el('currentText');

			this._windowHeight = this._listWrapper.height();
		},

		_setupCursor: function() {
			var userpicker = this;

			userpicker._use('cursor', {
				target: this._el('pickerControl'),
				items: jQuery(), //we will attach userpics when they will be loaded
				container: userpicker._el('listWrapper'),
				cancel: userpicker.onHide.bind(userpicker, null),
				columns: 5, //5 pics in a row
				select: function(val, node) {
					if (userpicker._visible) {
						userpicker._setActiveUserpic(node, true);
						userpicker.hide();
						userpicker._suppressTargetClick = true;
					}
				},
				hoverClass: this._cl('selected')
			});
			userpicker._('cursor').index(0);
		},

		_bindControls: function() {
			var userpicker = this;

			$.lj.basicWidget.prototype._bindControls.apply(this);

			userpicker.element
				.on('click', this._s('pickerControl'), function(event) {
					//we show userpicker only if user selected cookieuser auth type
					if (userpicker._pickerContainer.length > 0 && userpicker._currentAuthSelected &&
							!userpicker._suppressTargetClick && !userpicker._el('select').attr('disabled')) {
						userpicker.show();
						userpicker._suppressNextEvent('documentClick');

						if (!userpicker._picsLoaded && !userpicker.locked()) {
							userpicker._loadPics();
						}
					}
					userpicker._suppressTargetClick = false;
					event.preventDefault();
				});

			var picsnum = LJ.get('hasuserpics') || 0;

			if (picsnum >= 6) {
				userpicker.element
					.on('keypress', this._s('pickerControl'), function(evt) {
						if (!userpicker._visible) { return true; }

						var key = 0;
						if (typeof evt.which == "undefined") {
							key = evt.keyCode;
						} else if (typeof evt.which == "number" && evt.which > 0) {
							if (!evt.ctrlKey && !evt.metaKey && !evt.altKey && evt.which != 8) {
								key = evt.which;
							}
						}

						if (key) {
							userpicker._keywordInput.val(userpicker._keywordInput.val() + String.fromCharCode(evt.which));

							Function.defer(function() {
								userpicker._keywordInput
									.input()
									.trigger('focus');

								var pos = userpicker._keywordInput.val().length;

								DOM.setSelectedRange(userpicker._keywordInput.get(0), pos, pos);
							});
						}
					});
			}

			this._popupContent
				.on('click', this._s('userpic'), function(event) {
					userpicker._setActiveUserpic($(this), true);
					userpicker.hide();
				})
				.on('click', this._suppressNextEvent.bind(this, 'documentClick'));

			this._popupContent
				.on('bubbleshow', this.onShow.bind(this))
				.on('bubblehide', this.onHide.bind(this));

			userpicker.element.on('authtypechange', function(ev, data) {
				//blockers should disable form only if user selected current authentenication
				var className = userpicker._cl('startAuth') + data.authtype;
				userpicker._currentAuthSelected = userpicker.element.hasClass(className);
			})
			.on('commentformclose', function() {
				userpicker._keywordInput.val('');
				if (userpicker._picsLoaded) {
					userpicker._userpics.show();
					userpicker._('cursor').setData(userpicker._userpics, 0);
				}
				userpicker._findDefaultActive();
			})
			.on('userpic', function(ev, userpic, src) {
				if (!userpicker._picsLoaded) {
					userpicker._setUserpic(userpic, 'url(' + src + ')');
				} else {
					userpicker._findByKeyword(userpic);
				}
			});

			this._on('documentClick', this.hide.bind(this));
		},

		_bindPopupControls: function() {
			var userpicker = this;

			this._keywordInput
				.labeledPlaceholder()
				.input(LJ.Function.throttle(function() {
					userpicker.filter(userpicker._keywordInput.val());
				}, this.value), 100);

			this._listWrapper.scroll(this._updateUserpics.bind(this));

			this._currentImage
				.blur(function(ev) {
					userpicker._('cursor').item().removeClass(userpicker._cl('selected'));
				})
				.focus(function(ev) {
					userpicker._('cursor').index(0);
				});

			//loading images on scroll
			this._userpicsImgList
				.one('activate', function() {
					var $this = jQuery(this),
						pic = $this.data('pic');
					$this.css('background-image', pic);
					this.loaded = true;
				});
		},

		/**
		 * Load image for visible userpics.
		 */
		_updateUserpics: function() {
			var offset = this._listWrapper.offset().top + this._windowHeight;
			var loadlist = this._userpicsImgList.filter(function() {
				return jQuery(this).offset().top < offset + 200;
			}).trigger('activate');

			this._userpicsImgList = this._userpicsImgList.not(loadlist);
		},

		/**
		 * Find userpic with the keyword and set it as active.
		 *
		 * @param {string} keyword
		 */
		_findByKeyword: function(keyword) {
			if (!keyword) {
				this._findDefaultActive();
				return;
			}

			keyword = String(keyword).toLowerCase();

			var img = this._userpicNodes = this._pickerContainer
				.find(this._s('userpic')).filter(function () {
					var name = $(this).data('name');

					if (!name) {
						return false;
					}

					/* Handle userpics with multiple keywords */
					return !!String(name).split(/, */).filter(function (kw) {
						return kw === keyword;
					}).length;
				}).first();

			if (img.length > 0) {
				this._setActiveUserpic(img);
			} else {
				this._findDefaultActive();
			}
		},

		/**
		 * Filter userpics by keyword
		 *
		 * @param {string} keyword
		 */
		filter: function(words) {
			var userpicker = this;

			words = words.trim().toLowerCase();

			var visiblePics = jQuery(),
				curIdx = this._('cursor').index(),
				currentItem = this._('cursor').item().get(0);

			if (words.length > 0) {
				this._userpics.each(function() {
					var item = jQuery(this),
						visible = (item.data('name').toString().indexOf(words) > -1);

					item.toggle(visible);

					if (visible) {
						visiblePics = visiblePics.add(item);
					} else if (this === currentItem) {
						curIdx = 0;
						item.removeClass(userpicker._cl('selected'));
					}
				});
			} else {
				visiblePics = this._userpics;
				visiblePics.show();
			}

			this._('cursor').setData(visiblePics, curIdx);
			this._updateUserpics();
			this._currentImage.trigger('blur');
		},

		onShow: function() {
			this._visible = true;
			if (this._picsLoaded) {
				this._updateUserpics();
			}
			this._listWrapper.scrollTop(0);
			this._currentImage.trigger('focus');
			Function.defer(function() { //say hello to IE8
				this._currentImage.trigger('focus');
			}.bind(this));

			if (this._picsLoaded) {
				this._('cursor').index(0);
			}
		},

		onHide: function(complete) {
			this._visible = false;
			this._pickerContainer.removeClass(this._cl('unfocus'));
		},

		_setActiveUserpic: function(node, updateOnHide) {
			var imgNode,
				newImageSrc,
				newText;

			if (node.hasClass(this._cl('nodefaultItem'))) {
				newImageSrc = '';
				newText = '';
			} else {
				imgNode = node.find(this._s('imageNode'));
				newImageSrc = imgNode.css('background-image');
				if (!newImageSrc || newImageSrc === 'none') {
					newImageSrc = imgNode.data('pic');
				}
				newText = node.find(this._s('textNode')).text();
			}

			this._setUserpic(newText, newImageSrc);

			if (this._currentPicNode &&
					this._currentPicNode.get(0) === node.get(0)) {
				return;
			}

			var oldPic = this._currentPicNode;
			this._currentPicNode = node;
			if (this._visible && updateOnHide) {
				this._popupContent.one('bubblehide', function() {
					this._setUserpicNode(oldPic, node);
				}.bind(this));
			} else {
				this._setUserpicNode(oldPic, node);
			}
		},

		_setUserpic: function(keyword, url) {
			var val,
				keywords = keyword.split(/, */),
				that = this,
				// keyword is a title in reality
				currentData = null;

			if (this.options.updateDefaultUserpic) {
				currentData = this._getDataByTitle(keyword);
				if (currentData && this._loadingSkiped) {
					this._sendUpdateUserpicRequest( currentData.id );
				} else {
					this._loadingSkiped = true;
				}
			}

			/* Hack to handle userpics with multiple keyword */
			$.each(keywords, function (i, keyword) {
				if (that._keywords[keyword]) {
					that._el('select').val(keyword);
				}
			});

			//if user creates comment with specific userpic, deletes that userpic
			//and starts editing the comment, whe get a keyword of deleted userpic.
			if (keywords.indexOf(this._el('select').val()) >= 0) {
				//default for nouserpic item;
				keyword = keyword || this._nodefLabel;
				url = url || this._nodefPic;
				this._picKeyword = keyword;
				this._currentImage.css('background-image', url);
				this._currentText.text(keyword);
			}
		},

		_setUserpicNode: function(oldPic, newPic) {
			if (oldPic) {
				oldPic.removeClass(this._cl('active'));
			}

			this._('cursor').item()
				.removeClass(this._cl('selected'));

			newPic
				.addClass(this._cl('active'))
				.prependTo(this._userpicsList);

			this._userpics = this._popupContent.find(this._s('userpic'));
			this._('cursor').setData(this._userpics, 0);
		},

		hide: function() {
			this._popupContent.bubble('hide');
		},

		show: function() {
			this._popupContent.bubble('show');
		},

		/**
		 * Returns userpic data
		 * @param  {string} title Userpic title
		 * @return {Object/null}       Array with
		 */
		_getDataByTitle: function (title) {
			var data = this._data.filter(function (element) {
				return element.title === title;
			});

			return data.length > 0 ? data[0] : null;
		},

		/**
		 * Sends request to the server for userpic update
		 * @param  {number}   id       Userpic identifier
		 */
		_sendUpdateUserpicRequest: function (id) {
			if (!this.options.updateDefaultUserpic) {
				return;
			}
			LJ.Api.call('userpic.set_default_userpic', {
				user: this._user,
				defaultpic: id
			}, this._afterUserpicUpdate.bind(this));
		},

		/**
		 * Action that takes place after updating of default userpic
		 * @param  {Object} data JSON - server response after default userpic update
		 */
		_afterUserpicUpdate: function (data) {
			var nodefault;

			if (data.result === 'ok' && this._shouldUpdateHeaderPic) {
				if (LJ.get('scheme') === 'lanzelot') {
						$('#header').find('.userpic').attr('src', data.url);
				} else {
					// horizon and other - default behavior
					$('.b-userpic-wrap').removeClass('b-userpic-wrap-empty')
						.find('#defaultpic')
						.css('background-image', "url('"+ data.url +"')");

					// horizon-adaptive
					$('.s-userpic-wrap').removeClass('s-userpic-wrap-empty')
						.find('.userpic').attr('src', data.url);
				}
				// remove default userpic from list
				nodefault = this._popupContent.find( this._s('nodefaultItem') );
				if (nodefault.length) {
					nodefault.remove();
				}
			}
		}

	});
})(jQuery, this);
;

/* file-end: js/jquery/jquery.lj.userpicker.js 
----------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------
   file-start: js/jquery/jquery.lj.commentsFormToolbar.js 
*/


/**
 * @author dmitry.petrov@sup.com (Dmitry Petrov)
 * @fileoverview Toolbar in commenting form.
 */

/**
 * @name $.lj.commentsFormToolbar
 * @requires $.ui.core, $.ui.widget, $.lj.basicWidget
 * @class Widget represents toolbar in commenting form on the post page.
 *
 */
(function($,window) {

	/** @lends $.lj.commentsFormToolbar.prototype */
	$.widget('lj.commentsFormToolbar', jQuery.lj.basicWidget, {
		options: {
			additionalRoles: [],
			selectors: {

				buttons: '.b-updateform-button',
				photoPreview: '.b-updateform-bubble-photo-preview',
				toolbar: '.b-updateform-bar',

				htmlTextarea: '#body'
			},
			classNames: {
				preloader: 'b-updateform-bubble-photo-preload',
			}
		},

		init: {},

		_create: function() {
			var self = this;

			this._el('toolbar');

			$.lj.basicWidget.prototype._create.apply(this);
			this._el('buttons');

			this._emptyGif = null;

			// TODO: we can make a lazy initialization of the buttons
			this._imgPreload = new Image();

			this._bindControls();

			// RTE related hooks and actions
		},

		_bindControls: function() {
			var self = this,
				selectors = this.options.selectors;
			$.lj.basicWidget.prototype._bindControls.apply(this);

			this._on('rte_on', function(on) {
				self.rteOn = !!on;
			});
		},

		_checkPhotoLoad: function(photoDiv, input, ev) {
			var src = input.val().trim(),
				self = this,
				preview = photoDiv.find(this.options.selectors.photoPreview);

			preview.attr('src', this._emptyGif);
			if (src.length === 0) { return; }

			photoDiv.addClass(this.options.classNames.preloader);

			if (src.length === 0) { return; }

			this._imgPreload.src = '';
			this._imgPreload.onload = function() {
				if (self._imgPreload.src.length === 0) { return; }
				photoDiv.removeClass(self.options.classNames.preloader);
				preview.attr('src', self._imgPreload.src);
			};

			this._imgPreload.onerror = function() {
				photoDiv.removeClass(self.options.classNames.preloader);
			};

			clearTimeout(this._imgPreload.timer);
			this._imgPreload.timer = setTimeout(function() {
				self._imgPreload.src = src;
			}, 200);
		},

		/**
		 * Take a textarea node and attach hotkeys event to it. This method is there to
		 * keep all the text formatting functionality in this widget.
		 *
		 * @params {jQuery|Node} textarea Textarea node.
		 */
		attachHotkeys: function(textarea) {
			textarea = jQuery(textarea);

			var handleEvent = function(action, ev) {
				this.insertContent(action);
				ev.preventDefault();
				ev.stopPropagation();
			};

			textarea
				.bind('keydown', 'ctrl+b', handleEvent.bind(this, 'bold'))
				.bind('keydown', 'ctrl+i', handleEvent.bind(this, 'italic'))
				.bind('keydown', 'ctrl+u', handleEvent.bind(this, 'underline'));
		}
	});
}(jQuery, window));
;

/* file-end: js/jquery/jquery.lj.commentsFormToolbar.js 
----------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------
   file-start: js/jquery/jquery.lj.commentform.js 
*/

/* ---------------------------------------------------------------------------------
   file-start: js/jquery/jquery.easing.js 
*/

/*
 * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
 *
 * Uses the built in easing capabilities added In jQuery 1.1
 * to offer multiple easing options
 *
 * TERMS OF USE - jQuery Easing
 * 
 * Open source under the BSD License. 
 * 
 * Copyright © 2008 George McGinley Smith
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without modification, 
 * are permitted provided that the following conditions are met:
 * 
 * Redistributions of source code must retain the above copyright notice, this list of 
 * conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this list 
 * of conditions and the following disclaimer in the documentation and/or other materials 
 * provided with the distribution.
 * 
 * Neither the name of the author nor the names of contributors may be used to endorse 
 * or promote products derived from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
 * OF THE POSSIBILITY OF SUCH DAMAGE. 
 *
*/

// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.easing['jswing'] = jQuery.easing['swing'];

jQuery.extend( jQuery.easing,
{
	def: 'easeOutQuad',
	swing: function (x, t, b, c, d) {
		//alert(jQuery.easing.default);
		return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
	},
	easeInQuad: function (x, t, b, c, d) {
		return c*(t/=d)*t + b;
	},
	easeOutQuad: function (x, t, b, c, d) {
		return -c *(t/=d)*(t-2) + b;
	},
	easeInOutQuad: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t + b;
		return -c/2 * ((--t)*(t-2) - 1) + b;
	},
	easeInCubic: function (x, t, b, c, d) {
		return c*(t/=d)*t*t + b;
	},
	easeOutCubic: function (x, t, b, c, d) {
		return c*((t=t/d-1)*t*t + 1) + b;
	},
	easeInOutCubic: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t + b;
		return c/2*((t-=2)*t*t + 2) + b;
	},
	easeInQuart: function (x, t, b, c, d) {
		return c*(t/=d)*t*t*t + b;
	},
	easeOutQuart: function (x, t, b, c, d) {
		return -c * ((t=t/d-1)*t*t*t - 1) + b;
	},
	easeInOutQuart: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
		return -c/2 * ((t-=2)*t*t*t - 2) + b;
	},
	easeInQuint: function (x, t, b, c, d) {
		return c*(t/=d)*t*t*t*t + b;
	},
	easeOutQuint: function (x, t, b, c, d) {
		return c*((t=t/d-1)*t*t*t*t + 1) + b;
	},
	easeInOutQuint: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
		return c/2*((t-=2)*t*t*t*t + 2) + b;
	},
	easeInSine: function (x, t, b, c, d) {
		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
	},
	easeOutSine: function (x, t, b, c, d) {
		return c * Math.sin(t/d * (Math.PI/2)) + b;
	},
	easeInOutSine: function (x, t, b, c, d) {
		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
	},
	easeInExpo: function (x, t, b, c, d) {
		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
	},
	easeOutExpo: function (x, t, b, c, d) {
		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
	},
	easeInOutExpo: function (x, t, b, c, d) {
		if (t==0) return b;
		if (t==d) return b+c;
		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
	},
	easeInCirc: function (x, t, b, c, d) {
		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
	},
	easeOutCirc: function (x, t, b, c, d) {
		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
	},
	easeInOutCirc: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
	},
	easeInElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
	},
	easeOutElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
	},
	easeInOutElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
	},
	easeInBack: function (x, t, b, c, d, s) {
		if (s == undefined) s = 1.70158;
		return c*(t/=d)*t*((s+1)*t - s) + b;
	},
	easeOutBack: function (x, t, b, c, d, s) {
		if (s == undefined) s = 1.70158;
		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
	},
	easeInOutBack: function (x, t, b, c, d, s) {
		if (s == undefined) s = 1.70158; 
		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
	},
	easeInBounce: function (x, t, b, c, d) {
		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
	},
	easeOutBounce: function (x, t, b, c, d) {
		if ((t/=d) < (1/2.75)) {
			return c*(7.5625*t*t) + b;
		} else if (t < (2/2.75)) {
			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
		} else if (t < (2.5/2.75)) {
			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
		} else {
			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
		}
	},
	easeInOutBounce: function (x, t, b, c, d) {
		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
	}
});

/*
 *
 * TERMS OF USE - EASING EQUATIONS
 * 
 * Open source under the BSD License. 
 * 
 * Copyright © 2001 Robert Penner
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without modification, 
 * are permitted provided that the following conditions are met:
 * 
 * Redistributions of source code must retain the above copyright notice, this list of 
 * conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this list 
 * of conditions and the following disclaimer in the documentation and/or other materials 
 * provided with the distribution.
 * 
 * Neither the name of the author nor the names of contributors may be used to endorse 
 * or promote products derived from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
 * OF THE POSSIBILITY OF SUCH DAMAGE. 
 *
 */;

/* file-end: js/jquery/jquery.easing.js 
----------------------------------------------------------------------------------*/

 /**
 * @author dmitry.petrov@sup.com (Dmitry Petrov)
 * @fileoverview LiveJournal comments form widget.
 */

/**
 * @name $.lj.commentform
 * @requires $.ui.core, $.ui.widget
 * @class Widget represents comment page in s1 comments
 *
 */
(function($,window) {

	/** @lends $.lj.commentform.prototype */
	$.widget('lj.commentform', $.lj.basicWidget, {
		options: {
			classNames: {
				active: 'active',
				startAuth: 'b-watering-trueauth-',
				buttonDisabled: 'b-ljbutton-disabled',
				activeComment: 'b-leaf-commenting',
				editComment: 'b-leaf-editing',
				formEditComment: 'b-watering-editing',
				formEditMyComment: 'b-watering-editing-mycomment',
				authtypeAnonymous: 'b-watering-authtype-anonymous',
				notfriend: 'b-watering-user-notafriend',
				notreg: 'b-watering-user-notreg',
				regonly: 'b-watering-user-regonly',
				friendonly: 'b-watering-user-friendonly',
				errorWrapperShow: 'b-msgsystem-errorbox-show',
				commentFrozen: 'b-leaf-frozen',
				commentScreened: 'b-leaf-screened',
				commentSpammed: 'b-leaf-spammed',
				firstLevelParent: 'b-xylem',
				showSpam: 'b-grove-showspam'
			},

			selectors: {
				form: '#postform',
				errorWrapper: '.b-msgsystem-errorbox',
				aside: '.b-watering-aside',
				tail: '.b-watering-arrows',
				toolbar: '.b-updateform-bar',
				submitControl: '.b-ljbutton-submit',
				submitButton: '.b-ljbutton-submit [type=submit]',
				comment: '#body',
				subject: '[name=subject]',
				editid: 'input[name=editid]',
				inputReplyto: '#replyto',
				inputParentTalkid: '#parenttalkid',
				inputViewingThread: '#viewing_thread',
				commentsRoot: '.b-grove',
				addFirstLevelControl: '.b-addcomment',
				firstLevelParent: '.b-xylem',
				firstLevelCommentContainer: '.b-xylem-cell-add',
				addControl: '.b-leaf-actions-reply',
				addControlLink: '.b-pseudo',
				commentContainer: '.b-leaf',
				twig: '.b-tree-twig',
				editLink: '.b-controls-edit',
				userpicImg: '.b-leaf-userpic-inner > img',
				commentText: '.b-leaf-article',
				commentSubject: '.b-leaf-subject',
				closeControl: '.b-watering-close'
			},

			disabledRegex: /b-watering-user-(deleted|suspended|banned|notmail)/,
			//we cannot find if the user clicked on the toolbar or not, so we suppose
			//that if user clicked on the toolbar button with smaller delay after
			//blur than this value, the field was focused before it.
			focusTimeout: 700
		},

		// private methods
		_create: function() {
			$.lj.basicWidget.prototype._create.apply(this);

			this._findNodes();
			this._bindEvents();

			this._disabled = false;
			this._authToken = this._commentsRoot.data('authtoken');
			this._updateFormState();

			// commentform state, may be add or edit
			this._state = null;
			// previous state of the form, to give ability other widgets know what is going on
			this._previousState = null;
			this._node = null; //node the form is attached to now;
			this._blurTimeout = 0;
		},

		_findNodes: function() {
			var selectors = this.options.selectors;

			this._inputs = {
				editid: this.element.find(selectors.editid),
				replyTo: this.element.find(selectors.inputReplyto),
				parentTalkid: this.element.find(selectors.inputParentTalkid),
				viewingThread: this.element.find(selectors.inputViewingThread)
			};

			this._tail = this.element.find(selectors.tail);
			this._tailHeight = parseInt(this._tail.css('height'),10);
			this._commentsRoot = $(selectors.commentsRoot);
			this._firstLevelParent = $(selectors.firstLevelParent).eq(0);
			this._firstLevelCommentContainer = $(selectors.firstLevelCommentContainer).eq(0);
			this._submitControl = this.element.find(selectors.submitControl);
			this._submitButton = this.element.find(selectors.submitButton);
			this._commentArea = this.element.find(selectors.comment)
											.spellchecker();
			this._subject = this.element.find(selectors.subject);
			this._errorsWrapper = this.element.find(selectors.errorWrapper);
			this._form = this.element.find(selectors.form);
			this._toolbar = this.element
								.find(selectors.toolbar);
		},

		_bindEvents: function() {
			var commentform = this,
				selectors = commentform.options.selectors,
				classNames = commentform.options.classNames,
				commentContainerSelector = selectors.commentContainer;

			this._commentArea
				.input(this._updateFormState.bind(this));

			this._toolbar
				.bind('commentsformtoolbartoggle', function(ev, action, active) {
					var selection = commentform._currentSelection,
						txtArea = commentform._commentArea;

					if (action === 'spell') {
						txtArea.spellchecker(active ? 'enable' : 'disable')

						if (selection) {
							DOM.setSelectedRange(txtArea.get(0), selection.start, selection.end);
							txtArea.focus();
						}
					}
				});

			//add root comment buttons
			this._commentsRoot.delegate(selectors.addFirstLevelControl + ':first', 'click', function(event) {
				commentform.add();
				event.preventDefault();
			});

			this._commentsRoot.delegate(selectors.addFirstLevelControl + ':gt(0)', 'click', function(event) {
				commentform._scrollToForm();
				if (!commentform.element.is(':visible') ||
						commentform._node.get(0) !== commentform._firstLevelCommentContainer.get(0)) {
					commentform.add();
				}
				event.preventDefault();
			});

			this._commentsRoot.delegate(selectors.addControl, 'click', function(event) {
				commentform.add($(this));
				event.preventDefault();
			});

			this.element
				.delegate(selectors.closeControl, 'click', function(event) {
					commentform._closeForm();
					event.preventDefault();
				});

			this._form.bind('submit', function() {
				//we need to disable form after all submit actions
				setTimeout(function() {
					commentform._setDisabled(true);
					commentform._commentArea.attr('disabled', true);
				}, 0);
			});
			LiveJournal.register_hook('commentator/submit', function(message) {
				if (message.hidden && !Site.remoteUser) {
					commentform._closeForm();
				}

				commentform._updateFormState();
				commentform._commentArea.attr('disabled', false);
			});

			this._toolbar
				.bind("insertText", function(ev, obj) {
					commentform._insertText(obj.text, obj.defaultSelection, obj.insertTimeout);
				})
				.bind('terminateAction', function(ev) {
					commentform._currentSelection = null;
				})
				.commentsFormToolbar('attachHotkeys', this._commentArea);

			//internet explorer looses selection on blur event, so we poll other events
			this._commentArea.bind( 'keydown mousedown mouseup' + ((jQuery.browser.msie)? '' : ' blur'), function(ev) {
				Function.defer(function() {
					commentform._currentSelection = DOM.getSelectedRange(commentform._commentArea.get(0));
				});
			}).bind('blur', function(ev) {
				commentform._blurTimeout = +new Date();
			});

			this.element
				.bind('newComment', function() {
					jQuery.fx.off = true; //we disable animation to collapse form immediately
					commentform._node && commentform._node.find(selectors.editLink).remove();
					commentform._commentArea.val('').spellchecker('update');
					commentform._subject.val('');
					commentform._closeForm();
					jQuery.fx.off = false;
				})
				.bind('authtypechange', function(ev, data) {
					//blockers should disable form only if user selected current authentenication
					var className = classNames.startAuth + data.authtype;
					commentform._currentAuthSelected = commentform.element.hasClass(className);
					commentform._updateFormState();
				});

			$(document)
				.bind('commentsUpdated', function(ev, ditemid, action) {
					var node = commentform._node;
					if (node && (
							//close form if node was replaced by another
							node.parent().length === 0 ||
							//LJSUP-11325: form should not be closed if we open commenting form on the node
							//and click *expand* on it.
							(node.attr('id') === ditemid && action !== 'expand') ||
								//in case of these action comment with open form will not be modified, so no need
								//to close the form
								(['expand', 'delone', 'screen', 'unscreen'].indexOf(action) === -1 &&
									$.comments.parent(node, ditemid) !== false)
							)
						) {
						commentform._closeForm();
					}
				})
				.bind('editComment', function(ev, node) {
					commentform.edit(node);
				});

			this._on('commentsPage', function () {
				/*
				 * LJSUP-14145
				 * Form should be removed from comments tree, or all event
				 * handlers will be broken
				 */
				$.fx.off = true;

				/* Move commentform to pager */
				commentform.add();

				/* Try to close it, if is attached to node */
				if (commentform._node) {
					commentform._closeForm();
				}

				$.fx.off = false;
			});
		},

		/**
		 * Get previous form state: 'add'/'edit'
		 * It's created for $.lj.comments to let it know what is going on
		 */
		previousState: function () {
			return this._previousState;
		},

		/**
		 * Sync previous state with current state
		 */
		syncPreviousState: function () {
			this._previousState = this._state;
		},

		/**
		 * Updates form state, whether it should be disabled or not. Check the source for conditions.
		 */
		_updateFormState: function() {
				var classNames = this.options.classNames;

							//we do not want to post empty comment
				var disabled = this._commentArea.val().trim().length === 0 ||
						//condition for current auth
						(this._currentAuthSelected &&
							//user is banned/suspended etc
							(this.options.disabledRegex.test(this.element.prop('className')) ||
							//user is not a friend, but only friends' comment are allowed
							(this.element.hasClass(classNames.friendonly) && this.element.hasClass(classNames.notfriend) ||
							//user didn't activate his email and he is like anonymous now
							(this.element.hasClass(classNames.notreg) &&
								(this.element.hasClass(classNames.regonly) || this.element.hasClass(classNames.friendonly)))
						))) || // OR
						//user is anonymous or didn't verified his email
						(this.element.hasClass(classNames.authtypeAnonymous) &&
							//end the post is only for registered users
							(this.element.hasClass(classNames.regonly) || this.element.hasClass(classNames.friendonly)));

				this._setDisabled(disabled);
		},

		_setDisabled: function(disabled) {
			disabled = !!disabled;

			if (window.operamini) {
				/* Do not disable submit for opera mini */
				disabled = false;
			}

			this._submitControl.toggleClass(this.options.classNames.buttonDisabled, disabled);

			if (disabled) {
				this._submitButton.attr('disabled', 'disabled');
			} else {
				this._submitButton.removeAttr('disabled');
			}

			this._disabled = disabled;
			this.element.trigger('commentformdisable', this._disabled); //pass information to the commentator
		},

		/**
		 * Insert text in the textarea.
		 *
		 * @param {String} text The text to insert.
		 * @param {String=} defaultSelection If user didn't selected the text than this text
		 *    will be insert instead.
		 */
		_insertText: function(text, defaultSelection, insertTimeout) {
			var self = this,
				val = this._commentArea[0].value, //LJSV-2110: jquery trims \r and breaks selection in opera
				newval,
				selection = this._currentSelection,
				pos,
				emptyPos = '{posifempty}',
				emptyPosIdx,
				emptySelection = false;

			defaultSelection = defaultSelection || '';

			if (!selection || (insertTimeout - this._blurTimeout > this.options.focusTimeout &&
						!this._commentArea.is(':focus'))) {
				newval = val + text.supplant({ caret: defaultSelection });
				pos = newval.length;
				emptySelection = true;
			} else {
				var selected = val.substring(selection.start, selection.end),
					start = val.substring(0, selection.start),
					end = val.substring(selection.end);

				if (selected.length === 0) {
					selected = defaultSelection;
				}

				if (selected.length === 0) {
					emptySelection = true;
				}

				selected = text.supplant({ caret: selected });

				if (!emptySelection) {
					selected = selected.supplant({ posifempty: '' });
				}

				newval = start + selected + end;
				pos = selection.start + selected.length;
			}

			//this placeholder is used to indicate the cursor position that should be used
			//if no text was selected in time of command.
			if (emptySelection && ((emptyPosIdx = newval.indexOf(emptyPos)) >= 0)) {
				pos = emptyPosIdx;
			}

			newval = newval.replace(emptyPos, '');
			this._commentArea
				.val(newval)
				.spellchecker('update');

			var txt = this._commentArea.get(0);

			DOM.setSelectedRange(txt, pos, pos);
			this._currentSelection = null;
			this._commentArea.focus();

			this._updateFormState();
		},

		/**
		 * Scroll to the top of the page to show form.
		 */
		_scrollToForm: function() {
			var top = this._commentsRoot.offset().top - parseInt(this._commentsRoot.css('margin-top'), 10);
			jQuery('html, body').animate({
				scrollTop: top
			});

			return this;
		},

		_setOption: function(option, value) {
			var commentform = this,
				options = this.options,
				classNames = options.classNames,
				selectors = options.selectors,
				activeClassName = classNames.active,
				anchor;

			switch (option) {
				case 'activeControl':
					if (options.activeControl) {
						options.activeControl.removeClass(activeClassName);
					}
					if (value) {
						value.addClass(activeClassName);
					}
					break;
			}

			options[option] = value;
		},

		/**
		 * Fire event whether form is processing something now.
		 */
		_setCommentPending: function(node, pending) {
			//we trigger event and commentsOperations widget gets it on some parent node.
			this.element.trigger('commentpending', [node, pending]);
		},

		/**
		 * Checks whether the form does that action with that node.
		 *
		 * @param {"add"|"edit"} action
		 * @param {jQuery} node
		 */
		_isInState: function(action, node) {
			return ((this._state === action) && this._node &&
					node.get(0) === this._node.get(0));
		},

		/**
		 * Just closes the form.
		 */
		_closeForm: function() {
			var commentform = this,
				options = this.options,
				classNames = this.options.classNames,
				ditemid = '0',
				node = this._node,
				collapseFunc = function() {
					commentform._inputs.replyTo.val('0');
					commentform._inputs.parentTalkid.val('0');
					commentform._inputs.editid.val('0');
					commentform.element.data('parenttalkid', null);
					commentform._setOption('activeControl', null);
					commentform._previousState = commentform._state;
					commentform._state = null;
					commentform._node && commentform._node.removeClass(classNames.activeComment);
					commentform._node = null;
					commentform._errorsWrapper.removeClass(classNames.errorWrapperShow);
				};

			options.activeControl && !options.activeControl.hasClass(options.classNames.firstLevelParent) &&
				options.activeControl.find(options.selectors.addControlLink).html(Site.ml_text['talk.replytothis']);

			node.removeClass(classNames.editComment);
			this.element
				.removeClass(classNames.formEditComment)
				.removeClass(classNames.formEditMyComment);

			this.hide(collapseFunc, null);
		},

		/**
		 * Show the form.
		 *
		 * @param {function()=} oncomplete Complete callback.
		 */
		show: function(oncomplete) {
			var self = this,
				options = this.options;

			this.element.css({ display: 'block', height: '' });
			if (jQuery.comments.skipAnimation) {
				this._fixIEProblemsShow();
				this.element.css({ opacity: '' });
				oncomplete && oncomplete();
				return;
			} else {
				var elementHeight = this.element.height();

				this._tail
					.css({ height: '', top: '' });

				this._tailHeight = parseInt(this._tail.css('height'), 10);

				this._tail
					.css({ height: '-=' + this._tailHeight, top: '+=' + this._tailHeight })
					.animate({ height: '+=' + this._tailHeight, top: '-=' + this._tailHeight }, 250);

				this.element
					.css({ opacity: 0, height: '1px' });

				var formOffset = this.element.offset().top,
					doc = jQuery('html, body'),
					win = jQuery(window),
					winH = win.height(),
					winOffset = win.scrollTop(),
					edgeOffset = winOffset + winH - elementHeight - jQuery('#ljtime').height(),
					dOffset,
					doScroll = false;

				if (edgeOffset < winOffset) {
					edgeOffset = winOffset;
				}
				dOffset = - edgeOffset + formOffset;

				if (edgeOffset < formOffset) {
					doScroll = true;
				}

				this.element.animate({
						height: elementHeight,
						opacity: 1
					}, {
						duration: 500,
						easing: 'easeOutExpo',
						step: function(now, fx) {
							if (doScroll && fx.prop === 'opacity') {
								doc.scrollTop(winOffset + dOffset * now);
							}
						},
						complete: function() {
							self.element
								.removeAttr('style')
								.css('display', 'block');
							oncomplete && oncomplete();
						}
					});
			}
		},

		_fixIEProblemsShow: function() {
			if (!$.browser.msie || parseInt($.browser.version, 10) > 8) { return; }
			if (!this._aside) {
				this._aside = this.element.find(this.options.selectors.aside);
			}

			var node = this._aside.get(0),
				parent = node.parentNode,
				width = parent.clientWidth;

				node.style.marginLeft = (width - parseInt(parent.currentStyle.paddingLeft, 10) -
												parseInt(parent.currentStyle.paddingRight, 10)) * -1;
		},

		/**
		 * Hide the form.
		 *
		 * @param {function()=} oncomplete Complete callback.
		 * @param {jQuery=} anchor Current comment answer anchor.
		 */
		hide: function(oncomplete, anchor) {
			var self = this,
				options = this.options,
				$document = jQuery(document);

			//we defer event triggering, because it blocks ui considerably in ie8
			this.element.trigger('commentformclose');

			anchor = anchor || this.options.activeControl;
			if (anchor.parent().length === 0) { //only a comment can disappear
				anchor = jQuery('#' + this._node.attr('id'));
			} else if (!anchor.hasClass(this.options.classNames.firstLevelParent)) {
				anchor = anchor.closest(this.options.selectors.commentContainer);
			}

			// if (this.element.is(':visible'))
			if (this.element[0].style.display === 'block') { //change for speed

				var screenTop = $document.scrollTop();

				var screenBottom = screenTop + $(window).height();

				var elTop = this.element.offset().top;
				var elBottom = elTop + this.element.outerHeight();
				var anchorTop = anchor.offset().top - screenTop;

				// if the animated element is out of viewport
				if (elBottom < screenTop || elTop > screenBottom || jQuery.comments.skipAnimation) {
					this.element.detach();
					$document.scrollTop(anchor.offset().top - anchorTop);
					oncomplete && oncomplete();
					return;
				} else {
					var h = this.element.height();
					this.element.css({ height: h });
					this._tail.animate({ height: '-=' + this._tailHeight, top: '+=' + this._tailHeight }, 200);
					this.element
						.animate({
							height: 0,
							opacity: 0
						}, {
							duration: 300,
							easing: 'easeOutExpo',
							step: function() {
								$document.scrollTop(anchor.offset().top - anchorTop);
							},
							complete: function() {
								$document.scrollTop(anchor.offset().top - anchorTop);
								self.element.css('display', '');
								oncomplete && oncomplete();
							}
						});
				}
			} else {
				oncomplete && oncomplete();
			}
		},

		/**
		 * Toggle form to open near the comment to add new.
		 *
		 * @param {jQuery=} control reply control node, if we reply to some one.
		 */
		add: function(control) {
			var options = this.options,
				willBeShown = this.comment('add', control);

			options.activeControl && !options.activeControl.hasClass(options.classNames.firstLevelParent) &&
				options.activeControl.find(options.selectors.addControlLink).html(Site.ml_text['talk.replytothis']);
			if (willBeShown) {
				this._commentArea.spellchecker('update');
				this._inputs.editid.val('');
				this._submitButton.html(Site.ml_text['talk.postcomment']);
				control && control.find(options.selectors.addControlLink).html(Site.ml_text['talk.answer']);
			}
			this._updateFormState();
		},

		/**
		 * Toggle form to open near comment to edit it.
		 *
		 * @param {jQuery} node Comment node.
		 */
		edit: function(node) {
			if (!node) { return; } //we can only reply to something

			var commentform = this,
				control = node.find(this.options.selectors.editLink),
				itemid = node.attr('id').substr(1);

			this.options.activeControl &&
				this.options.activeControl.find(this.options.selectors.addControlLink).html(Site.ml_text['talk.replytothis']);

			function toggleEdit(show, text, userpic, userpicsrc, subject) {
				commentform.comment('edit', control);

				node.toggleClass(commentform.options.classNames.editComment, show);
				commentform.element.toggleClass(commentform.options.classNames.formEditComment, show);
				if (Site.remoteUser !== Site.currentJournal) {
					commentform.element.toggleClass(commentform.options.classNames.formEditMyComment, show);
				}

				if (show) {
					commentform._inputs.editid.val(itemid);
					commentform._commentArea
						.val(text)
						.spellchecker('update');
					commentform._subject
						.val(subject);
					commentform._submitButton.html(Site.ml_text['talk.editcomment']);

					commentform.element.trigger('userpic', [userpic, userpicsrc]);
					commentform._updateFormState();
				}
			}

			function loadComment(cb) {
				commentform._setCommentPending(node, true);
				$.getJSON(LiveJournal.getAjaxUrl('get_comment_source',
							{ thread: itemid, journal: Site.current_journal.username })
				).success(function(result) {
						commentform._setCommentPending(node, false);
						if (result.status === 'ok') {
							cb && cb(result.message, result.userpic_keyword,
								node.find(commentform.options.selectors.userpicImg).attr('src'));
						} else {
							alert(result.message);
						}
					})
				.error(function() {
					setTimeout(loadComment.bind(null, cb), 200);
				});
			}

			if (!this._isInState('edit', node)) {
				var subject = node.find(this.options.selectors.commentSubject).text();
				loadComment(function(text, userpic, userpicsrc) {
					toggleEdit(true, text, userpic, userpicsrc, subject);
				});
			} else {
				toggleEdit(false);
			}
		},

		/**
		 * Toggle comment form visibility.
		 *
		 * @param {"add"|"edit"} action Form action.
		 * @param {jQuery} control Comment "add reply" anchor.
		 * @return {Boolean} Returns true if form will be eventually show, and false otherwise
		 */
		comment: function(action, control) {
			var commentform = this,
				selectors = this.options.selectors,
				classNames = this.options.classNames,
				node,
				/** @ignore */
				moveForm = function(node) {
					//jQuery method(especially insertAfter) can take an anormous amount of time in certain browsers (ff on some macs)
					node[0].parentNode.appendChild(commentform.element[0]);
				},
				showFunc = function(commentNode, control) {
					commentform._setOption('activeControl', control);
					commentform._inputs.replyTo.val(ditemid);
					commentform._inputs.parentTalkid.val(ditemid);
					commentform.element.data('parenttalkid', commentNode.attr('id') || null); //we need to set null if we open form at the
					moveForm(commentNode);
					commentform.show();
					if (commentform._state === 'edit' && action !== 'edit') {
						commentform._commentArea.val('').spellchecker('update');
						commentform._subject.val('');
					}
					commentform._state = action;
					commentform._node && commentform._node.removeClass(classNames.activeComment);
					commentform._node = node;
					commentform._node.addClass(classNames.activeComment);
					Function.defer(function() {
						commentform._commentArea.focus();
					});
					commentform._updateFormState();
				};

			var viewingThread;
			if (!control) { //add new root comment
				node = this._firstLevelCommentContainer;
				control = this._firstLevelParent;

				viewingThread = this._inputs.viewingThread.val();
				this._inputs.viewingThread.val('').data('thread', viewingThread);
				ditemid = '0';
				moveForm = function(node) {
					commentform.element.appendTo(node);
				};
			} else {
				node = control.closest(selectors.commentContainer);
				ditemid = Math.floor(parseInt(node.prop('id').substr(1), 10 ) / 256);
				if (node.hasClass(classNames.commentFrozen) ||
						(node.hasClass(classNames.commentScreened) && action !== 'edit') ||
						(node.hasClass(classNames.commentSpammed) && !this._commentsRoot.hasClass(classNames.showSpam))) {
					return false; //do nothing for frozen comments
				}

				viewingThread = this._inputs.viewingThread.data('thread');
				viewingThread && this._inputs.viewingThread.val(viewingThread);
			}

			if (this._isInState(action, node)) {
				if (this._state === 'edit') {
					this._commentArea.val('').spellchecker('update');
					this._subject.val('');
				}
				this._closeForm(); //we just need to close the form
				return false;
			}

			if (this._node) {
				this._node.removeClass(classNames.editComment);
			}
			this.hide(showFunc.bind(null, node, control), control);
			this.element
				.removeClass(classNames.formEditComment)
				.removeClass(classNames.formEditMyComment);
			return true;
		}
	});

})(jQuery, this);
;

/* file-end: js/jquery/jquery.lj.commentform.js 
----------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------
   file-start: js/jquery/jquery.lj.commentsOperations.js 
*/

 /**
 * @author dmitry.petrov@sup.com (Dmitry Petrov)
 * @fileoverview LiveJournal comments operation widget
 */

/**
 * @name $.lj.commentsOperations
 * @requires $.ui.core, $.ui.widget, $.lj.basicWidget
 * @class Widget allows to proccess operations with a single or multiple comments
 *
 */
(function($,window) {

	/** @lends $.lj.commentsOperations.prototype */
	$.widget('lj.commentsOperations', jQuery.lj.basicWidget, {
		options: {
			selectors: {
				links: 'a:not(.b-controls-track)',
				checkboxes: 'input[type=checkbox]',
				comment: '.b-leaf',
				ctrlPopupClose: 'button'
			},
			classNames: {
				alwaysShowControls: 'b-leaf-herbarium',
				deleteClass: 'b-leaf-deleting',
				editLink: 'b-controls-edit',
				ctrlPopup: 'b-leaf-deleting-bubble',
				processing: 'b-leaf-processing'
			},
			templates: {
				ctrlPopup: '<div class="b-popup-ctrlcomm">' + 
								'<div class="b-popup-group">' +
									'<div class="b-popup-row b-popup-row-head"><strong>${title}</strong></div>' +
									'<div class="b-popup-row">${subject}</div>' +
									'<div class="b-popup-row"><button type="button" class="spam-comment-button">${buttonTitle}</button></div>' +
								'</div>' +
							'</div>',
				delPopup: '<div class="b-popup-delcomm">' +
							'<form id="ljdelopts${ditemid}">' +
								'<div class="b-popup-group">' +
									'<div class="b-popup-row">' +
									'<input type="checkbox" name="delete" id="ljpopdel${ditemid}delete" checked{{if hideCheckbox}} style="display: none"{{/if}}>' +
									'<label for="ljpopdel${ditemid}delete">${commentDelete}</label>' +
									'</div>' +
									'{{if canBan}}<div class="b-popup-row">' +
										'<input type="checkbox" name="ban" id="ljpopdel${ditemid}ban">' +
										'<label for="ljpopdel${ditemid}ban">${commentDeleteBan}</label>' +
									'</div>{{/if}}' +
									'{{if canDelThread}}<div class="b-popup-row">' +
										'<input type="checkbox" name="delthread" id="ljpopdel${ditemid}thread">' +
										'<label for="ljpopdel${ditemid}thread">${commentDeleteThread}</label>' +
									'</div>{{/if}}' +
									'{{if canDelAuthor}}<div class="b-popup-row">' +
										'<input type="checkbox" name="delauthor" id="ljpopdel${ditemid}author">' +
										'<label for="ljpopdel${ditemid}author">{{html commentDeleteAuthor}}</label>' +
									'</div>{{/if}}' +
								'</div>' +
								'<div class="b-popup-row">' +
									'<button class="delete-comment-button" type="button">${commentDeleteButton}</button>' + 
								'</div>' +
							'</form>' + 
						'</div>'
			}
		},

		_create: function() {
			$.lj.basicWidget.prototype._create.apply(this);
			var selectors = this.options.selectors;

			this._authToken = this.element.data('authtoken');
			this._ctrlPopup = jQuery('<div/>').bubble({
				classNames: {
					containerAddClass: this.options.classNames.ctrlPopup
				},
				alwaysShowUnderTarget: true
			});

			this._ctrlPopupCallback = null;
			jQuery.template('ctrlPopup', this.options.templates.ctrlPopup);
			jQuery.template('delPopup', this.options.templates.delPopup);
			this._bindControls();
		},

		_bindControls: function() {
			var self = this,
				selectors = this.options.selectors,
				classNames = this.options.classNames;
			$.lj.basicWidget.prototype._bindControls.apply(this);

			//we listen this method to allow other widgets set processing state
			//of the comment.
			this.element.bind('commentpending', function(ev, comment, pending) {
				self._pending(comment, pending);
			});

			this.element.delegate(selectors.links, 'click', function(ev) {
				var comment = jQuery(this).closest(selectors.comment);
				if (comment.length === 0) { return; }
				if (comment.hasClass(self.options.classNames.processing)) { 
					ev.preventDefault();
					return; 
				} //do nothing if some other operation is taking place

				var ditemid = comment.prop('id').substr(1), // comment id is t12345
					actionMatch = this.href.match(/(\w+)\.bml/),
					action = actionMatch && actionMatch[1],
					method = '',
					button = this,
					force = false;

				if (this.className.indexOf(classNames.editLink) > -1) {
					self.element.trigger('editComment', [comment]);
					ev.preventDefault();
					return;
				}

					switch (action) {
						case 'delcomment':
							method = 'delete';
							force = ev.shiftKey;
							if (this.href.indexOf('spam=1') != -1) {
								action = 'markAsSpam';
							}
							break;
						case 'talkscreen':
							action = LiveJournal.parseGetArgs(this.href).mode;
							method = 'moderate';
							break;
						case 'spamcomment':
							method = 'moderate';
							break;
					}

				if (!method) { return; } //do nothing on invalid action
				ev.preventDefault();
				setTimeout(function() { //we want to skip documentClick event for the bubble
					self[method](button, action, comment, force);
				}, 0);
			});

			var deleteCheckbox, delauthorCheckbox, delthreadCheckbox,
				banCheckbox, deleteButton;

			var cbChecked = function(node) {
				return node.length > 0 && node.attr('checked');
			};

			this._ctrlPopup.delegate(selectors.ctrlPopupClose, 'click', function () {
				self._ctrlPopup.bubble('hide');
				self._ctrlPopupCallback && self._ctrlPopupCallback();
			}).bind('bubbleshow', function(ev) {
				var target = self._ctrlPopup
						.bubble('option','target')
						.closest(selectors.comment);
				target.addClass(classNames.alwaysShowControls);

				deleteCheckbox = self._ctrlPopup.find('[name=delete]');
				delthreadCheckbox = self._ctrlPopup.find('[name=delthread]');
				delauthorCheckbox = self._ctrlPopup.find('[name=delauthor]');
				banCheckbox = self._ctrlPopup.find('[name=ban]');
				deleteButton = self._ctrlPopup.find(selectors.ctrlPopupClose);
			}).bind('bubblehide', function(ev) {
				var target = self._ctrlPopup
						.bubble('option','target')
						.closest(selectors.comment);
				target.removeClass(classNames.alwaysShowControls)
						.removeClass(classNames.deleteClass);
			}).delegate(selectors.checkboxes, 'click', function(ev) {
				var deleteCheckedDisabled = !!(cbChecked(delauthorCheckbox) || cbChecked(delthreadCheckbox));

				if(deleteCheckedDisabled) {
					deleteCheckbox.attr('checked', true);
				}
				deleteCheckbox.attr('disabled', deleteCheckedDisabled);

				var buttonDisabled = !!(!cbChecked(deleteCheckbox) && !cbChecked(banCheckbox));
				deleteButton.attr('disabled', buttonDisabled);
			});
		},

		_pending: function(comment, show) {
			comment.toggleClass(this.options.classNames.processing, !!show);
		},

		_getComment: function(comment) {
			if (typeof comment !== 'object') { comment = jQuery(comment); }
			if (comment.length === 0) { return; }

			return {
				node: comment,
				ditemid: comment.prop('id').substr(1),
				username: comment.data('username'),
				displayname: comment.data('displayname')
			};
		},

		_showDeletePopup: function(element, action, data) {
			var comUser = data.username || '',
				remoteUser = Site.remoteUser,
				self = this;
			if (!remoteUser) {
				return true;
			}
			var canAdmin = Site.remote_is_maintainer;

			var markSpamMLPrefix = (Site.remote_is_maintainer == 1 && comUser !== '') ? 'comment.mark.spam.' : 'comment.mark.spam2.',
				//shortcut to ease access to the translations
				getML = function(item, username) {
					username = username || data.displayname;
					return LiveJournal.getLocalizedStr(item, { username: username });
				};

			if (action == 'markAsSpam') {
				this._ctrlPopup.html(jQuery.tmpl('ctrlPopup', {
					title: getML(markSpamMLPrefix + 'title'),
					subject: getML(markSpamMLPrefix + 'subject'),
					buttonTitle: getML(markSpamMLPrefix + 'button')
				}));

				this._ctrlPopupCallback = function() {
					data.props = ['ban', 'spam', 'delauthor'];
					self._removeComment(data);
				};
			} else if (action == 'delcomment') {
				var hasChildren = $.comments.hasChildren(data.node),
					canBan = comUser !== "" && comUser != remoteUser && canAdmin,
					canDelThread = hasChildren && canAdmin,
					canDelAuthor = !!(canAdmin && comUser),
					hideCheckbox = !canBan && !canDelThread && !canDelAuthor;

				this._ctrlPopup.html(jQuery.tmpl('delPopup', {
					ditemid: data.ditemid,
					canBan: canBan,
					canDelThread: canDelThread,
					canDelAuthor: canDelAuthor,
					hideCheckbox: hideCheckbox,
					commentDelete: getML('comment.delete.q'),
					commentDeleteBan: getML('comment.ban.user'),
					commentDeleteThread: getML('comment.delete.all.sub'),
					commentDeleteAuthor: (comUser == remoteUser ? getML('comment.delete.all.my') :
												getML('comment.delete.all', "<b>" + comUser) + "</b>"),
					commentDeleteButton: getML('comment.delete'),
					commentDeleteNoOptions: getML('comment.delete.no.options')
				}));

				this._ctrlPopupCallback = function() {
					data.props = [];
					self._ctrlPopup.find(':checkbox:checked').each(function() { data.props.push(this.name); });
					self._removeComment(data);
				};

				data.node.addClass(this.options.classNames.deleteClass);
			}

			this._ctrlPopup.bubble('option', 'target', jQuery(element))
				.bubble('show');
		},

		_banUser: function(username, oncomplete) {
			var doBan = function(token, usernames) {
				jQuery.post(LiveJournal.getAjaxUrl('changerelation'), {
						target: username,
						action: 'setBan',
						auth_token: token
					})
					.success(function() {
						window.ContextualPopup && window.ContextualPopup.cleanCache(usernames);
						oncomplete && oncomplete();
					});
			};

			$.getJSON(LiveJournal.getAjaxUrl('ctxpopup'), { user: username, mode: 'getinfo' })
				.success(function(data) {
					if (data.setBan_authtoken) {
						doBan(data.setBan_authtoken, [String(data.userid), data.username, data.url_userpic]);
					}
				});
		},

		_removeComment: function(data) {
			var self = this,
				postUrl = LiveJournal.getAjaxUrl('delcomment', LiveJournal.parseGetArgs(data.postLink)),
				postParams = {confirm: '1', lj_form_auth: this._authToken, format: 'json'},
				doBan = false,
				doDelete = false;

			if (data.props) {
				data.props.forEach(function(el) {
					if (el !== 'ban') {
						postParams[el] = '1';
						doDelete = true;
					} else {
						doBan = true;
					}
				});
			}

			this._pending(data.node, true);

			if (doBan) {
				if (Site.current_journal.is_comm) {
					postParams.ban = 1;
				} else {
					this._banUser(data.node.data('username'), function() {
						if (!doDelete) {
							self.element.trigger('refreshThread', [data.ditemid, true, 'delmany']);
						}
					});
				}
			}

			if (!doDelete) { return; }

			jQuery.post(postUrl, postParams, function (json) {
				var username = '';
				if (postParams.delauthor) {
					username = data.node.data('username');
				}
				if (json.status === "ok") {
					self.element.trigger('deleteComment', [data.ditemid, postParams.delthread, username]);
				} else {
					// @TODO: make some error processing
					alert(json.message);
				}
			}, 'json');
		},

		"delete": function(element, action, comment, force) {
			var commentData = this._getComment(comment);
			if (!commentData) { return; }
			//we pass element link there, because processing takes place in _removeComment method
			commentData.postLink = element.href;

			if (!force) {
				this._showDeletePopup(element, action, commentData);
			} else {
				commentData.props = [ 'delete' ];
				this._removeComment(commentData);
			}
		},

		/**
		 * Process some operation - spam, freeze, screen over a comment.
		 *
		 * @param {jQuery} element Action link.
		 * @param {string} action Action to process.
		 * @param {jQuery} comment Comment Node.
		 */
		moderate: function(element, action, comment) {
			var commentData = this._getComment(comment),
				self = this;
			if (!commentData) { return; }

			var bmlName = (action == 'spamcomment') ? 'spamcomment' : 'talkscreen',
				postUrl = LiveJournal.getAjaxUrl(bmlName, LiveJournal.parseGetArgs(element.href)),
				postParams = {'confirm': 'Y', lj_form_auth: this._authToken};

			postUrl += '&format=json';

			this._pending(comment, true);
			jQuery.post(postUrl, postParams, function (json) {
				if (json.status === "ok") {
					if (action === 'spamcomment') {
						self.element.trigger('removeFromDOM', [commentData.ditemid, action]);
						return;
					}
					self.element.trigger('refreshThread', [commentData.ditemid, !action.match(/(un)?freeze/), action]);
				} else {
					throw new Error(json.message);
				}
			}, 'json');
		}
	});
}(jQuery, window));

;

/* file-end: js/jquery/jquery.lj.commentsOperations.js 
----------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------
   file-start: js/jquery/jquery.lj.commentsMassActions.js 
*/


 /**
 * @author dmitry.petrov@sup.com (Dmitry Petrov)
 * @fileoverview LiveJournal comments mass actions widget
 */

/**
 * @name $.lj.commentsMassActions
 * @requires $.ui.core, $.ui.widget, $.lj.basicWidget
 * @class Widget allows to make some action on the multiple comments.
 *     Widget also handles hotkeys ctrl-alt-+ and ctrl-alt-- for expanding and
 *     collapsing all comments on the page.
 *
 */
(function($,window) {

	/** @lends $.lj.commentsMassActions.prototype */
	$.widget('lj.commentsMassActions', jQuery.lj.basicWidget, {
		options: {
			selectors: {
				form: '#multiform',
				massActions: '.b-massaction',
				ljButtons: '.b-massaction .b-ljbutton button',
				massActionsCheckAll: '.b-massaction-checkall input',
				checkboxes: '.b-leaf-actions-checkbox',
				links: 'a',
				comment: '.b-leaf',
				firstLevel: '.b-tree-twig-1',
				twig: '.b-tree-twig',
				twigSelected: '.b-tree-twig-selected',
				massOperationsAnchor: '.b-massaction-anchor',
				ljtimes: '#ljtime',
				ditemid: '#ditemid',
				error: '.b-massaction-error'
			},
			classNames: {
				hidden: 'b-grove-3comments',
				massActionsFixed: 'b-massaction-fixed',
				commentSelected: 'b-leaf-selected',
				twigSelected: 'b-tree-twig-selected', //helper class to find 
				preload: 'b-massaction-processing',
				error: 'b-massaction-problems'
			}
		},

		_create: function() {
			$.lj.basicWidget.prototype._create.apply(this);
			var selectors = this.options.selectors;

			this._authToken = this.element.data('authtoken');
			this._massActions = this.element.find(selectors.massActions);
			this._massActionsCheckAll = this.element.find(selectors.massActionsCheckAll);
			this._massActionsAnchor = this.element.find(selectors.massOperationsAnchor);
			this._ljtimes = jQuery(selectors.ljtimes);
			this._ditemid = this.element.find(selectors.ditemid).val();
			this._form = this.element.find(selectors.form);
			this._buttons = this.element.find(selectors.ljButtons);
			this._hidden = this.element.hasClass(this.options.classNames.hidden);

			this._setActive(false);
			this._bindControls();
		},

		_bindControls: function() {
			var self = this,
				selectors = this.options.selectors;
			$.lj.basicWidget.prototype._bindControls.apply(this);

			this.element.delegate(selectors.checkboxes, 'click', function(ev) {
				var box = jQuery(this),
					checked = this.checked;

				self._markChecked(box, checked);
				Function.defer(self._updateBoxes.bind(self), box, checked);
			});

			this._el('ljButtons').on('click', function(event) {
				self._massAction(this.getAttribute('data-value'));
				event.preventDefault();
			});

			this._massActionsCheckAll.click(function(ev) {
				Function.defer(self._updateBoxes.bind(self), self.element.find(selectors.checkboxes), this.checked);
			});

			jQuery(window).bind('scroll resize', this._checkMassActionsPanelPosition.bind(this));

			this.element
				//we shift event argument to leave first argument false
				//if comments were modified, any or all of them may be unchecked.
				.bind("commentsUpdated", this._updateMassActionsPanel.bind(this, false))
				//Mass actions panel should be visible on the page if there are 3 or more comments.
				.bind('newComment', this._checkVisibility.bind(this)); //we should allow to process all other callbacks

			jQuery(document)
				.bind('keyup', 'alt+ctrl++', this.expandAll.bind(this))
				.bind('keyup', 'alt+ctrl+-', this.collapseAll.bind(this));
		},

		_checkVisibility: function() {
			Function.defer(function() {
				if (this._hidden && this.element.find(this.options.selectors.comment).length > 2) {
					this.element.removeClass(this.options.classNames.hidden);
					this._hidden = false;
				}
			}.bind(this));
		},

		/**
		 * Show loader on the panel.
		 *
		 * @param {boolean} pending
		 */
		_setPending: function(pending) {
			this._buttons.attr('disabled', !!pending);
			this.element.toggleClass(this.options.classNames.preload, !!pending);
			if (pending) {
				this._massActions.removeClass(this.options.classNames.error);
			}
		},

		/**
		 * Enable/Disable panel buttons and stick it to the bottom of the screen.
		 *
		 * @param {boolean} active
		 */
		_setActive: function(active) {
			this._panelFixed = !!active;
			this._buttons.attr('disabled', !active);
		},

		/**
		 * Find top checked comments in every thread. Function uses the fact that
		 * jquery finds elements in the order they lay out in the html.
		 */
		_findTopChecked: function() {
			var selectors = this.options.selectors,
				classNames = this.options.classNames,
				selected = this.element.find(selectors.twigSelected),
				level = 0,
				leaves = jQuery(),
				prev;

			selected.each(function() {
				var twig = jQuery(this),
					currentLevel = $.comments.level(twig);

				if (level && currentLevel > level &&
					prev && $.comments.isChild(twig, prev)) { return; }
				level = currentLevel;

				leaves = leaves.add(twig.find(selectors.comment));
				prev = twig;
			});

			return leaves;
		},

		/**
		 * Run an action on all selected comments. For (un)freeze, expand and collapse actions
		 * function will find topmost selected comments and refresh comments from them.
		 *
		 * @param {string} action
		 */
		_massAction: function(action) {
			action = action.toLowerCase();
			var self = this,
				postUrl = LiveJournal.constructUrl(LiveJournal.getAjaxUrl('talkmulti'), { format: "json" }),
				postParams = {
					confirm: '1',
					lj_form_auth: this._authToken,
					mode: action,
					ditemid: this._ditemid,
					journal: Site.currentJournal
				},
				elements = this._form.get(0).elements,
				expander,
				checked = [];

			if (['collapse', 'expand', 'freeze', 'unfreeze'].indexOf(action) > -1) {
				this._findTopChecked().each(function() {
					checked.push(this.getAttribute('id'));
				});
			}

			if (['screen', 'unscreen', 'freeze', 'unfreeze', 'delete', 'deletespam', 'unspam'].indexOf(action) > -1) {
				var shouldCount = !/((un)?freeze)/.test(action);
				for (var i = 0, l = elements.length; i < l; ++i) {
					if (elements[i].name.match(/selected_\d+/) && elements[i].checked) {
						postParams[elements[i].name] = 'on';
						if (shouldCount) {
							checked.push(elements[i].id);
						}
					}
				}
			}

			if (action === 'collapse' || action === 'expand') {
				expander = LJ.Function.threshold(function(tid) {
					self.element.trigger(action, [tid, true]);
				}, 20, true);

				checked.forEach(expander);

				this._setPending(false);

				//some comments will not be replaced with ajax, so we uncheck them manually
				this._updateBoxes(this.element.find(this.options.selectors.checkboxes + ':checked'), false);
				return;
			}

			this._setPending(true);
			if (checked.length === 0) { return; }

			jQuery.post(postUrl, postParams, function (json) {
				self._setPending(false);
				if (json.status === "ok") {
					if (action === 'unspam') {
						var ditemids = checked.map(function(el){ return el.substr(1); });
						self.element.trigger('removeFromDOM', [ditemids, 'unspam']);
					} else {
						self._refreshComments(action, checked);
					}
				} else {
					self.element.find(self.options.selectors.error).html(json.message);
					self._massActions.addClass(self.options.classNames.error);
				}
			}, 'json');
		},

		_refreshComments: function(action, checkboxes) {
			var ditemids = checkboxes.map(function(el) { return el.substr(1); }),
				self = this;
			//we can optimize by finding common root nodes and fetching only them with all their children
			ditemids.forEach((function(ditemid) {
				Function.defer(function() {
					if (action.match(/^delete/)) {
						self.element.trigger('deleteComment', [ditemid]);
					} else {
						self.element.trigger('refreshThread', [ditemid, !action.match(/^(un)?freeze/), action]);
					}
				});
			}));
		},

		/**
		 * If panel is active it should be sticked to the bottom of the screen or
		 *     reside on it's original place if it's visible on the screen.
		 *
		 * @param {$.Event} ev
		 */
		_checkMassActionsPanelPosition: function(ev) {
			var windowyoffset = (jQuery.browser.msie && jQuery.browser.version.substr(0,1) < 9) ? document.documentElement.scrollTop : window.pageYOffset,
				anchorPos = 0,
				fixedClass = this.options.classNames.massActionsFixed;

			if (this._panelFixed) {
				anchorPos = this._massActionsAnchor.offset().top;
				if (this._massActions.hasClass(fixedClass)) {
					anchorPos += this._massActions.height();
				}

				if (anchorPos + this._ljtimes.height() > jQuery(window).height() + windowyoffset) {
					this._massActions.addClass(fixedClass);
				} else {
					this._massActions.removeClass(fixedClass);
				}
			} else {
				this._massActions.removeClass(fixedClass);
			}
		},

		_updateBoxes: function(boxes, state) {
			var self = this,
				selectors = this.options.selectors;

			boxes.each(function() {
				this.checked = state;
				self._markChecked(jQuery(this), state);
			});

			this._updateMassActionsPanel(state);
		},

		/**
		 * Visually mark comment as selected or not.
		 */
		_markChecked: function(box, state) {
			state = !!state;
			var selectors = this.options.selectors,
				classNames = this.options.classNames,
				comment = box.closest(selectors.comment);

			//in opera 11 addClass fails to check if the element already has the element, 
			//so we check it explictly
			if (state && comment.hasClass(classNames.commentSelected)) { return; }

			comment.toggleClass(classNames.commentSelected, state)
				.closest(selectors.twig).toggleClass(classNames.twigSelected, state);
		},

		_updateMassActionsPanel: function(addBox) {
			var self = this,
				selectors = this.options.selectors,
				fixedClass = this.options.classNames.massActionsFixed;

			if (this._ljtimes.length === 0) { //fetch again if ljtimes was not found previously, because it could not be loaded yet
				this._ljtimes = jQuery(selectors.ljtimes);
			}
			var oldValue = this._panelFixed;
			this._setActive(!!addBox || (this.element.find(selectors.checkboxes + ':checked:first').length > 0));
			this._checkMassActionsPanelPosition();
			if (this._panelFixed && this._massActions.hasClass(fixedClass)) {
				!oldValue && this._massActions
								.hide()
								.fadeIn(100);
			}

			var checkAll = addBox && (this.element.find(selectors.checkboxes + ':not(:checked):first').length === 0);
			this._massActionsCheckAll.attr('checked', checkAll);
		},

		_getComment: function(comment) {
			if (typeof comment !== 'object') { comment = jQuery(comment); }
			if (comment.length === 0) { return; }

			return {
				node: comment,
				ditemid: comment.prop('id').substr(1),
				username: comment.data('username'),
				displayname: comment.data('displayname')
			};
		},

		/**
		 * Procceed action on all comments
		 */
		_toggleAll: function(action) {
			var self = this,
				trigger = LJ.Function.threshold(function (tid) {
					self.element.trigger(action, [tid, true]);
				}, 20, true);

				/* Process 2 top-level threads at once */
				trigger.batch(2);

			this.element.find(this.options.selectors.firstLevel)
				.each(function() {
					trigger(this.getAttribute('data-tid'));
				});
		},

		expandAll: function() {
			this._toggleAll('expand');
		},

		collapseAll: function() {
			this._toggleAll('collapse');
		}
	});
}(jQuery, window));
;

/* file-end: js/jquery/jquery.lj.commentsMassActions.js 
----------------------------------------------------------------------------------*/