
; /* Start:/bitrix/templates/vzaimobank_2012_06/components/bitrix/photogallery/gallery/script.js*/
function debug_info(text)
{
	container_id = 'debug_info_forum';
	var div = document.getElementById(container_id);
	if (!div || div == null)
	{
		div = document.body.appendChild(document.createElement("DIV"));
		div.id = container_id;
//		div.className = "forum-debug";
		div.style.position = "absolute";
		div.style.width = "170px";
		div.style.padding = "5px";
		div.style.backgroundColor = "#FCF7D1";
		div.style.border = "1px solid #EACB6B";
		div.style.textAlign = "left";
		div.style.zIndex = '7900'; 
		div.style.fontSize = '11px'; 
		
		div.style.left = document.body.scrollLeft + (document.body.clientWidth - div.offsetWidth) - 5 + "px";
		div.style.top = document.body.scrollTop + 5 + "px";
	}
	if (typeof text == "object")
	{
		for (var ii in text)
		{
			div.innerHTML += ii + ': ' + text[ii] + "<br />";
		}
	}
	else
	{
		div.innerHTML += text + "<br />";
	}
	return;
}
/************************************************/

function PhotoPopupMenu()
{
	var _this = this;
	this.active = null;
	this.just_hide_item = false;
	this.events = null;
	
	this.PopupShow = function(div, pos, set_width, set_shadow, events)
	{
		this.PopupHide();
		if (!div) { return; } 
		if (typeof(pos) != "object") { pos = {}; } 

		this.active = div.id;
		
		if (set_width !== false && !div.style.width)
		{
			div.style.width = div.offsetWidth + 'px';
		}
		
		this.events = ((events && typeof events == "object") ? events : null);

		var res = jsUtils.GetWindowSize();
		
		pos['top'] = (pos['top'] ? pos['top'] : parseInt(res["scrollTop"] + res["innerHeight"]/2 - div.offsetHeight/2));
		pos['left'] = (pos['left'] ? pos['left'] : parseInt(res["scrollLeft"] + res["innerWidth"]/2 - div.offsetWidth/2));
		
		jsFloatDiv.Show(div, pos["left"], pos["top"], set_shadow, true, false);
		div.style.display = '';
		
		jsUtils.addEvent(document, "keypress", _this.OnKeyPress);
		
		var substrate = document.getElementById("photo_substrate");
		if (!substrate)
		{
			substrate = document.createElement("DIV");
			substrate.id = 	"photo_substrate";
			substrate.style.position = "absolute";
			substrate.style.display = "none";
			substrate.style.background = "#052635";
			substrate.style.opacity = "0.5";
			substrate.style.top = "0";
			substrate.style.left = "0";
			if (substrate.style.MozOpacity)
				substrate.style.MozOpacity = '0.5';
			else if (substrate.style.KhtmlOpacity)
				substrate.style.KhtmlOpacity = '0.5';
			if (jsUtils.IsIE())
		 		substrate.style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
			document.body.appendChild(substrate);
		}
		
		substrate.style.width = res["scrollWidth"] + "px";
		substrate.style.height = res["scrollHeight"] + "px";
		substrate.style.zIndex = 7500;
		substrate.style.display = 'block';
	}

	this.PopupHide = function()
	{
		this.active = (this.active == null && arguments[0] ? arguments[0] : this.active);
		
		this.CheckEvent('BeforeHide');
		
		var div = document.getElementById(this.active);
		if (div)
		{
			jsFloatDiv.Close(div);
			div.style.display = 'none';
			if (!this.just_hide_item) {div.parentNode.removeChild(div); } 
		}
		var substrate = document.getElementById("photo_substrate");
		if (substrate) { substrate.style.display = 'none'; } 

		this.active = null;
		
		jsUtils.removeEvent(document, "keypress", _this.OnKeyPress);
		
		this.CheckEvent('AfterHide');
		this.events = null;
	}

	this.CheckClick = function(e)
	{
		var div = document.getElementById(_this.active);
		
		if (!div || !_this.IsVisible()) { return; }
		if (!jsUtils.IsIE() && e.target.tagName == 'OPTION') { return false; }
		
		var x = e.clientX + document.body.scrollLeft;
		var y = e.clientY + document.body.scrollTop;

		/*menu region*/
		var posLeft = parseInt(div.style.left);
		var posTop = parseInt(div.style.top);
		var posRight = posLeft + div.offsetWidth;
		var posBottom = posTop + div.offsetHeight;
		
		if (x >= posLeft && x <= posRight && y >= posTop && y <= posBottom) { return; }

		if(_this.controlDiv)
		{
			var pos = jsUtils.GetRealPos(_this.controlDiv);
			if(x >= pos['left'] && x <= pos['right'] && y >= pos['top'] && y <= pos['bottom'])
				return;
		}
		_this.PopupHide();
	}

	this.OnKeyPress = function(e)
	{
		if(!e) e = window.event
		if(!e) return;
		if(e.keyCode == 27)
			_this.PopupHide();
	},

	this.IsVisible = function()
	{
		return (document.getElementById(this.active).style.visibility != 'hidden');
	}, 
	
	this.CheckEvent = function()
	{
		if (!this.events || this.events == null)
		{
			return false;
		}
		
		eventName = arguments[0];
		
		if (this.events[eventName]) 
		{ 
			return this.events[eventName](arguments); 
		} 
		return true;
	}
}
var PhotoMenu;
if (!PhotoMenu) 
	PhotoMenu = new PhotoPopupMenu();

var jsUtilsPhoto = {
	GetElementParams : function(element)
	{
		if (!element) return false;
		if (element.style.display != 'none' && element.style.display != null)
			return {width: element.offsetWidth, height: element.offsetHeight};
		var originstyles = {position: element.style.position, visibility : element.style.visibility, display: element.style.display};
		element.style.position = 'absolute';
		element.style.visibility = 'hidden';
		element.style.display = 'block';
		var result = {width: element.offsetWidth, height: element.offsetHeight};
		element.style.display = originstyles.display;
		element.style.visibility = originstyles.visibility;
		element.style.position = originstyles.position;
		return result;
	}, 
	ClassCreate : function(parent, properties)
	{
		function oClass() { 
			this.init.apply(this, arguments); 
		}
		
		if (parent) 
		{
			var temp = function() { };
			temp.prototype = parent.prototype;
			oClass.prototype = new temp;
		}
		
		for (var property in properties)
			oClass.prototype[property] = properties[property];
		if (!oClass.prototype.init)
			oClass.prototype.init = function() {};
		
		oClass.prototype.constructor = oClass;
		
		return oClass;
	}, 
	ObjectsMerge : function(arr1, arr2)
	{
		var arr3 = {};
		for (var key in arr1)
			arr3[key] = arr1[key];
		for (var key in arr2)
			arr3[key] = arr2[key];
		return arr3;
	}
}; 

window.bPhotoMainLoad = true;
/* End */
;
; /* Start:/bitrix/components/bitrix/photogallery.section.list/templates/.default/script.js*/
function EditAlbum(url)
{
	var oEditAlbumDialog = new BX.CDialog({
		title : '',
		content_url: url + (url.indexOf('?') !== -1 ? "&" : "?") + "AJAX_CALL=Y",
		buttons: [BX.CDialog.btnSave, BX.CDialog.btnCancel],
		width: 600,
		height: 400
	});
	oEditAlbumDialog.Show();

	BX.addCustomEvent(oEditAlbumDialog, "onWindowRegister", function(){
		oEditAlbumDialog.adjustSizeEx();
		var pName = BX('bxph_name');

		if (pName) // Edit album properies
		{
			BX.focus(pName);
			if (BX('bxph_pass_row'))
			{
				BX('bxph_use_password').onclick = function()
				{
					var ch = !!this.checked;
					BX('bxph_pass_row').style.display = ch ? '' : 'none';
					BX('bxph_photo_password').disabled = !ch;
					if (ch)
						BX.focus(BX('bxph_photo_password'));

					oEditAlbumDialog.adjustSizeEx();
				};
			}
		}
		else // Edit album icon
		{
		}
	});

	oEditAlbumDialog.ClearButtons();
	oEditAlbumDialog.SetButtons([
		new BX.CWindowButton(
		{
			title: BX.message('JS_CORE_WINDOW_SAVE'),
			id: 'savebtn',
			action: function()
			{
				var pForm = oEditAlbumDialog.Get().getElementsByTagName('form')[0];
				if (pForm.action.indexOf('icon') == -1)
					CheckForm(pForm);
				else // Edit album icon
					CheckFormEditIcon(pForm);
			}
		}),
		oEditAlbumDialog.btnCancel
	]);

	window.oPhotoEditAlbumDialog = oEditAlbumDialog;
}

function CheckForm(form)
{
	if (typeof form != "object")
		return false;

	oData = {"AJAX_CALL" : "Y"};
	for (var ii in form.elements)
	{
		if (form.elements[ii] && form.elements[ii].name)
		{
			if (form.elements[ii].type && form.elements[ii].type.toLowerCase() == "checkbox")
			{
				if (form.elements[ii].checked == true)
					oData[form.elements[ii].name] = form.elements[ii].value;
			}
			else
				oData[form.elements[ii].name] = form.elements[ii].value;
		}
	}

	BX.showWait('photo_window_edit');
	window.oPhotoEditAlbumDialogError = false;

	BX.ajax.post(
		form.action,
		oData,
		function(data)
		{
			setTimeout(function(){
				BX.closeWait('photo_window_edit');
				result = {};

				if (window.oPhotoEditAlbumDialogError !== false)
				{
					var errorTr = BX("bxph_error_row");
					errorTr.style.display = "";
					errorTr.cells[0].innerHTML = window.oPhotoEditAlbumDialogError;
					window.oPhotoEditAlbumDialog.adjustSizeEx();
				}
				else
				{
					try
					{
						eval("result = " + data + ";");
						if (result['url'] && result['url'].length > 0)
							BX.reload(result['url']);

						var arrId = {"NAME" : "photo_album_name_", "DATE" : "photo_album_date_", "DESCRIPTION" : "photo_album_description_"};
						for (var ID in arrId)
						{
							if (BX(arrId[ID] + result['ID']))
								BX(arrId[ID] + result['ID']).innerHTML = result[ID];
						}
						var res = BX('photo_album_info_' + result['ID']);

						if (res)
						{
							if (result['PASSWORD'].length <= 0)
								res.className = res.className.replace("photo-album-password", "");
							else
								res.className += " photo-album-password ";
						}
						window.oPhotoEditAlbumDialog.Close();
					}
					catch(e)
					{
						var errorTr = BX("bxph_error_row");
						errorTr.style.display = "";
						errorTr.cells[0].innerHTML = BXPH_MESS.UnknownError;
						window.oPhotoEditAlbumDialog.adjustSizeEx();
					}
				}
			}, 200);
		}
	);
}

function CheckFormEditIcon(form)
{
	if (typeof form != "object")
		return false;

	oData = {"AJAX_CALL" : "Y"};
	for (var ii in form.elements)
	{
		if (form.elements[ii] && form.elements[ii].name)
		{
			if (form.elements[ii].type && form.elements[ii].type.toLowerCase() == "checkbox")
			{
				if (form.elements[ii].checked == true)
					oData[form.elements[ii].name] = form.elements[ii].value;
			}
			else
				oData[form.elements[ii].name] = form.elements[ii].value;
		}
	}
	oData["photos"] = [];
	for (var ii = 0; ii < form.elements["photos[]"].length; ii++)
	{
		if (form.elements["photos[]"][ii].checked == true)
			oData["photos"].push(form.elements["photos[]"][ii].value);
	}

	BX.showWait('photo_window_edit');
	window.oPhotoEditIconDialogError = false;

	BX.ajax.post(
		form.action,
		oData,
		function(data)
		{
			setTimeout(function(){
				BX.closeWait('photo_window_edit');
				var result = {};

				if (window.oPhotoEditIconDialogError !== false)
				{
					var errorCont = BX("bxph_error_cont");
					errorCont.style.display = "";
					errorCont.innerHTML = window.oPhotoEditIconDialogError + "<br/>";
					window.oPhotoEditAlbumDialog.adjustSizeEx();
				}
				else
				{
					try
					{
						eval("result = " + data + ";");
					}
					catch(e)
					{
						result = {};
					}

					if (parseInt(result["ID"]) > 0)
					{
						if (BX("photo_album_img_" + result['ID']))
							BX("photo_album_img_" + result['ID']).src = result['SRC'];
						else if (BX("photo_album_cover_" + result['ID']))
							BX("photo_album_cover_" + result['ID']).style.backgroundImage = "url('" + result['SRC'] + "')";
						window.oPhotoEditAlbumDialog.Close();
					}
					else
					{
						var errorTr = BX("bxph_error_row");
						errorTr.style.display = "";
						errorTr.cells[0].innerHTML = BXPH_MESS.UnknownError;
						window.oPhotoEditAlbumDialog.adjustSizeEx();
					}
				}
			}, 200);
		}
	);
}

function DropAlbum(url, id)
{
	BX.showWait('photo_window_edit');
	window.oPhotoEditAlbumDialogError = false;

	if (id > 0)
	{
		var pAlbum = BX("photo_album_info_" + id);
		if (pAlbum)
			pAlbum.style.display = "none";
	}

	BX.ajax.post(
		url,
		{"AJAX_CALL" : "Y"},
		function(data)
		{
			setTimeout(function(){
				BX.closeWait('photo_window_edit');

				if (window.oPhotoEditAlbumDialogError !== false)
					return alert(window.oPhotoEditAlbumDialogError);

				try
				{
					eval("result = " + data + ";");
					if (result['ID'])
					{
						var pAlbum = BX("photo_album_info_" + result['ID']);
						if (pAlbum && pAlbum.parentNode)
							pAlbum.parentNode.removeChild(pAlbum);
					}
				}
				catch(e)
				{
					if (id > 0)
					{
						var pAlbum = BX("photo_album_info_" + id);
						if (pAlbum && pAlbum.parentNode)
							pAlbum.style.display = "";
					}

					if (window.BXPH_MESS)
						return alert(window.BXPH_MESS.UnknownError);
				}
			}, 200);
		}
	);

	return false;
}

window.__photo_check_name_length_count = 0;
function __photo_check_name_length()
{
	var nodes = document.getElementsByTagName('a');
	var result = false;
	for (var ii = 0; ii < nodes.length; ii++)
	{
		var node = nodes[ii];
		if (!node.id.match(/photo\_album\_name\_(\d+)/gi))
			continue;
		result = true;
		if (node.offsetHeight <= node.parentNode.offsetHeight)
			continue;
		var div = node.parentNode;
		var text = node.innerHTML.replace(/\<wbr\/\>/gi, '').replace(/\<wbr\>/gi, '').replace(/\&shy\;/gi, '');
		while (div.offsetHeight < node.offsetHeight || div.offsetWidth < node.offsetWidth)
		{
			if ((div.offsetHeight  < (node.offsetHeight / 2)) || (div.offsetWidth < (node.offsetWidth / 2)))
				text = text.substr(0, parseInt(text.length / 2));
			else
				text = text.substr(0, (text.length - 2));
			node.innerHTML = text;
		}
		node.innerHTML += '...';
		if (div.offsetHeight < node.offsetHeight || div.offsetWidth < node.offsetWidth)
			node.innerHTML = text.substr(0, (text.length - 3)) + '...';
	}
	if (!result)
	{
		window.__photo_check_name_length_count++;
		if (window.__photo_check_name_length_count < 7)
			setTimeout(__photo_check_name_length, 250);
	}
}
setTimeout(__photo_check_name_length, 250);
/* End */
;
; /* Start:/bitrix/templates/vzaimobank_2012_06/components/bitrix/photogallery.detail.list.ex/gallery/script.js*/
(function(window) {
window.BXPhotoSlider = function(Params)
{
	var _this = this;
	this.MESS = Params.MESS;
	this.bSceletonCreated = false;
	this.id = Params.id || 'bxph_detail_list';
	this.uniqueId = Params.uniqueId;

	this.itemsCount = Params.itemsCount;
	this.actionUrl = Params.actionUrl;
	this.actionPostUrl = Params.actionUrl === true ? this.actionUrl : false;

	this.userSettings = Params.userSettings;
	this.itemsPageSize = Params.itemsPageSize;
	this.bSectionOpened = this.userSettings.detail_view == "Y";
	this.reloadItemsOnload = Params.reloadItemsOnload;
	this.cacheRaitingReq = Params.cacheRaitingReq;
	this._bFirstDisplay = true;

	this.bArrowControllEnabled = true;
	this.bEscCloseEnabled = true;
	this.userUrl = Params.userUrl;
	//this.editItemUrl = Params.editItemUrl;
	this.sectionUrl = Params.sectionUrl;
	this.pElementsCont = Params.pElementsCont;
	this.srcIndex = {};

	this.sections = {};
	for (var i in Params.sections)
		this.sections[Params.sections[i]['ID']] = Params.sections[i]['NAME'];

	// Permissions
	this.perm = Params.permissions;
	this.perm.view = !!this.perm.view;
	this.perm.edit = !!this.perm.edit;
	this.perm.moderate = !!this.perm.moderate;
	this.perm.viewComment = !!this.perm.viewComment;
	this.perm.addComment = !!this.perm.addComment;

	// Inteface
	this.useComments = Params.useComments == 'Y' && this.perm.viewComment;
	this.commentsType = Params.commentsType == 'blog' ? 'blog' : 'forum';
	this.useRatings = Params.useRatings == 'Y';
	this.bShowSourceLink = Params.showSourceLink != 'N';
	this.bShowEditControls = this.perm.edit;
	this.Mode = this.userSettings.view_mode == "auto" ? "auto" : "fixed";

	this.moderation  = Params.moderation == 'Y';

	// Theme
	this.theme = this.userSettings.theme == "dark" ? "dark" : "light";
	this.bChangeTheme = true;

	this.itemUrl = Params.itemUrl;
	this.itemUrlHash = Params.itemUrlHash;

	this.player = false;
	this.Items = [];
	this.ItemIndex = {};
	this.currentIndex = 0;
	this.PageQueue = {};
	this.LoadedPages = {};
	this.LoadedPages[parseInt(Params.currentPage)] = true;
	this.fixedSize = 735;
	this.Rotated = {};

	this.state = 'ready';
	this.showAddCommentsCount = 1;

	this.HandleItems(Params.items);
	this.AttachThumbnailsEvents();

	if (window.location.hash)
		window.location.hash.replace(new RegExp(this.itemUrlHash.replace("#ELEMENT_ID#", '(\\d+)'), 'ig'), function(s, id){_this.currentItem = parseInt(id) || 0;});

	if (!this.currentItem)
		this.currentItem = parseInt(Params.currentItem) || 0;

	if (this.currentItem > 0)
	{
		if (typeof this.ItemIndex[this.currentItem] != 'undefined')
		{
			this.OpenPopup(this.currentItem);
		}
		else
		{
			BX.showWait('photo_load_items');
			BX.addCustomEvent(this, 'OnAfterItemsLoaded', BX.proxy(this.OnAfterCurrentItemsLoaded, this));
			this.LoadItems(this.currentItem, false, false);
		}
	}

	BX.addCustomEvent(window, 'onMoreItemsLoaded', BX.proxy(this.OnMoreItemsLoaded, this));
}

window.BXPhotoSlider.prototype = {
	HandleItems: function(items)
	{
		for (var i in items)
		{
			items[i].index = parseInt(items[i].index);
			items[i].comments = parseInt(items[i].comments) || 0;
			items[i].shows = parseInt(items[i].shows) || 0;
			this.Items[items[i].index] = items[i];
			this.ItemIndex[items[i].id] = items[i].index;
			items[i].bShowed = false;
		}

		BX.onCustomEvent(this, 'OnAfterItemsHandled', [this.Items]);

		if (this.oTopSlider && !this.reloadItemsOnload)
			this.oTopSlider.HandleItems(this.Items);
	},

	OpenPopup: function(id)
	{
		this.windowInnerSize = BX.GetWindowInnerSize(document);

		// Protection from some dummies opening popup after dragging
		if (top.oBXPhotoList && top.oBXPhotoList[this.uniqueId] && top.oBXPhotoList[this.uniqueId].bWasJustDragged)
			return;

		// If we open popup just after page loaded - after closing we replace url by section url
		if (this.currentItem > 0)
		{
			var oItem = this.GetById(id);
			var url = this.sectionUrl.replace("#SECTION_ID#", oItem.album_id);
			if (oItem.gallery_id)
				url = url.replace("#USER_ALIAS#", oItem.album_id);
			this.startLocation = {href: url, hash: ''};
		}
		else
			this.startLocation = {href: window.location.href, hash: window.location.hash};

		this.startWndSize = BX.GetWindowScrollPos();

		if (!this.bSceletonCreated)
			this.CreateSceleton();

		if (!this.bAjaxNaviEnabled)
			this.InitAjaxNavi();

		this.pFixedOverlay.style.display = "";
		this.bPopupOpened = true;
		this.InitPopupEvents(true);

		this.ChangeMode(this.Mode, false);
		this.DisplayItem(id);

		// Used ONLY when displaying several photos and after opening
		// photo in popup we need to reload all items with correct indexes
		if (this.reloadItemsOnload)
		{
			this._currentItemId = id;
			BX.addCustomEvent(this, 'OnBeforeItemsLoaded', BX.proxy(this._CleanItemsArray, this));
			BX.addCustomEvent(this, 'OnAfterItemsHandled', BX.proxy(this._RedisplayItemAfterItemsReloading, this));
			this.LoadItems(parseInt(this.reloadItemsOnload), false, false);
		}

		BX.addClass(document.body, "photo-body-overlay");

		if (!BX.browser.IsDoctype() && BX.browser.IsIE())
			this.pFixedOverlay.style.top = BX.GetWindowScrollPos(document).scrollTop + "px";

		//BX.addCustomEvent(this, 'OnItemLoaded', BX.proxy(this.PreloadImages, this));
	},

	ClosePopup: function()
	{
		if (this.bPopupOpened)
		{
			this.pFixedOverlay.style.display = "none";
			this.bPopupOpened = false;
			this.InitPopupEvents(false);

			BX.removeClass(document.body, "photo-body-overlay");
			this.SetUrl(this.startLocation.href, this.startLocation.hash);
			this.SaveRotatedItems();

			if (BX.browser.IsIE())
			{
				var _this = this, endWndSize;
				setTimeout(function()
				{
					endWndSize = BX.GetWindowScrollPos();
					if (endWndSize.scrollTop != _this.startWndSize.scrollTop)
						BX.GetDocElement().scrollTop = _this.startWndSize.scrollTop;
				}, 100);
				setTimeout(function()
				{
					endWndSize = BX.GetWindowScrollPos();
					if (endWndSize.scrollTop != _this.startWndSize.scrollTop)
						BX.GetDocElement().scrollTop = _this.startWndSize.scrollTop;
				}, 300);
			}

			//BX.removeCustomEvent(this, 'OnItemLoaded', BX.proxy(this.PreloadImages, this));
		}
		return false;
	},

	InitPopupEvents: function(bInit)
	{
		if (bInit === true)
		{
			//BX.bind(window, "keyup", BX.proxy(this.OnKeyUp, this));
			BX.bind(document, "keyup", BX.proxy(this.OnKeyUp, this));
			BX.bind(window, "beforeunload", BX.proxy(this.SaveRotatedItems, this));
			BX.bind(window, "resize", BX.proxy(this.OnResize, this));
		}
		else
		{
			//BX.unbind(window, "keyup", BX.proxy(this.OnKeyUp, this));
			BX.unbind(document, "keyup", BX.proxy(this.OnKeyUp, this));
			BX.unbind(window, "beforeunload", BX.proxy(this.SaveRotatedItems, this));
			BX.unbind(window, "resize", BX.proxy(this.OnResize, this));
		}
	},

	InitAjaxNavi: function()
	{
		this.oAjaxNavi = {
			pObj: this,
			getState: function()
			{
				if (this.pObj && this.pObj.Items && this.pObj.Items[this.pObj.currentIndex] && this.pObj.currentIndex)
					return {index: this.pObj.currentIndex, id: this.pObj.Items[this.pObj.currentIndex].id};
				else
					return {};
			},
			setState: function(state)
			{
				// TODO
				// current_index = state.index;
				// BX('qqq').innerHTML = arText[current_index];
			}
		};

		BX.ajax.history.init(this.oAjaxNavi);
	},

	SetUrl: function(url, hash)
	{
		BX.ajax.history.put(this.oAjaxNavi.getState(), url, hash);
	},

	Previous: function(stepAround)
	{
		if (this.slideShowStatus == 'play')
			this.StopSlideShow();

		return this.ShowItem(this.currentIndex - 1, 'prev', stepAround !== false);
	},

	Next: function(stepAround, bSlideshow)
	{
		if (!bSlideshow && this.slideShowStatus == 'play')
			this.StopSlideShow();

		return this.ShowItem(this.currentIndex + 1, 'next', stepAround !== false);
	},

	ShowItem: function(index, direction, stepAround, bAffectTopSlider)
	{
		this.SaveRotatedItems(true);
		if (!this.Items || !this.Items.length)
			return;

		var curItemId = false;
		if (index >= this.itemsCount)
		{
			index = 0;
			curItemId = 'first';
			if (!stepAround ||  this.itemsCount <= 1)
				return false;
		}
		else if (index < 0)
		{
			index = this.itemsCount - 1;
			curItemId = 'last';
			if (!stepAround ||  this.itemsCount <= 1)
				return false;
		}

		if (this.Items[index])
		{
			this.DisplayItem(this.Items[index].id, bAffectTopSlider);
		}
		else
		{
			if (!direction) // ?
				return;

			if (curItemId === false)
				curItemId = this.Items[direction == 'next' ? index - 1 : index + 1].id;

			this.LoadItems(curItemId, direction);
		}

		return true;
	},

	LoadPage: function(page)
	{
		if (this.itemsPageCount && this.itemsPageCount < page)
		{
			if (this.PageQueue[page])
				delete this.PageQueue[page];
			return;
		}

		if (!this.LoadedPages[page] && !this.PageQueue[page])
		{
			if (this.state == 'loading')
				this.PageQueue[page] = true;
			else
				this.LoadItems('page', false, false, page);
		}
	},

	LoadItems: function(curItemId, direction, bGoToDirecton, pageNum)
	{
		var params = {
			UCID: this.uniqueId,
			sessid: BX.bitrix_sessid(),
			current : {id : curItemId},
			include_subsection: 'Y',
			return_array : 'Y',
			ELEMENT_ID : curItemId
		};
		if (direction !== false)
			params.direction = direction == 'next' ? 'next' : 'prev';

		this.state = 'loading';
		if (curItemId == 'last')
			params.last_page = Math.ceil(this.itemsCount / this.itemsPageSize);

		if (curItemId == 'page')
			params.page_num = parseInt(pageNum) || 0;

		var _this = this;
		window.bxphres = false;
		BX.onCustomEvent(this, 'OnBeforeItemsLoaded', [params]);

		BX.ajax.get(this.actionUrl, params, function(result){
			setTimeout(function(){
				_this.CheckActionPostUrl();

				if (window.bxphres.itemsPageSize)
					_this.itemsPageSize = parseInt(window.bxphres.itemsPageSize);

				if (window.bxphres.itemsCount)
					_this.itemsCount = parseInt(window.bxphres.itemsCount);

				if (window.bxphres.pageCount)
					_this.itemsPageCount = parseInt(window.bxphres.pageCount);

				if (window.bxphres && window.bxphres.items)
					_this.HandleItems(window.bxphres.items);

				_this.LoadedPages[parseInt(window.bxphres.currentPage)] = true;
				if (_this.PageQueue[parseInt(window.bxphres.currentPage)] === true)
					delete _this.PageQueue[parseInt(window.bxphres.currentPage)];

				_this.state = 'ready';

				if(bGoToDirecton !== false)
				{
					if (direction == 'next')
						_this.Next();
					else if(direction == 'prev')
						_this.Previous();
				}

				BX.onCustomEvent(_this, 'OnAfterItemsLoaded');
				var page, lastViewed;
				for(page in _this.PageQueue)
					if (_this.PageQueue[page] === true && !_this.LoadedPages[page])
						lastViewed = page;

				if (lastViewed)
					_this.LoadItems('page', false, false, lastViewed);
			}, 100);
		});
	},

	PreloadItems: function()
	{
		return;
		//if (this.state == 'loading')

		var bLoadPrev = false;
		var bLoadNext = false;

		// Preload to the left
		if (this.minIndex > 0 && this.currentIndex - this.minIndex < 10)
			bLoadPrev = true;
		else if (this.maxIndex < this.itemsCount - 1 && this.maxIndex - this.currentIndex < 30)
			bLoadNext = true;
		else if (this.minIndex > 0 && this.currentIndex - this.minIndex < 30)
			bLoadPrev = true;

		if (!this._iterrations)
			this._iterrations = 0;
		if (++this._iterrations > 30)
			return clearInterval(this.preloadItemsInt);

		// Preload to the right
		if (bLoadPrev)
			return this.LoadItems(this.Items[this.minIndex].id, 'prev', false);

		if (bLoadNext)
			return this.LoadItems(this.Items[this.maxIndex].id, 'next', false);

		if (this.minIndex == 0 && this.maxIndex == this.itemsCount - 1)
			clearInterval(this.preloadItemsInt);
	},

	GetById: function(id)
	{
		if (typeof this.ItemIndex[id] != 'undefined' && this.Items[this.ItemIndex[id]])
			return this.Items[this.ItemIndex[id]];

		return false;
	},

	OnAfterItemLoad: function()
	{

	},

	DisplayItem: function(id, bAffectTopSlider)
	{
		var _this = this;

		if (this._DisplayTimeout)
		{
			clearTimeout(this._DisplayTimeout);
			this._DisplayTimeout = null;
		}

		var oItem = this.GetById(id);
		if (oItem === false)
		{
			this._DisplayTimeout = setTimeout(function(){_this.DisplayItem(id, bAffectTopSlider);}, 100);
			return;
		}

		if (oItem === false || (this.currentIndex === parseInt(oItem.index) && !this._bFirstDisplay))
			return;

		this._bFirstDisplay = false;
		this.currentIndex = parseInt(oItem.index);
		if (!this.reloadItemsOnload)
		{
			var url = this.itemUrl.replace('#ELEMENT_ID#', id);
			url = url.replace('#SECTION_ID#', oItem.album_id);
			if (oItem.gallery_id)
				url = url.replace('#USER_ALIAS#', oItem.gallery_id);

			var hash = this.itemUrlHash.replace('#ELEMENT_ID#', id);
			hash = hash.replace('#SECTION_ID#', oItem.album_id);
			if (oItem.gallery_id)
				hash = hash.replace('#USER_ALIAS#', oItem.gallery_id);
			this.SetUrl(url, hash);
		}

		this.topPager.current.innerHTML = parseInt(oItem.index) + 1;
		this.topPager.count.innerHTML = (parseInt(this.itemsCount) < parseInt(oItem.index) + 1) ? parseInt(oItem.index) + 1 : this.itemsCount;

		if (this.RotateCont && this.RotateCont.parentNode)
		{
			this.RotateCont.parentNode.removeChild(this.RotateCont);
			this.RotateCont = null;
		}

		oItem.srcLoaded = false;
		if (this.pImage && this.pImage.parentNode)
			this.pImage.parentNode.removeChild(this.pImage);

		// Don't show item if it was just rotated and now we save the rotation angle
		if (oItem.saveRotationProcess)
		{
			this.pImageWait.style.display = "";
		}
		else
		{
			var src = oItem.big_src || oItem.src;
			this.pImage = this.pImgCell.appendChild(BX.create("IMG", {props: {src: src, className: 'photo-image-loading', id: 'bx-ph-' + oItem.id}}));
			this.pImageWait.style.display = "";

			this.pImage.onload = function(){_this.ImageOnload(parseInt(this.id.substr('bx-ph-'.length)));};
			if (this._photoOnloadInterval)
			{
				clearInterval(this._photoOnloadInterval);
				this._photoOnloadInterval = null;
			}

			if (!_this.pImage.complete && !oItem.srcLoaded)
			{
				this._photoOnloadInterval = setInterval(function()
					{
						if (_this.pImage.complete)
							_this.ImageOnload(oItem.id);
						if (oItem.srcLoaded)
						{
							clearInterval(_this._photoOnloadInterval);
							_this._photoOnloadInterval = null;
						}
					},
					100
				);
			}
			else
			{
				this.ImageOnload(oItem.id);
			}

			this.CleanRotation(false);
			this.CheckImageSize(oItem);
		}

		this.CheckFullModeDisplay(oItem);
		this.DisplayItemDetails(oItem);
		this.pCommentsCont.innerHTML = "";

		// Comments
		this.ShowComWait(false);
		if (this.useComments)
		{
			oItem.comments = parseInt(oItem.comments);
			if (oItem.comments > 0)
			{
				this.pComCount.innerHTML = oItem.comments;
				if (this.reloadItemsOnload)
					this.ShowComWait(true);
			}

			if (!this.reloadItemsOnload)
			{
				if (oItem.comments > 0)
				{
					this.pShowMoreComLink.style.display = "none";
					if (oItem.savedComments && this._CommentsParams)
					{
						this.pCommentsCont.innerHTML = oItem.savedComments;
						this._CommentsParams.navParams = oItem.savedNavparams;
						this.UpdateCommentsCount();
					}
					else
					{
						this.GetComments(oItem.id);
					}
				}
				else
				{
					if (!this._CommentsParams)
						this.GetComments(oItem.id);

					this.pShowMoreComLink.style.display = "none";
					this.pComCount.innerHTML = '0';
				}

				if (this._CommentsParams && this.perm.addComment)
				{
					if (this._CommentsParams.elementId)
						this._CommentsParams.elementId.value = oItem.id;
					if (this._CommentsParams.textarea)
					{
						this._CommentsParams.textarea.value = oItem.savedCommentText || "";
						this.CheckTextareaActivity(this._CommentsParams.textarea, true);
					}
				}

				if (this.perm.addComment)
				{
					if (this.commentsType == 'forum')
					{
						if (oItem.comments > this.showAddCommentsCount)
						{
							this.pAddCommentForm.style.display = "none"; // Hide add comment form
								this.pAddComLink.style.display = "";
						}
						else
						{
							this.pAddCommentForm.style.display = "block"; // Show add comment form
							this.pAddComLink.style.display = "none";
						}
					}
					else // Blog
					{
						this.pAddCommentForm.style.display = "block"; // Show add comment form
					}
				}
			}
		}

		this.pActionsCont.style.display = this.reloadItemsOnload ? 'none' : '';

		if (this.oTopSlider && bAffectTopSlider !== false)
			this.oTopSlider.SelectItem(oItem);

		if (!oItem.bShowed)
			this.IncrementCounter(oItem);
	},

	DisplayItemDetails: function(oItem)
	{
		// Description
		this.CancelItemDescription(oItem);

		// Album
		var url = this.sectionUrl.replace("#SECTION_ID#", oItem.album_id);
		if (oItem.gallery_id)
			url = url.replace("#USER_ALIAS#", oItem.gallery_id);
		this.pAlbumLink.href = url;
		this.pAlbumLink.innerHTML = oItem.album_name;

		// Author
		this.pAuthorLink.href = this.userUrl.replace(/#USER_ID#/ig, oItem.author_id);
		this.pAuthorLink.innerHTML = oItem.author_name;

		// Views
		this.pViews.innerHTML = oItem.shows;

		// Tags
		this.pTags.innerHTML = ""; // clean all
		if (oItem.tags != "")
		{
			this.pTags.parentNode.style.display = "";
			if (oItem.tags_array)
			{
				this.pTags.appendChild(BX.create("SPAN", {text: this.MESS.tags + ': '}));
				for (var i = 0, l = oItem.tags_array.length; i < l; i++)
				{
					name = oItem.tags_array[i]['TAG_NAME'];
					href = oItem.tags_array[i]['TAG_URL'];
					this.pTags.appendChild(BX.create("A", {props: {href: href}, text: name}));
					if (i < l - 1)
						this.pTags.appendChild(document.createTextNode(', '));
				}
			}
			else
			{
				this.pTags.innerHTML = this.MESS.tags + ': ' + BX.util.htmlspecialchars(oItem.tags);
			}
		}
		else
		{
			this.pTags.parentNode.style.display = "none";
		}

		// Rating
		this.DisplayRating(oItem);

		// Date
		this.pDate.innerHTML = this.MESS.created + ' ' + oItem.date;

		// Link to sourceImage
		if (this.bShowSourceLink)
			this.pSourceLink.href = oItem.big_src || oItem.src;

		if (this.moderation)
			this.SetWarning(oItem['active'] != 'Y' ? 'active' : false);
	},

	/*
	// TODO: put 3 requests (view count, comments, rating to only one request)
	OnDisplayRequest: function()
	{
		var _this = this;
		BX.ajax.get(
			this.actionUrl,
			{
				UCID: this.uniqueId,
				photo_list_action: 'ondisplay',
				sessid: BX.bitrix_sessid(),
				ELEMENT_ID : oItem.id
			},
			function(result){setTimeout(function()
			{
			}, 100);}
		);
	},
	*/
	DisplayRating: function(oItem)
	{
		if (!this.useRatings || !oItem)
			return;

		if (typeof oItem.rating != 'undefined')
		{
			this.pRatingCont.innerHTML = oItem.rating;
			// For like (rating_main) - we have to rerender ratings for each photo loading
			if (!this.cacheRaitingReq)
				delete oItem.rating;
		}
		else
		{
			this.pRatingCont.innerHTML = '';
			var _this = this;
			BX.ajax.get(
			this.actionUrl,
			{
				UCID: this.uniqueId,
				photo_list_action: 'get_rating',
				sessid: BX.bitrix_sessid(),
				ELEMENT_ID : oItem.id,
				AUTHOR_ID : oItem.author_id
			},
			function(result){setTimeout(function()
			{
				result = BX.util.trim(result);
				var
					res = '',
					indBegin = result.indexOf('<!--BX_PHOTO_RARING-->'),
					indEnd = result.indexOf('<!--BX_PHOTO_RARING_END-->');

				if (indBegin !== -1 && indEnd !== -1)
					res = result.substr(indBegin + '<!--BX_PHOTO_RARING-->'.length, indEnd - indBegin - '<!--BX_PHOTO_RARING-->'.length);
				else
					res = result;

				oItem.rating = res;
				_this.DisplayRating(oItem);
			}, 100);}
		);
		}
	},

	SetWarning: function(type)
	{
		if (!this.pTopWarning)
			this.pTopWarning = this.pImgCell.appendChild(BX.create("DIV"));

		this.pTopWarning.className = 'photo-top-warning' + (type ? ' photo-top-not-' + type : '');
		if (type == 'active')
		{
			this.pTopWarning.style.top = Math.round(((parseInt(this.pImgCell.offsetHeight) / 2) || 300) - 10) + "px";
			this.pTopWarning.innerHTML = "<span>" + this.MESS.notModerated + "</span>";
			if (this.perm.moderate)
			{
				var pActivLinkModer = this.pTopWarning.appendChild(BX.create("A", {props:{href: "javascript: void(0)", className: "photo-top-not-warn-link"}, html: this.MESS.activateNow}));
				pActivLinkModer.onclick = BX.proxy(this.ActivateItem, this);
				var pDelLinkModer = this.pTopWarning.appendChild(BX.create("A", {props:{href: "javascript: void(0)", className: "photo-top-not-warn-link"}, html: this.MESS.deleteNow}));
				pDelLinkModer.onclick = BX.proxy(this.DeleteItem, this);
			}
		}
	},

	ImageOnload: function(id)
	{
		var oItem = this.GetById(id);
		if (oItem.index == this.currentIndex && !oItem.srcLoaded)
		{
			oItem.srcLoaded = true;
			this.pImageWait.style.display = "none";
			BX.removeClass(this.pImage, 'photo-image-loading');
			BX.onCustomEvent(this, 'OnItemLoaded', [oItem]);
			setTimeout(BX.proxy(this.AdjustControls, this), 100);
			this.PreloadImages(oItem);
		}
	},

	CreateSceleton: function()
	{
		var _this = this;
		this.pFixedOverlay = document.body.appendChild(BX.create("DIV", {props: {className: (!BX.browser.IsDoctype() && BX.browser.IsIE()) ? "photo-fixed-overlay photo-quirks-mode" : "photo-fixed-overlay"}}));
		this.pTable = this.pFixedOverlay.appendChild(BX.create("TABLE", {props: {className: "photo-main-table", cellSpacing: 0}}));

		var r = this.pTable.insertRow(-1);
		var
			pLeftCell = BX.adjust(r.insertCell(-1), {attrs: {className: "photo-prev-slide-wrap"}}),
			pMainCell = BX.adjust(r.insertCell(-1), {attrs: {className: "photo-main-block-wrap"}}),
			pRightCell = BX.adjust(r.insertCell(-1), {attrs: {className: "photo-next-slide-wrap"}});

		this.pMainCell = pMainCell;

		this.prevPhotoLink = pLeftCell.appendChild(BX.create("a", {props: {href: "javascript: void(0)", className: "photo-prev-slide"}, html: "<span></span>"}));
		this.closeLink = pRightCell.appendChild(BX.create("a", {props: {href: "javascript: void(0)", className: "photo-close"}, html: "<span></span>"}));
		this.nextPhotoLink = pRightCell.appendChild(BX.create("a", {props: {href: "javascript: void(0)", className: "photo-next-slide"}, html: "<span></span>"}));

		// Set nav
		this.prevPhotoLink.onclick = BX.proxy(this.Previous, this);
		this.nextPhotoLink.onclick = BX.proxy(this.Next, this);
		this.closeLink.onclick = BX.proxy(this.ClosePopup, this);

		this.pOverlay = this.pFixedOverlay.appendChild(BX.create("DIV", {props: {className: "photo-overlay"}, style: {height: '800px'}}));
		//this.pOverlay = document.body.appendChild(BX.create("DIV", {props: {className: "photo-overlay"}, style: {height: '800px'}}));
		this.pPopup = pMainCell.appendChild(BX.create("DIV", {props: {className: "photo-wrap"}})).appendChild(BX.create("DIV", {props: {className: "photo-main"}}));

		// Top section of the popup window (navigation, slider, close and fullscreen buttons)
		this.pPopupTop = this.pPopup.appendChild(BX.create("DIV", {props: {className: "photo-top"}}));
		var
			pNavCont = this.pPopupTop.appendChild(BX.create("DIV", {props: {className: "photo-top-nav"}})),
			pPager = pNavCont.appendChild(BX.create("DIV", {props: {className: "photo-pager"}, html: '<span class="photo-current-page">#</span><span>' + this.MESS.from + '</span><span class="photo-last-page">#</span>'})),
			pTopButCont = pNavCont.appendChild(BX.create("DIV", {props: {className: "photo-top-nav-buttons"}}));

		this.topPager = {current: pPager.childNodes[0], count: pPager.childNodes[2]};
		this.pTopSliderBut = pTopButCont.appendChild(BX.create("A", {props:{className: "photo-slider-button", href: "javascript: void(0)"}, html: '<span>' + this.MESS.slider + '</span><i></i>'}));
		this.pMinimizeBut = pTopButCont.appendChild(BX.create("A", {props:{className: "photo-full-screen-but", href: "javascript: void(0)"}})); // photo-minimize-screen-but
		this.pCloseBut = pTopButCont.appendChild(BX.create("A", {props:{className: "photo-close-but", href: "javascript: void(0)"}}));
		this.pCloseBut.onclick = BX.proxy(this.ClosePopup, this);
		this.pMinimizeBut.onclick = BX.proxy(this.ChangeMode, this);

		// Scroller in the top
		this.pScrollCont = pNavCont.appendChild(BX.create("DIV", {props: {className: "photo-scroll"}}));
		this.pScroller = this.pScrollCont.appendChild(BX.create("A", {props:{className: "photo-scroll-wheel"}}));

		// Container with small previews of photos in the top of
		this.pSliderCont = this.pPopupTop.appendChild(BX.create("DIV", {props: {className: "photo-slider"}}));
		this.pSlider = this.pSliderCont.appendChild(BX.create("DIV", {props: {className: "photo-slider-int"}}));
		this.oTopSlider = new BXTopSlider(this);

		// Photo
		this.pImageTable = this.pPopup.appendChild(BX.create("TABLE", {props: {className: "photo-image", cellSpacing: 0}}));
		this.pImageTable.onclick = BX.proxy(this.Next, this);
		this.pImgCell = this.pImageTable.insertRow(-1).insertCell(-1);
		this.pImageWait = this.pImgCell.appendChild(BX.create("IMG", {props: {src: "/bitrix/images/1.gif", className: "photo-image-wait"}, style: {display: 'none'}}));
		this.pImage = this.pImgCell.appendChild(BX.create("IMG", {props: {src: "/bitrix/images/1.gif"}}));

		// Footer section (detail, comments, rating, slideshow controls)
		this.pPopupFooter = this.pPopup.appendChild(BX.create("DIV", {props: {className: "photo-footer"}}));
		var
			pShortDescCont = this.pPopupFooter.appendChild(BX.create("DIV", {props:{className: "photo-descriptions"}})),
			pDescLeft = pShortDescCont.appendChild(BX.create("DIV", {props:{className: "photo-description-left"}})),
			pDescRight = pShortDescCont.appendChild(BX.create("DIV", {props:{className: "photo-description-right"}}));

		this.pDescCont = pDescLeft.appendChild(BX.create("SPAN", {props:{className: "photo-description-text"}}));

		if (this.bShowEditControls)
		{
			this.pAddDescLink = pDescLeft.appendChild(BX.create("A", {props:{className: "photo-qt-desc", href: "javascript: void(0)"}, text: this.MESS.addDesc}));
			this.pAddDescLink.onclick = BX.proxy(this.EditItemDescription, this);
		}

		this.pDesc = this.pDescCont.appendChild(BX.create("SPAN"));
		if (this.bShowEditControls)
		{
			this.pEditDesc = this.pDescCont.appendChild(BX.create("A", {props:{href: "javascript:void(0)"}}));
			this.pEditDesc.onclick = BX.proxy(this.EditItemDescription, this);

			// Textarea with save and cancel buttons
			this.pEditDescCont = pDescLeft.appendChild(BX.create("DIV", {props:{className: "photo-sign-wrap"}}));
			this.pEditDescInp = this.pEditDescCont.appendChild(BX.create("TEXTAREA", {props:{className: "photo-textarea photo-textarea-active"}}));
			this.pEditDescSave = this.pEditDescCont.appendChild(BX.create("A", {props:{className: "photo-comment-add", href: "javascript:void(0)", title: this.MESS.saveDetailTitle}, html: '<span>' + this.MESS.save + '</span><i></i>'}));
			this.pEditDescCancel = this.pEditDescCont.appendChild(BX.create("A", {props:{className: "photo-comment-add", href: "javascript:void(0)"}, html: '<span>' + this.MESS.cancel + '</span><i></i>'}));
			this.pEditDescSave.onclick = BX.proxy(this.SaveItemDescription, this);
			this.pEditDescCancel.onclick = BX.proxy(this.CancelItemDescription, this);

			this.pEditDescInp.onkeyup = function(e)
			{
				if(!e)
					e = window.event
				if(!e)
					return;
				var key = e.keyCode || e.which;
				if (key == 17) // Ctrl
				{
					_this._bCtrlPressed = true;
					setTimeout(function(){_this._bCtrlPressed = false;}, 400);
				}
				else if (key == 13 && (e.ctrlKey || _this._bCtrlPressed))
				{
					if (_this.bItemDescEdited)
						_this.SaveItemDescription();
				}
				return BX.PreventDefault(e);
			};
		}

		// Rating with stars - filled by component bitrix:iblock.vote with 'ajax' template
		if (this.useRatings)
		{
			this.pRatingCont = pDescRight.appendChild(BX.create("SPAN", {props:{id: "bx-photo-rating-cont", className: "photo-rating"}}));
			if (!BX.browser.IsDoctype() && BX.browser.IsIE())
				this.pRatingCont.style.margin = "3px 10px 0 0";
		}

		// SlideShow Control
		this.pSlideshowCont = pDescRight.appendChild(BX.create("SPAN", {props:{className: "photo-slideshow"}}));
		this.pSlideshow =  this.pSlideshowCont.appendChild(BX.create("A", {props:{className: "photo-slideshow-button", title: this.MESS.slideshowTitle}, html: '<span class="photo-slideshow-button-text">' + this.MESS.slideshow + ':</span><span class="photo-slideshow-button-img"></span><i></i>'}));
		this.pSlideshow.onclick = BX.proxy(this.RunSlideShow, this);

		// Extended section which can be showed or hidden by user
		this.pExtendDescCont = this.pPopupFooter.appendChild(BX.create("DIV", {props:{className: "photo-comments no-comment"}}));
		var
			pLeftCont = this.pExtendDescCont.appendChild(BX.create("DIV", {props:{className: "photo-comments-left"}})),
			pRightCont = this.pExtendDescCont.appendChild(BX.create("DIV", {props:{className: "photo-comments-right"}})),
			pInfo = pRightCont.appendChild(BX.create("DIV", {props:{className: "photo-comments-right-info"}})),
			pAlbumCont = pInfo.appendChild(BX.create("DIV", {props:{className: "photo-album"}, children: [BX.create("SPAN", {props:{className: "photo-comments-right-grey"}, text: this.MESS.album + ': '})]})),
			pAuthorCont = pInfo.appendChild(BX.create("DIV", {props:{className: "photo-comments-author"}, children: [BX.create("SPAN", {props:{className: "photo-comments-right-grey"}, text: this.MESS.author + ': '})]})),
			pViewsCont = pInfo.appendChild(BX.create("DIV", {props:{className: "photo-comments-author"}, children: [BX.create("SPAN", {props:{className: "photo-comments-right-grey"}, text: this.MESS.views + ': '})]})),
			pTagsCont = pInfo.appendChild(BX.create("DIV", {props:{className: "photo-comments-author"}}));

		this.pAlbumLink = pAlbumCont.appendChild(BX.create("A", {props:{href: "#"}, html: "album"}));
		this.pAuthorLink = pAuthorCont.appendChild(BX.create("A", {props:{href: '#'}, html: 'author'}));

		this.pViews = pViewsCont.appendChild(BX.create("SPAN", {props:{className: "photo-comments-right-grey"}}));

		this.pDate = pInfo.appendChild(BX.create("DIV", {props:{className: "photo-comments-add_date"}}));
		this.pTags = pTagsCont.appendChild(BX.create("SPAN", {props:{className: "photo-comments-right-grey"}}));

		this.pActionsCont = pRightCont.appendChild(BX.create("DIV"));
		var pEditWrap = this.pActionsCont.appendChild(BX.create("DIV", {props:{className: "photo-comments-edit-wrap"}}));

		if (this.bShowEditControls)
		{
			var
				pEditLink = pEditWrap.appendChild(BX.create("A", {props:{href: "javascript: void(0)", className: "photo-comments-button"}, html: this.MESS.edit})),
				pRotateLeft = pEditWrap.appendChild(BX.create("A", {props:{href: "javascript: void(0)", className: "photo-comment-undo", title: this.MESS.rotate}})),
				pRotateRight = pEditWrap.appendChild(BX.create("A", {props:{href: "javascript: void(0)", className: "photo-comment-redo", title: this.MESS.rotate}})),
				pDelLink = this.pActionsCont.appendChild(BX.create("A", {props:{href: "javascript: void(0)", className: "photo-comments-button"}, html: this.MESS.del}));

			pRotateLeft.onclick = function(e){_this.RotateItem(true); return BX.PreventDefault(e);};
			pRotateRight.onclick = function(e){_this.RotateItem(false); return BX.PreventDefault(e);};
			pDelLink.onclick = BX.proxy(this.DeleteItem, this);
			pEditLink.onclick = BX.proxy(this.EditItem, this);
		}

		this.pBigPhoto = this.pActionsCont.appendChild(BX.create("A", {props:{href: "javascript: void(0)", className: "photo-comments-button"}, html: this.MESS.bigPhoto}));
		this.pBigPhoto.onclick = BX.proxy(this.ChangeMode, this);

		if (this.bShowSourceLink)
		{
			this.pSourceLink = this.pActionsCont.appendChild(BX.create("A", {props:{href: "javascript: void(0)", className: "photo-comments-button"}, html: this.MESS.sourceImage}));
			this.pSourceLink.onclick = BX.proxy(this.ShowSource, this);
		}

		this.pComWaiter = pLeftCont.appendChild(BX.create("IMG", {props:{className: "photo-wait-comments", src: "/bitrix/images/1.gif"}, style: {display: "none"}})); // Waiter

		this.pShowMoreComLink = pLeftCont.appendChild(BX.create("A", {props:{className: "photo-more-comments", href: "javascript:void(0)"}, html: this.MESS.moreCom, style: {display: 'none'}})); // Show more comments link
		this.pCommentsCont = pLeftCont.appendChild(BX.create("DIV")); // Container with comments
		this.pShowMoreComLink.onclick = BX.proxy(this.ShowMoreComments, this);
		this.pAddCommentForm = pLeftCont.appendChild(BX.create("DIV"));

		if (!this.perm.addComment)
			this.pComAccessDeniedCont = pLeftCont.appendChild(BX.create("DIV", {props: {className: 'photo-comments-warning'}, text: this.MESS.comAccessDenied}));

		if (this.perm.addComment)
		{
			this.pAddComLink = pLeftCont.appendChild(BX.create("A", {props:{className: "photo-comments-add", href: "javascript:void(0)"}, html: this.MESS.addComment, style: {display: 'none'}})); // Add new comment
			this.pAddComLink.onclick = function()
			{
				_this.pAddCommentForm.style.display = "block";
				_this.pAddComLink.style.display = "none";
				if (_this._CommentsParams && _this._CommentsParams.textarea)
					_this.CheckTextareaActivity(_this._CommentsParams.textarea, false);
				_this.AdjustOverlay();
			};
		}

		this.pComCountLink = this.pPopupFooter.appendChild(BX.create("A", {props:{className: "photo-qt-comments", href: "javascript: void(0)"}, html: this.MESS.commentsCount + ": "}));
		this.pComCount = this.pComCountLink.appendChild(BX.create("SPAN", {html: '0'}));
		this.pExFlipper = this.pPopupFooter.appendChild(BX.create("A", {props:{className: "photo-open-footer", href: "javascript: void(0)"}, html: "<i></i>"}));
		this.pExFlipper.onclick = this.pComCountLink.onclick = BX.proxy(this.OpenExtDescription, this);

		// User can change theme
		if (this.bChangeTheme)
		{
			this.pThemeLink = this.pPopupFooter.appendChild(BX.create("A", {props:{className: "photo-dark-theme-link", href: "javascript: void(0)"}}));
			this.pThemeLink.onclick = BX.proxy(this.SetTheme, this);
		}

		this.OpenExtDescription(this.bSectionOpened, false);

		this.bSceletonCreated = true;
		this.SetUnselectable([this.pTopSliderBut, this.pMinimizeBut, this.pCloseBut, this.pScrollCont, this.pScroller, this.pSliderCont, this.pSlider]);

		if (!this.useComments)
		{
			// Put Information cont to the left side
			pLeftCont.appendChild(pInfo);
			BX.addClass(pInfo, "photo-comments-right-info-left");

			this.pComCountLink.style.display = "none";
		}

		this.SetTheme(this.theme, false);
		this.OnResize();
	},

	AdjustControls: function()
	{
		// Set nav
		if (this.itemsCount <= 1)
		{
			this.nextPhotoLink.style.display = this.prevPhotoLink.style.display = "none";
		}
		else
		{
			this.nextPhotoLink.style.display = this.prevPhotoLink.style.display = "";
			if(!BX.browser.IsDoctype() && BX.browser.IsIE())
			{
				this.nextPhotoLink.style.height = this.prevPhotoLink.style.height = document.documentElement.offsetHeight + "px";
				this.prevPhotoLink.style.width = (this.prevPhotoLink.parentNode.clientWidth - 1) + 'px';
				this.nextPhotoLink.style.width = (this.nextPhotoLink.parentNode.clientWidth - 1) + 'px';
			}
			else
			{
				this.nextPhotoLink.style.height = this.prevPhotoLink.style.height = document.documentElement.clientHeight + "px";
				this.prevPhotoLink.style.width = this.prevPhotoLink.parentNode.clientWidth + 'px';
				this.nextPhotoLink.style.width = this.nextPhotoLink.parentNode.clientWidth + 'px';
			}
			this.prevPhotoLink.firstChild.style.left = (this.prevPhotoLink.parentNode.clientWidth * 4 / 10) + 'px';
			this.nextPhotoLink.firstChild.style.right = (this.nextPhotoLink.parentNode.clientWidth * 4 / 10) + 'px';
		}
		this.closeLink.style.width = this.closeLink.parentNode.clientWidth + 'px';

		var footW = this.Mode == "auto" ? parseInt(this.pImageTable.offsetWidth) : this.fixedSize;
		if (!footW || footW < this.fixedSize)
			footW = this.fixedSize;

		this.pPopupFooter.style.width = footW + 'px';

		this.AdjustOverlay();

		if (this.oTopSlider)
			this.oTopSlider.AdjustScroller();
	},

	AdjustOverlay: function()
	{
		var
			h = parseInt(this.pTable.offsetHeight) || 0,
			hWin = parseInt(BX.GetWindowScrollSize(document).scrollHeight) || 0;

		if (h < hWin)
			h = hWin;
		this.pOverlay.style.height = (h + 50) + 'px';
		//this.pOverlay.style.height = ((parseInt(BX.GetWindowScrollSize(document).scrollHeight) || 0) + 50) + 'px';
	},

	OpenExtDescription: function(bOpen, bSave)
	{
		if (typeof bOpen != 'boolean')
			bOpen = !this.bSectionOpened;

		if (bOpen)
		{
			BX.addClass(this.pExFlipper, "photo-open-footer-open");
			this.pExtendDescCont.style.display = "block";
			if (this.useComments)
				this.pComCountLink.style.display = "none";
		}
		else
		{
			BX.removeClass(this.pExFlipper, "photo-open-footer-open");
			this.pExtendDescCont.style.display = "none";
			if (this.useComments)
				this.pComCountLink.style.display = "";
		}
		this.bSectionOpened = bOpen;

		if (bSave !== false)
			this.SaveOption("detail_view", bOpen ? "Y" : "N");

		this.AdjustOverlay();
		return false;
	},

	OnKeyUp: function(e)
	{
		if(!e)
			e = window.event
		if(!e)
			return;

		var key = e.keyCode || e.which;

		if(key == 27)
		{
			if (this.bEscCloseEnabled)
				this.ClosePopup();
		}
		else if(key == 39) // Next photo
		{
			if (this.bArrowControllEnabled)
				this.Next();
		}
		else if(key == 37) // Previous photo
		{
			if (this.bArrowControllEnabled)
				this.Previous();
		}
		else if (key == 17) // Ctrl
		{
			var _this = this;
			this._bCtrlPressed = true;
			setTimeout(function(){_this._bCtrlPressed = false;}, 400);
		}
		else if (key == 13 && (e.ctrlKey || this._bCtrlPressed))
		{
			if (this.bItemDescEdited)
				this.SaveItemDescription();
			else if (this.pAddCommentForm.style.display == "block" && this._CommentsParams)
				this.SubmitNewComment();
		}
	},

	SetUnselectable: function(arNodes)
	{
		if (typeof arNodes != 'object')
			arNodes = [arNodes];

		for (var i = 0, l = arNodes.length; i < l; i++)
		{
			BX.setUnselectable(arNodes[i]);
			arNodes[i].ondragstart = function (e){return BX.PreventDefault(e);};
		}
	},

	GetComments: function(id)
	{
		this.ShowComWait(true);
		var _this = this;
		window.bxph_error = null;

		BX.ajax.get(
			this.actionUrl,
			{
				UCID: this.uniqueId,
				photo_list_action: 'load_comments',
				sessid: BX.bitrix_sessid(),
				photo_element_id : id
			},
			function(result){setTimeout(function()
			{
				_this.CheckActionPostUrl();

				_this.ShowComWait(false);
				if (window.bxph_error)
				{
					alert(window.bxph_error);
				}
				else
				{
					if (id != _this.Items[_this.currentIndex].id)
						return;

					if (_this.commentsType == 'blog')
					{
						_this.ParseBlogComments(result);
					}
					else
					{
						if (_this.perm.addComment)
							_this.ParseForm(result);

						_this.AddComments(result);
					}

					BX.onCustomEvent(_this, 'OnRegisterCommentsControl');
				}
			}, 100);}
		);
	},

	AddComments: function(result, bAttachToTheEnd)
	{
		var exIds = this.Items[this.currentIndex].arCommentInds;
		if (exIds && top._bxArCommentsIds)
		{
			for (var i in top._bxArCommentsIds)
			{
				if (exIds[top._bxArCommentsIds[i]])
				{
					var pComment = BX('bxphoto_com_' + top._bxArCommentsIds[i]);
					if (pComment)
						pComment.parentNode.removeChild(pComment);
				}
			}
		}

		if (bAttachToTheEnd === true)
			this.pCommentsCont.innerHTML += this.ParseComments(result);
		else
			this.pCommentsCont.innerHTML = this.ParseComments(result) + this.pCommentsCont.innerHTML;

		this.Items[this.currentIndex].savedComments = this.pCommentsCont.innerHTML;

		this.AdjustOverlay();
	},

	RegisterCommentsControl: function(Params)
	{
		if (Params.itemId != this.Items[this.currentIndex].id)
			return;

		if (Params.navParams)
		{
			Params.navParams.pageCount = parseInt(Params.navParams.pageCount) || 0;
			Params.navParams.pageSize = parseInt(Params.navParams.pageSize) || 0;
			Params.navParams.pagen = parseInt(Params.navParams.pagen) || 0;
			Params.navParams.NavNum = parseInt(Params.navParams.NavNum) || 0;
			Params.navParams.nSelectedCount = parseInt(Params.navParams.nSelectedCount) || 0;
		}

		this._CommentsParams = Params;
		this.Items[this.currentIndex].savedNavparams = BX.clone(Params.navParams, true);

		if (!this.Items[this.currentIndex].arCommentInds)
			this.Items[this.currentIndex].arCommentInds = {};

		if (Params.arComments)
			for (var i in Params.arComments)
				this.Items[this.currentIndex].arCommentInds[Params.arComments[i]] = true;

		this.UpdateCommentsCount();
		var _this = this;

		if (this.perm.addComment)
		{
			this._CommentsParams.button.onclick = BX.proxy(this.SubmitNewComment, this);
			this._CommentsParams.textarea.onblur = function()
			{
				_this.SaveUnpostedComment(this.value);
				_this.CheckTextareaActivity(this, true);
			};
			this._CommentsParams.textarea.onkeyup = function(e)
			{
				_this.SaveUnpostedComment(this.value);
				if(!e)
					e = window.event
				if(!e)
					return;

				var key = e.keyCode || e.which;
				if (key == 17) // Ctrl
				{
					_this._bCtrlPressed = true;
					setTimeout(function(){_this._bCtrlPressed = false;}, 400);
				}
				else if (key == 13 && (e.ctrlKey || _this._bCtrlPressed))
				{
					if (_this.pAddCommentForm.style.display == "block" && _this._CommentsParams)
						_this.SubmitNewComment();
				}
				return BX.PreventDefault(e);
			};
			this._CommentsParams.textarea.onfocus = function()
			{
				_this.CheckTextareaActivity(this, false);
			};
			this.CheckTextareaActivity(this._CommentsParams.textarea, true);


			if (this._CommentsParams.guestName)
			{
				this._CommentsParams.guestName.onblur = function(){_this.CheckInputActivity(this, true);};
				this._CommentsParams.guestName.onfocus = function(){_this.CheckInputActivity(this, false);};
			}
			if (this._CommentsParams.guestEmail)
			{
				this._CommentsParams.guestEmail.onblur = function(){_this.CheckInputActivity(this, true);};
				this._CommentsParams.guestEmail.onfocus = function(){_this.CheckInputActivity(this, false);};
			}
		}
	},

	ShowMoreComments: function()
	{
		if (!this._CommentsParams || !this._CommentsParams.navParams || this._CommentsParams.navParams.pagen >=  this._CommentsParams.navParams.pageCount)
		{
			this.pShowMoreComLink.style.display = "none";
			return;
		}

		var _this = this;
		var params = {
			UCID: this.uniqueId,
			photo_list_action: 'load_comments',
			sessid: BX.bitrix_sessid(),
			return_more_comments: 'Y',
			photo_element_id : this.Items[this.currentIndex].id
		};
		params['PAGEN_' + this._CommentsParams.navParams.NavNum] = this._CommentsParams.navParams.pagen + 1;

		top._bxArCommentsIds = false;
		this.ShowComWait(true);
		BX.ajax.get(this.actionUrl, params, function(result){setTimeout(function(){
			_this.CheckActionPostUrl();
			_this.AddComments(result);
			_this.ShowComWait(false);
			BX.onCustomEvent(_this, 'OnRegisterCommentsControl');
		}, 100);});
	},

	ParseBlogComments: function(result)
	{
		var
			_this = this,
			indBegin = result.indexOf('#BLOG_COMMENTS_BEGIN#'),
			indEnd = result.indexOf('#BLOG_COMMENTS_END#');

		if (indBegin === -1 || indEnd === -1)
			return '';
		var res = result.substr(indBegin + '#BLOG_COMMENTS_BEGIN#'.length, indEnd - indBegin - '#BLOG_COMMENTS_BEGIN#'.length);

		BX.addCustomEvent('onShowPhotoBlogComment', BX.proxy(this.AdjustOverlay, this));
		BX.addCustomEvent('onAddNewPhotoBlogComment', function(params)
		{
			if (params)
			{
				var count = parseInt(params.count);
				if (parseInt(params.editId) == 0)
					count++; // Add new comment

				if (parseInt(params.deletedComment) != 0)
					count--; // Comment was deleted

				_this.pComCount.innerHTML = count;
			}
		});
		this.pAddCommentForm.innerHTML = BX.util.trim(res);
		this.AdjustOverlay();
	},

	ParseComments: function(result)
	{
		var
			indBegin = result.indexOf('#COMMENTS_BEGIN#'),
			indEnd = result.indexOf('#COMMENTS_END#');

		if (indBegin === -1 || indEnd === -1)
			return '';

		var res = result.substr(indBegin + '#COMMENTS_BEGIN#'.length, indEnd - indBegin - '#COMMENTS_BEGIN#'.length);
		res = BX.util.trim(res);
		return res;
	},

	ParseForm: function(result)
	{
		var
			indBegin = result.indexOf('#ADD_COMMENT_BEGIN#'),
			indEnd = result.indexOf('#ADD_COMMENT_END#');

		if (indBegin === -1 || indEnd === -1)
			return '';
		var res = result.substr(indBegin + '#ADD_COMMENT_BEGIN#'.length, indEnd - indBegin - '#ADD_COMMENT_BEGIN#'.length);

		this.pAddCommentForm.innerHTML = BX.util.trim(res);
	},

	UpdateCommentsCount: function()
	{
		this.pShowMoreComLink.style.display = (this._CommentsParams.navParams && this._CommentsParams.navParams.pageCount > 1) ? "" : "none";

		var
			mess = this.MESS.moreCom,
			N = this._CommentsParams.navParams.pageSize,
			M = 0,
			i, showed = 0,
			all = this._CommentsParams.navParams.nSelectedCount;

		this.Items[this.currentIndex].comments = all;
		for (i in this.Items[this.currentIndex].arCommentInds)
			showed++;

		M = all - showed;

		if (M < N)
		{
			N = M;
			mess = this.MESS.moreCom2;
		}

		if (M <= 0)
			this.pShowMoreComLink.style.display = "none";

		mess = mess.replace("#N#", N);
		mess = mess.replace("#M#", M);
		this.pShowMoreComLink.innerHTML = mess;

		this.pComCount.innerHTML = all;
	},

	ShowComWait: function(bShow)
	{
		this.pComWaiter.style.display = bShow ? "" : "none";
	},

	SaveUnpostedComment: function(value)
	{
		this.Items[this.currentIndex].savedCommentText = value;
	},

	SubmitNewComment: function()
	{
		if (!this._CommentsParams)
			return;

		var _this = this;
		var bReRequest = this.Items[this.currentIndex].comments < 1; // First comment for photo
		var id = this.Items[this.currentIndex].id;
		this._CommentsParams.textarea.value = BX.util.trim(this._CommentsParams.textarea.value);
		if (this._CommentsParams.textarea.value == this.MESS.commentTitle)
			this._CommentsParams.textarea.value = "";

		// Add UCID to
		this._CommentsParams.form.action += '&UCID='+ this.uniqueId;
		top._bxError = false;

		if (this._CommentsParams.textarea.value.length > 2)
		{
			// Comments
			this.ShowComWait(true);
			BX.ajax.submit(this._CommentsParams.form, function(result)
			{
				_this.ParseForm(result);
				if (!top._bxError)
				{
					if (bReRequest)
						return _this.GetComments(id);
					setTimeout(function(){_this.AddComments(result, true);}, 100);
				}

				BX.onCustomEvent(_this, 'OnRegisterCommentsControl');
				_this.ShowComWait(false);
			});

			// Hide add comment link and show link
			this.pAddCommentForm.style.display = "none";
			this.pAddComLink.style.display = "";

			this._CommentsParams.textarea.value = "";
			//this._CommentsParams.button.focus();
			this._CommentsParams.form.parentNode.removeChild(this._CommentsParams.form);
		}
		else
		{
			if (this._CommentsParams.textarea.value.length > 0)
				alert(this.MESS.shortComError);
		}
	},

	CheckTextareaActivity: function(ta, bBlur)
	{
		if (!this.perm.addComment)
			return;

		var
			val = BX.util.trim(ta.value),
			deffMess = this.MESS.commentTitle,
			activeClass = 'photo-textarea-active';

		if (bBlur)
		{
			if (val == '' || val == deffMess)
			{
				ta.value = deffMess;
				BX.removeClass(ta, activeClass);
			}
			else
			{
				BX.addClass(ta, activeClass);
			}
			this.bArrowControllEnabled = true;
		}
		else
		{
			if (val == '' || val == deffMess)
			{
				ta.value = '';
				BX.addClass(ta, activeClass);
				ta.focus();
			}
			this.bArrowControllEnabled = false;
		}
	},

	CheckInputActivity: function(inp, bBlur)
	{
		if (!inp)
			return;

		var
			val = BX.util.trim(inp.value),
			deffMess = inp.title + '...',
			activeClass = 'bxph-photo-active';

		if (bBlur)
		{
			if (val == '' || val == deffMess)
			{
				inp.value = deffMess;
				BX.removeClass(inp, activeClass);
			}
			else
			{
				BX.addClass(inp, activeClass);
			}
			this.bArrowControllEnabled = true;
		}
		else
		{
			if (val == '' || val == deffMess)
			{
				inp.value = '';
				BX.addClass(inp, activeClass);
				inp.focus();
			}
			this.bArrowControllEnabled = false;
		}
	},

	SaveOption: function(option, value)
	{
		BX.userOptions.save('photogallery', this.id, option, value);
	},

	RunSlideShow: function()
	{
		if (this.slideShowStatus != 'play')
			this.PlaySlideShow(false, this.currentIndex == this.itemsCount - 1);
		else
			this.StopSlideShow();

		return false;
	},

	InitSlideShow: function()
	{
		this.bSlideShowInited = true;
		this.slideShowSpeed = parseInt(this.userSettings.slide_show_speed);
		if (!this.slideShowSpeed || this.slideShowSpeed < 1 || this.slideShowSpeed > 5)
			this.slideShowSpeed = 3;
		this.pSlideShowSpeed = {};

		var pSlideshowSpeedCont = this.pSlideshowCont.appendChild(BX.create("SPAN", {props:{className: "photo-slideshow-speed"}}));
		var i, _this = this;
		for (i = 1; i <= 5; i++)
		{
			this.pSlideShowSpeed[i] = pSlideshowSpeedCont.appendChild(BX.create("A", {props: {id: 'bxph-slide-speed-' + i, className: (i == this.slideShowSpeed ? "photo-slideshow-speed-active" : ""), href: "javascript:void(0)"}, html: i}));
			this.pSlideShowSpeed[i].onclick = function(){_this.SetSlideShowSpeed(parseInt(this.id.substr('bxph-slide-speed-'.length)));};
		};

		BX.addCustomEvent(this, 'OnItemLoaded', BX.proxy(this.SlideShowItemOnload, this));
	},

	SetSlideShowSpeed: function(speed)
	{
		this.slideShowSpeed = speed;
		var i, _this = this;
		for (i = 1; i <= 5; i++)
			this.pSlideShowSpeed[i].className = i == this.slideShowSpeed ? "photo-slideshow-speed-active" : "";

		this.SaveOption('slide_show_speed', speed);
	},

	PlaySlideShow: function(bPlay, bPlayAgain)
	{
		// Changle button
		BX.addClass(this.pSlideshowCont, "photo-slideshow-active");
		if (!this.bSlideShowInited)
			this.InitSlideShow();

		var _this = this;
		this.slideShowStatus = 'play';
		bPlay = !!bPlay;
		bPlayAgain = !!bPlayAgain;

		if (bPlay)
		{
			this.Next(!!bPlayAgain, true);
			if (this.currentIndex == this.itemsCount - 1 && !bPlayAgain)
				this.StopSlideShow();
		}
		else
		{
			setTimeout(function()
			{
				if (_this.slideShowStatus == 'play')
					_this.PlaySlideShow(true, !!bPlayAgain);
			}, this.slideShowSpeed * 1000);
		}
	},

	StopSlideShow: function()
	{
		// Changle button
		BX.removeClass(this.pSlideshowCont, "photo-slideshow-active");
		this.slideShowStatus = 'paused';
	},

	SlideShowItemOnload: function(Item)
	{
		if (this.slideShowStatus != 'play')
			return;
		this.PlaySlideShow(false);
	},

	EditItemDescription: function(e)
	{
		if (this.bShowEditControls)
		{
			this.bArrowControllEnabled = false;
			this.bItemDescEdited = true;

			this.pAddDescLink.style.display = "none";
			this.pEditDescCont.style.display = "";
			this.pDescCont.style.display = "none";

			var oItem = this.Items[this.currentIndex];
			this.pEditDescInp.value = oItem.description;
			BX.focus(this.pEditDescInp);
		}
		return BX.PreventDefault(e);
	},

	SaveItemDescription: function()
	{
		if (!this.actionPostUrl)
			return setTimeout(BX.proxy(this.SaveItemDescription, this), 200);

		var oItem = this.Items[this.currentIndex];
		oItem._description = oItem.description;
		oItem.description = this.pEditDescInp.value;

		window.bxph_error = null;
		var _this = this;

		BX.ajax.post(
			this.actionPostUrl,
			{
				UCID: this.uniqueId,
				photo_list_action: 'save_description',
				sessid: BX.bitrix_sessid(),
				description: oItem.description,
				ELEMENT_ID : oItem.id
			},
			function(result){setTimeout(function()
			{
				if (window.bxph_error)
				{
					alert(window.bxph_error);
					if (_this.currentIndex == oItem.index)
						_this.EditItemDescription();
					oItem.description = oItem._description;
				}

				delete oItem._description;
			}, 100);}
		);

		// Hide
		this.CancelItemDescription(oItem);
	},

	CancelItemDescription: function(oItem)
	{
		if (!oItem || oItem.nodeName || typeof oItem.description == 'undefined')
			oItem = this.Items[this.currentIndex];

		this.bItemDescEdited = false;
		this.bArrowControllEnabled = true;
		// Description
		if (oItem.description.length > 0)
		{
			if (this.bShowEditControls)
				this.pAddDescLink.style.display = "none";
			this.pDescCont.style.display = "";

			var html = oItem.description;
			html = BX.util.htmlspecialchars(html);
			html = html.replace(/\n|\r/ig, '<br>');
			this.pDesc.innerHTML = html;
		}
		else // Show add desc link
		{
			if (this.bShowEditControls)
				this.pAddDescLink.style.display = "";
			this.pDescCont.style.display = "none";
			this.pDesc.innerHTML = "";
		}
		if (this.bShowEditControls)
			this.pEditDescCont.style.display = "none";
	},

	_CleanItemsArray: function()
	{
		this.Items = [];
		this.ItemIndex = {};
		this.currentIndex = 0;

		this.LoadedPages = {};

		//currentPage

		if (this.oTopSlider)
			this.oTopSlider.CleanItems();
	},

	_RedisplayItemAfterItemsReloading: function()
	{
		if (this._currentItemId > 0 && this.reloadItemsOnload)
		{
			this.reloadItemsOnload = false;
			this._bFirstDisplay = true;
			this.DisplayItem(this._currentItemId);
			this._currentItemId = 0;
			BX.removeCustomEvent(this, 'OnBeforeItemsLoaded', BX.proxy(this._CleanItemsArray, this));
			BX.removeCustomEvent(this, 'OnAfterItemsHandled', BX.proxy(this._RedisplayItemAfterItemsReloading, this));

			if (this.oTopSlider)
				this.oTopSlider.CheckCurrentShownItems();
		}
	},

	RotateItem: function(bLeft)
	{
		// Current item
		var oItem = this.Items[this.currentIndex];
		if (!oItem)
			return;

		// Calculate angle
		if (!oItem.angle)
			oItem.angle = 0;

		oItem.angle += (bLeft ? -1 : 1) * 90;
		if (oItem.angle < 0)
			oItem.angle = 360 + oItem.angle;
		else if (oItem.angle == 360)
			oItem.angle = 0;

		// Catch original sizes once for item and zero angle
		if (!oItem.w)
			oItem.w = parseInt(this.pImage.offsetWidth);
		if (!oItem.h)
			oItem.h = parseInt(this.pImage.offsetHeight);

		// Set size
		if (oItem.angle == 0 || oItem.angle == 180)
		{
			this.pImage.style.marginTop = '';
			this.pImage.style.marginLeft = '';
			if (this.RotateCont)
			{
				this.pImgCell.appendChild(this.pImage);
				this.RotateCont.parentNode.removeChild(this.RotateCont);
				this.RotateCont = null;
			}
		}
		else
		{
			// Put image into the container
			if (!this.RotateCont)
			{
				this.RotateCont = this.pImage.parentNode.appendChild(BX.create("DIV", {props: {className: "photo-rotate-cont"}}));
				this.RotateInnerCont = this.RotateCont.appendChild(BX.create("DIV", {props: {className: "photo-rotate-cont-inner"}}));
				this.RotateInnerCont.appendChild(this.pImage);
				this.RotateInnerCont.style.overflow = 'hidden';
			}


			// Default - for landscape images (W > H)
			var pad = Math.round((oItem.w - oItem.h) / 2);

			// For portrait images (H < W)
			if (oItem.w < oItem.h)
			{
				if (!BX.browser.IsIE())
					this.pImage.style.marginTop = pad + "px";
				else if (BX.browser.IsIE() && BX.browser.IsDoctype())
					this.pImage.style.marginLeft = (pad * 2) + "px";
				pad = 0;
			}
			else
			{
				if (BX.browser.IsIE() && BX.browser.IsDoctype())
					this.RotateCont.style.paddingLeft = pad + 'px';
			}

			if (!BX.browser.IsIE())
				this.RotateCont.style.paddingTop = pad + 'px';

			this.RotateInnerCont.style.width = oItem.h + 'px';
			this.RotateInnerCont.style.height = (oItem.w - pad) + 'px';
		}

		this.RotateImage(this.pImage, oItem.angle, true);

		if (!this.Rotated[oItem.id])
			this.Rotated[oItem.id] = true;

		this.AdjustControls();
	},

	SaveRotatedItems: function(bTime)
	{
		if (bTime === true)
			return setTimeout(BX.proxy(this.SaveRotatedItems, this), 1);

		for (var id in this.Rotated)
			if (this.Rotated)
				this.SaveRotationAngle(this.GetById(id));

		// Reinit rotation array
		this.Rotated = {};
	},

	CleanRotation: function(oItem, bCheck)
	{
		if (this.RotateInnerCont)
		{
			this.pImage.style.marginTop = '';
			this.pImage.style.marginLeft = '';
			if (this.RotateCont)
			{
				this.pImgCell.appendChild(this.pImage);
				this.RotateCont.parentNode.removeChild(this.RotateCont);
				this.RotateCont = null;
			}
			if (bCheck !== false)
				this.CheckImageSize(oItem);
			this.RotateImage(this.pImage, 0, false);
		}
	},

	RotateImage: function(pImg, angle, bEffects)
	{
		var cn = '';
		if (angle != 0)
			cn = BX.browser.IsIE9() ? 'photo-rotate-ie9-' + angle : 'photo-rotate-' + angle;
		pImg.className = cn;
	},

	SaveRotationAngle: function(oItem)
	{
		if (oItem.angle == 0)
			return;

		oItem.saveRotationProcess = true;

		BX.showWait('photo_rotate');
		var angle = oItem.angle;
		var _this = this;
		window.bxphres = false;
		BX.ajax.get(
			this.actionUrl,
			{
				UCID: this.uniqueId,
				photo_list_action: 'rotate',
				sessid: BX.bitrix_sessid(),
				ELEMENT_ID : oItem.id,
				angle: angle
			},
			function(result){setTimeout(function()
			{
				_this.CheckActionPostUrl();
				BX.closeWait('photo_rotate');
				if (window.bxph_error)
				{
					alert(window.bxph_error);
				}
				else if(window.bxphres && window.bxphres.Item)
				{
					var Item = _this.GetById(window.bxphres.Item.id);

					Item.saveRotationProcess = false;
					if (Item.big_src)
						Item.big_src = window.bxphres.Item.src;

					if (Item.angle == angle)
					{
						Item.src = window.bxphres.Item.src;
						Item.width = window.bxphres.Item.w;
						Item.height = window.bxphres.Item.h;

						delete Item.h;
						delete Item.w;
						delete Item.angle;

						if (_this.currentIndex == Item.index)
						{
							_this.CleanRotation(Item);
							_this._bFirstDisplay = true; // We need to set it 'true' to pass currentIndex checking
							_this.DisplayItem(Item.id);
						}

						if (_this.oTopSlider)
							_this.oTopSlider.UpdateThumbnail(Item.index);
					}
				}
			}, 100);}
		);
	},

	EditItem: function(e)
	{
		var oItem = this.Items[this.currentIndex];
		if (!oItem || !oItem.id)
			return;

		var _this = this;
		var url = this.actionUrl + (this.actionUrl.indexOf('?') == -1 ? '?' : '&') + 'photo_list_action=edit&sessid=' + BX.bitrix_sessid();
		url += '&ELEMENT_ID=' + oItem.id;
		url += '&SECTION_ID=' + oItem.album_id;
		url += '&AJAX_CALL=Y&UCID=' + this.uniqueId;
		if (oItem.gallery_id)
			url += '&USER_ALIAS=' + oItem.gallery_id;

		// Set z-index
		BX.WindowManager.setStartZIndex(3100);

		var oEditDialog = new BX.CDialog({
			title : this.MESS.photoEditDialogTitle,
			content_url: url,
			buttons: [BX.CDialog.btnSave, BX.CDialog.btnCancel],
			width: 600
		});
		oEditDialog.Show();

		this.bArrowControllEnabled = false;
		this.bEscCloseEnabled = false;

		BX.addCustomEvent(oEditDialog, "onWindowRegister", function(){
			oEditDialog.adjustSizeEx();
			BX.focus(BX('bxph_title'));

			var div = window.oPhotoEditDialog.Get();
			if (div)
				div.style.zIndex = 3101;
			if (window.oPhotoEditDialog.OVERLAY)
				window.oPhotoEditDialog.OVERLAY.style.zIndex = 3097;
		});

		BX.addCustomEvent(oEditDialog, "onWindowUnRegister", function(){
			_this.bArrowControllEnabled = true;
			_this.bEscCloseEnabled = true;
		});

		oEditDialog.ClearButtons();
		oEditDialog.SetButtons([
			new BX.CWindowButton(
			{
				title: BX.message('JS_CORE_WINDOW_SAVE'),
				id: 'savebtn',
				action: BX.proxy(this.CheckForm, this)
			}),
			oEditDialog.btnCancel
		]);
		window.oPhotoEditDialog = oEditDialog;

		return BX.PreventDefault(e);
	},

	CheckForm: function()
	{
		var _this = this;
		var form = document.forms['form_photo'];
		if (typeof form != "object")
			return false;

		var oData = {"AJAX_CALL" : "Y"};
		for (var ii = 0; ii < form.elements.length; ii++)
		{
			if (form.elements[ii] && form.elements[ii].name)
			{
				if (form.elements[ii].type && form.elements[ii].type == "checkbox")
				{
					if (form.elements[ii].checked == true)
						oData[form.elements[ii].name] = form.elements[ii].value;
				}
				else
				{
					oData[form.elements[ii].name] = form.elements[ii].value;
				}
			}
		}

		BX.showWait('photo_window_edit');
		window.oPhotoEditDialogError = false;

		BX.ajax.post(
			form.action,
			oData,
			function(data)
			{
				setTimeout(function(){
					BX.closeWait('photo_window_edit');
					result = {};

					if (window.oPhotoEditDialogError !== false)
					{
						var errorTr = BX("bxph_error_row");
						errorTr.style.display = "";
						errorTr.cells[0].innerHTML = window.oPhotoEditDialogError;
						window.oPhotoEditDialog.adjustSizeEx();
					}
					else
					{
						top.result = false;
						try
						{
							data = BX.util.trim(data);
							var
								res = '',
								indBegin = data.indexOf('<!--BX_PHOTO_EDIT_RES-->'),
								indEnd = data.indexOf('<!--BX_PHOTO_EDIT_RES_END-->');

							if (indBegin != -1 && ~indEnd != -1)
								res = data.substr(indBegin + '<!--BX_PHOTO_EDIT_RES-->'.length, indEnd - indBegin - '<!--BX_PHOTO_EDIT_RES-->'.length);
							else
								res = data;

							eval("top.result = " + res + ";");
						}
						catch(e)
						{
							var errorTr = BX("bxph_error_row");
							if (errorTr)
							{
								errorTr.style.display = "";
								errorTr.cells[0].innerHTML = _this.MESS.unknownError;
							}
							window.oPhotoEditDialog.adjustSizeEx();
						}

						if (top.result)
						{
							_this.EditItemCallBack(top.result);
							window.oPhotoEditDialog.Close();
						}
					}
				}, 200);
			}
		);
	},

	EditItemCallBack: function(res)
	{
		var oItem = this.Items[this.currentIndex];
		oItem.tags = res.TAGS || '';
		oItem.description = res._DESCRIPTION || '';
		oItem.date = res.DATE_STR || res.DATE;
		oItem.tags_array = res.TAGS_LIST || [];
		//oItem['public'] = res.PUBLIC;
		//oItem.approved = res.APPROVED;

		// Photo was moved to other album - we have to kill it from slider
		if (res.SECTION_ID && parseInt(res.SECTION_ID) !== parseInt(oItem.album_id))
			this.DropAndRecalc(oItem);
		else
			this.DisplayItemDetails(oItem);
	},

	DeleteItem: function(e)
	{
		var oItem = this.Items[this.currentIndex];
		if (!confirm(this.MESS.delItemConfirm))
			return;

		window.bxph_error = null;
		var _this = this;
		BX.ajax.get(
			this.actionUrl,
			{
				UCID: this.uniqueId,
				photo_list_action: 'delete',
				sessid: BX.bitrix_sessid(),
				ELEMENT_ID : oItem.id
			},
			function(result){setTimeout(function()
			{
				_this.CheckActionPostUrl();
				if (window.bxph_error)
					alert(window.bxph_error);
				else
					_this.DropAndRecalc(oItem);
			}, 100);}
		);
		return BX.PreventDefault(e);
	},

	ActivateItem: function(e)
	{
		var oItem = this.Items[this.currentIndex];
		oItem.active = "Y";
		this.DisplayItemDetails(oItem);

		window.bxph_error = null;
		var _this = this;
		BX.ajax.get(
			this.actionUrl,
			{
				UCID: this.uniqueId,
				photo_list_action: 'activate',
				sessid: BX.bitrix_sessid(),
				ELEMENT_ID : oItem.id
			},
			function(result){setTimeout(function(){_this.CheckActionPostUrl();}, 100);}
		);

		return BX.PreventDefault(e);
	},

	DropAndRecalc: function(oItem)
	{
		if (this.itemsCount <= 1)
		{
			this.ClosePopup();
			// Refresh page
			setTimeout(function(){window.location = window.location;}, 100);
		}

		// Go to previous item or to the next if this item was first
		if (oItem.index == 0)
			this.Next();
		else if (this.itemsCount > 1)
			this.Previous();

		// Del item from this.Items, ItemIndex and correct indexes in this.Items;
		var Items = [];
		var ItemIndex = {};
		var index = 0;

		for(var i in this.Items)
		{
			if (this.Items[i].index != oItem.index)
			{
				index = this.Items[i].index;
				if (this.Items[i].index > oItem.index)
					index--;
				this.Items[i].index = index;
				Items[index] = this.Items[i];
				ItemIndex[this.Items[i].id] = index;
			}
		}

		this.Items = Items;
		this.ItemIndex = ItemIndex;
		// decrese items count
		this.itemsCount--;

		if (this.itemsCount == 0)
		{
			this.ClosePopup();
			// Refresh page
			setTimeout(function(){window.location = window.location;}, 100);
		}

		// Del from
		if (this.oTopSlider)
			this.oTopSlider.RecalcItems();

		// Update items count in the top
		this.topPager.count.innerHTML = this.itemsCount;
	},

	ChangeMode: function(mode, bSave)
	{
		if (mode != "auto" && mode != "fixed")
			mode = this.Mode == "auto" ? "fixed" : "auto"; // Flip mode

		// Change buttons and labels
		if (mode == "auto")
		{
			BX.addClass(this.pMinimizeBut, 'photo-minimize-screen-but');
			this.pBigPhoto.innerHTML = this.MESS.smallPhoto;
			this.pBigPhoto.title = this.pMinimizeBut.title = this.MESS.smallPhoto;
		}
		else
		{
			BX.removeClass(this.pMinimizeBut, 'photo-minimize-screen-but');
			this.pBigPhoto.innerHTML = this.MESS.bigPhoto;
			this.pBigPhoto.title = this.pMinimizeBut.title = this.MESS.bigPhoto;
			this.pPopupFooter.style.width = this.fixedSize + 'px';
		}

		this.Mode = mode;
		this.CheckImageSize(); // Check current displayed image

		if (bSave !== false)
			this.SaveOption("view_mode", this.Mode);
	},

	CheckFullModeDisplay: function(oItem)
	{
		if (!oItem)
			oItem = this.Items[this.currentIndex];
		if (!oItem)
			return;

		if (oItem.width <= this.fixedSize && oItem.height <= this.windowInnerSize.innerHeight - 100)
		{
			this.pBigPhoto.style.display = "none";
			BX.addClass(this.pMinimizeBut, 'photo-minimize-disabled');
			this.pMinimizeBut.title = this.MESS.bigPhotoDisabled;
		}
		else
		{
			this.pBigPhoto.style.display = "";
			BX.removeClass(this.pMinimizeBut, 'photo-minimize-disabled');
		}
	},

	CheckImageSize: function(oItem)
	{
		if (!oItem)
			oItem = this.Items[this.currentIndex];
		if (!oItem)
			return;

		var maxW = this.windowInnerSize.innerWidth - 30;
		var maxH = this.windowInnerSize.innerHeight - 100;

		if (this.Mode == 'fixed' && this.fixedSize < maxW)
			maxW = this.fixedSize;

		var res = this.FitInto(oItem.width, oItem.height, maxW, maxH);
		if (res.w == oItem.width && res.h == oItem.height)
		{
			this.pImage.style.width = "";
			this.pImage.style.height = "";
		}
		else
		{
			this.pImage.style.width = res.w + "px";
			this.pImage.style.height = res.h + "px";
		}

		if (this.Mode == "auto")
		{
			this.pPopupFooter.style.width = this.fixedSize + 'px';
			setTimeout(BX.proxy(this.AdjustControls, this), 1);
		}
	},

	FitInto: function(w, h, maxW, maxH)
	{
		var r = w / h;
		if (w > maxW)
		{
			w = maxW;
			h = w / r;
		}
		if (h > maxH)
		{
			h = maxH;
			w = h * r;
		}
		if (w > maxW)
		{
			w = maxW;
			h = w / r;
		}

		if (!w || isNaN(w))
			w = 0;
		if (!h || isNaN(h))
			h = 0;

		return {w: Math.round(w), h: Math.round(h)};
	},

	SetTheme: function(theme, bSave)
	{
		if (theme !== 'dark' &&  theme !== 'light')
			this.theme = this.theme == 'dark' ? 'light' : 'dark'; // Flip theme
		else
			this.theme = theme;

		if (this.theme == 'dark')
		{
			if (this.pThemeLink)
				this.pThemeLink.innerHTML = '<i></i><span class="photo-dark-theme-link-text">' + this.MESS.LightBG + '</span>';
			BX.addClass(this.pFixedOverlay, "photo-dark-theme");
		}
		else
		{
			if (this.pThemeLink)
				this.pThemeLink.innerHTML = '<i></i><span class="photo-dark-theme-link-text">' + this.MESS.DarkBG + '</span>';
			BX.removeClass(this.pFixedOverlay, "photo-dark-theme");
		}

		// Append css for dark theme to LHE in blog's comments
		if (this.useComments && this.commentsType == 'blog')
			this.SetThemeCSSForLHE();

		if (bSave !== false)
			this.SaveOption("theme", this.theme);
	},

	SetThemeCSSForLHE: function()
	{
		var pLEditor = window.oBlogComLHE;
		if (!pLEditor)
			return setTimeout(BX.proxy(this.SetThemeCSSForLHE, this, 400));

		var darkThemeLheCSS = "/*BXPH-CSS-START*/" +
			"body,body *{background-color: #464646!important; color: #FFFFFF;}\n" +
			"body blockquote.bx-quote {border: 1px solid #C0C0C0!important; background-color: #FFF4CA!important; color: #373737!important;}\n" +
			"/*BXPH-CSS-END*/";

		var css = pLEditor.systemCSS.replace(/\/\*BXPH-CSS-START\*\/(\s|\S)*\/\*BXPH-CSS-END\*\//ig, '');
		if (this.theme == 'dark')
			pLEditor.systemCSS = css + "\n" + darkThemeLheCSS;
		else
			pLEditor.systemCSS = css;

		pLEditor.SetEditorContent(pLEditor.GetContent());
	},

	ShowSource: function(e)
	{
		var
			oItem = this.Items[this.currentIndex],
			title = oItem.description || '',
			src = oItem.big_src || oItem.src,
			SrcWidth = screen.availWidth,
			SrcHeight = screen.availHeight,
			sizer = false;

		if (document.all)
			sizer = window.open("","","height=SrcHeight,width=SrcWidth,top=0,left=0,scrollbars=yes,fullscreen=yes");
		else
			sizer = window.open('', src,'width=SrcWidth,height=SrcHeight,menubar=no,status=no,location=no,scrollbars=yes,fullscreen=yes,directories=no,resizable=yes');

		sizer.document.write('<html><head>' +
			'<script>function SetBackGround(div){if (div)document.body.style.backgroundColor = div.style.backgroundColor;}</script>' +
			'<title>' + title + '</title>' +
			'<style>table div{width:18px; height:18px;}</style>' +
			'</head><body style="background-color:#000000;">' +
			'<table width="100%" height="96%" cellspacing="0" cellpadding="0" border="0">' +
			'<tr><td align="right">' +
			'<table cellspacing="2" cellpadding="0" border="0" align="center">' +
			'<tr><td><div onmouseover="SetBackGround(this);" style="width:18px; height:18px; background-color:#FFFFFF;"></div></td></tr>' +
			'<tr><td><div onmouseover="SetBackGround(this);" style="background-color:#E5E5E5;"></div></td></tr>' +
			'<tr><td><div onmouseover="SetBackGround(this);" style="background-color:#CCCCCC;"></div></td></tr>' +
			'<tr><td><div onmouseover="SetBackGround(this);" style="background-color:#B3B3B3;"></div></td></tr>' +
			'<tr><td><div onmouseover="SetBackGround(this);" style="background-color:#999999;"></div></td></tr>' +
			'<tr><td><div onmouseover="SetBackGround(this);" style="background-color:#808080;"></div></td></tr>' +
			'<tr><td><div onmouseover="SetBackGround(this);" style="background-color:#666666;"></div></td></tr>' +
			'<tr><td><div onmouseover="SetBackGround(this);" style="background-color:#4D4D4D;"></div></td></tr>' +
			'<tr><td><div onmouseover="SetBackGround(this);" style="background-color:#333333;"></div></td></tr>' +
			'<tr><td><div onmouseover="SetBackGround(this);" style="background-color:#1A1A1A;"></div></td></tr>' +
			'<tr><td><div onmouseover="SetBackGround(this);" style="background-color:#000000;"></div></td></tr>' +
			'</table>' +
			'</td>' +
			'<td align="center"><img border="0" title="' + this.MESS.clickToClose + '" style="cursor:pointer; cursor:hand;" onclick="window.close();" src="' + src + '"></td></tr>' +
			'</table></body></html>'
		);
		return BX.PreventDefault(e);
	},

	OnAfterCurrentItemsLoaded: function()
	{
		BX.closeWait('photo_load_items');
		if (this.currentItem > 0 && this.ItemIndex[this.currentItem])
			this.OpenPopup(this.currentItem);
		BX.removeCustomEvent(this, 'OnAfterItemsLoaded', BX.proxy(this.OnAfterCurrentItemsLoaded, this));
	},

	OnMoreItemsLoaded: function(items)
	{
		if (items)
			this.HandleItems(items);

		this.AttachThumbnailsEvents();
	},

	AttachThumbnailsEvents: function()
	{
		var
			_this = this,
			res = this.pElementsCont.getElementsByTagName('a'),
			ii, l = res.length;

		for (ii = 0; ii < l; ii++)
			if (res[ii].id && res[ii].id.match(/photo\_(\d+)/gi))
				res[ii].onclick = function(e){_this.OpenPopup(parseInt(this.id.substr("photo_".length))); return BX.PreventDefault(e);};
	},

	IncrementCounter: function(oItem)
	{
		oItem.bShowed = true;
		var _this = this;
		BX.ajax.get(
			this.actionUrl,
			{
				UCID: this.uniqueId,
				photo_list_action: 'counter_inc',
				sessid: BX.bitrix_sessid(),
				ELEMENT_ID : oItem.id
			},
			function(result){setTimeout(function()
			{
				_this.CheckActionPostUrl();
				oItem.shows++;
			}, 100);}
		);
	},

	OnResize: function()
	{
		if (!BX.browser.IsDoctype() && BX.browser.IsIE())
		{
			this.windowInnerSize = BX.GetWindowInnerSize(document);
			var d = (document.body.offsetHeight > this.windowInnerSize.innerHeight) ? 18 : 0;
			this.pFixedOverlay.style.width = (this.windowInnerSize.innerWidth + d)+ "px";
			this.pFixedOverlay.style.height = this.windowInnerSize.innerHeight + "px";
		}
	},

	PreloadImages: function(LoadedItem)
	{
		if (this.reloadItemsOnload || !LoadedItem)
			return;

		if (!this.pPreloadImagesCont)
		{
			this.pPreloadImagesCont = document.body.appendChild(BX.create("DIV", {props: {className: "bxph-preload-cont"}}));
			this.arLoadedImg = {};
			this.ImgQueue = {};
		}

		this.PreloadPhoto(LoadedItem, 1); // One step next
		this.PreloadPhoto(LoadedItem, 2); // Two step next

		this.PreloadPhoto(LoadedItem, -1); // One step before
		this.PreloadPhoto(LoadedItem, -2); // One step before
	},

	PreloadPhoto: function(Item, d)
	{
		if (typeof d == 'undefined')
			d = 1;
		var ind = (parseInt(Item.index) || 0)  + d;

		if (this.Items && this.Items[ind])
		{
			var src = this.Items[ind].big_src || this.Items[ind].src;
			if (!this.arLoadedImg[src])
			{
				this.ImgQueue[src] = true;
				this.arLoadedImg[src] = true;

				if (this.ImageLoadingState != 'loading')
					this.PreloadAgent();
			}
		}
	},

	PreloadAgent: function(src)
	{
		var _this = this, src_i;
		if (src && this.ImgQueue[src])
		{
			this.srcIndex[src] = true;
			this.ImageLoadingState = 'wait';
			if (this.clearStateTimeout)
			{
				clearTimeout(this.clearStateTimeout);
				this.clearStateTimeout = null;
			}
		}

		var bLoaded = false;
		for (src_i in this.ImgQueue)
		{
			if (this.ImgQueue[src_i])
			{
				bLoaded = true;
				var pImage = this.pPreloadImagesCont.appendChild(BX.create("IMG", {props: {src: src_i, title: src_i}}));
				this.ImageLoadingState = 'loading';
				_this.ImgQueue[src_i] = null;
				delete _this.ImgQueue[src_i];

				pImage.onerror = pImage.onload = function(){	_this.PreloadAgent(this.title);};

				if (this.clearStateTimeout)
				{
					clearTimeout(this.clearStateTimeout);
					this.clearStateTimeout = null;
				}

				this.clearStateTimeout = setInterval(function()
				{
					_this.ImageLoadingState = 'wait';
					_this.PreloadAgent();
				}, 5000);
				break;
			}
		}

		if (!bLoaded)
		{
			this.ImageLoadingState = 'wait';
			if (this.clearStateTimeout)
			{
				clearTimeout(this.clearStateTimeout);
				this.clearStateTimeout = null;
			}
		}
	},

	CheckActionPostUrl: function()
	{
		if (!window['bxph_action_url_' + this.uniqueId] || this.actionPostUrl)
			return;

		if (top.oBXPhotoList && top.oBXPhotoList[this.uniqueId])
			top.oBXPhotoList[this.uniqueId].actionPostUrl = window['bxph_action_url_' + this.uniqueId];

		this.actionPostUrl = window['bxph_action_url_' + this.uniqueId];
	}
};

function BXTopSlider(pObj)
{
	this.thumbSize = 40;
	this.thumbContSize = 48;
	this.pTopSliderBut = pObj.pTopSliderBut;
	this.pScrollCont = pObj.pScrollCont;
	this.pScroller = pObj.pScroller;
	this.pObj = pObj;
	this.pWnd = pObj.pSlider;
	this.pSliderCont = pObj.pSliderCont;
	this.itemsIndex = {};
	this.itemsCount = pObj.itemsCount;
	this.startItemIndex = pObj.currentIndex;
	this.uniqueId = pObj.uniqueId;

	this.carretWidth = 22;

	this.pTopSliderBut.onclick = BX.proxy(this.Show, this);
	this.bOpened = false;
	this.Init();
}

BXTopSlider.prototype = {
	Init: function()
	{
		this.extraSize = 30; // pixels
		this.currentIndex = this.startItemIndex;
		this.AdjustScroller();
		this.BuildItems();

		this.HandleItems(this.pObj.Items);

		this.pScroller.onmousedown = BX.proxy(this.StartMoveCarret, this);
		this.pWnd.onmousedown = BX.proxy(this.StartMoveSlider, this);
		this.pScrollCont.onmousedown =  BX.proxy(this.ScrollerClick, this);

		if (this.pSliderCont.addEventListener)
			this.pSliderCont.addEventListener('DOMMouseScroll', BX.proxy(this.OnMouseWheel, this), false);

		BX.bind(this.pSliderCont, 'mousewheel', BX.proxy(this.OnMouseWheel, this));

		if (this.pObj.userSettings.show_top_slider == 'Y')
			this.Show(true, false, true);
	},

	StartMoveSlider: function(e)
	{
		if (this.bNotEnoughItems)
			return;

		this.ClearIntervals();
		if(!e)
			e = window.event;
		this.bMoveSlider = true;
		this.bSliderMoved = false;
		this.pSliderContPos = BX.pos(this.pSliderCont);
		this.wndSize = BX.GetWindowScrollPos();
		this.startX = e.clientX + this.wndSize.scrollLeft;
		this.startLeft = parseInt(this.pWnd.style.left) || 0;
		this.minLeft = this.pSliderContPos.width - this.pObj.itemsCount * this.thumbContSize;

		var _this = this;
		this.x0 = this.x1 = this.x2 = parseInt(this.pWnd.style.left) || 0;
		this.time0 = new Date().getTime();
		this.zeroSpeedCount = 0;
		this.time = 10;

		if (!this.bOpened)
			this.Show(true);

		this.measureSpeedInt  = setInterval(BX.proxy(this.MeasureSpeed, this), this.time);

		BX.bind(document, "mousemove", BX.proxy(this.MoveSlider, this));
		BX.bind(document, "mouseup", BX.proxy(this.StopMoveSlider, this));
	},

	MeasureSpeed: function()
	{
		this.x1 = this.x2;
		this.x2 = parseInt(this.pWnd.style.left);

		var speed = (this.x2 - this.x1);
		if (speed == 0)
			this.zeroSpeedCount++;
		else
			this.zeroSpeedCount = 0;

		if (!this.bMoveSlider)
		{
			clearInterval(this.measureSpeedInt);
			this.time1 = new Date().getTime();
			var avSpeed = ((this.x2 - this.x0) / (this.time1 - this.time0));
			avSpeed  = avSpeed * this.time * 1.2;

			this.t = 1;
			this.startV = avSpeed;
			this.v = avSpeed;
			var
				_this = this,
				a = 0.3,
				a = this.v > 0 ? -a : a;

			if (Math.abs(avSpeed) > 0 && this.zeroSpeedCount < 50)
			{
				this.stoppieInterval = setInterval(function()
				{
					var t = ++_this.t;
					var curSpeed = _this.v + a * t;
					var x = _this.secondX + _this.v * t + a * t * t / 2;
					x = Math.round(x * 10) / 10;

					if (_this.startV > 0 && curSpeed <= 0 || _this.startV < 0 && curSpeed >= 0)
						return clearInterval(_this.stoppieInterval);

					if (x > _this.extraSize)
					{
						x = _this.extraSize;
						t = 100; // Just stop
					}
					if (x < _this.minLeft - _this.extraSize)
					{
						x = _this.minLeft - _this.extraSize;
						t = 100; // Just stop
					}

					_this.pWnd.style.left = x + "px";
					_this.CheckCurrentShownItems();
					_this.AdjustCarret(x);

					if (t > 50)
					{
						_this.PullBack();
						clearInterval(_this.stoppieInterval);
					}
				}, this.time);
			}

		}
	},

	PullBack: function()
	{
		var
			x = parseInt(this.pWnd.style.left) || 0,
			time = this.time,
			dx = (x > 0) ? -1 : 1,
			_this = this,
			count = 1;

		if (this.bMoveSlider || x <= 0 && x >= this.minLeft)
			return;

		if (this.pullBackInterval)
			clearInterval(	this.pullBackInterval);

		this.pullBackInterval = setInterval(function()
		{
			var left = parseInt(_this.pWnd.style.left);
			left += count * dx;

			if (dx > 0 && left > _this.minLeft)
				left = _this.minLeft;
			else if (dx < 0 && left < 0)
				left = 0;

			_this.pWnd.style.left = left + 'px';
			if (left == _this.minLeft || left == 0)
				clearInterval(	_this.pullBackInterval);
			count++;
		}, time);
	},

	MoveSlider: function(e)
	{
		if (this.bNotEnoughItems)
			return;

		this.bSliderMoved = true;
		if (this.bMoveSlider)
		{
			if(!e)
				e = window.event;
			var x = parseInt(e.clientX) + parseInt(this.wndSize.scrollLeft);
			var offsetX = x - this.startX;

			var newLeft = this.startLeft + offsetX;
			if (newLeft > this.extraSize)
				newLeft = this.extraSize;
			if (newLeft < this.minLeft - this.extraSize)
				newLeft = this.minLeft - this.extraSize;

			if (!this.firstTime || !this.firstX)
			{
				this.firstTime =  new Date().getTime();
				this.firstX = newLeft;
			}
			else
			{
				this.firstTime = this.secondTime;
				this.secondTime = new Date().getTime();

				this.firstX = this.secondX;
				this.secondX = newLeft;
			}

			this.pWnd.style.left = newLeft + "px";
			this.AdjustCarret(newLeft);
			this.CheckCurrentShownItems();
		}
	},

	StopMoveSlider: function()
	{
		this.bMoveSlider = false;

		if (this.measureSpeedInt)
			this.MeasureSpeed();

		BX.unbind(document, "mousemove", BX.proxy(this.MoveSlider, this));
		BX.unbind(document, "mouseup", BX.proxy(this.StopMoveSlider, this));

		this.PullBack();
	},

	StartMoveCarret: function()
	{
		if (!this.bOpened)
			this.Show(true);

		if (this.bNotEnoughItems)
			return;

		this.ClearIntervals();

		this.bScroll = true;
		this.pScrollContPos = BX.pos(this.pScrollCont);
		this.wndSize = BX.GetWindowScrollPos();

		BX.addClass(this.pScroller, "photo-scroll-wheel-active");
		BX.bind(document, "mousemove", BX.proxy(this.MoveCarret, this));
		BX.bind(document, "mouseup", BX.proxy(this.StopMoveCarret, this));
	},

	MoveCarret: function(e)
	{
		if (this.bScroll && !this.bNotEnoughItems)
		{
			if(!e)
				e = window.event;
			var dx = e.clientX + this.wndSize.scrollLeft - this.pScrollContPos.left;
			this.SetCarret(dx);
		}
	},

	StopMoveCarret: function()
	{
		this.bScroll = false;
		BX.removeClass(this.pScroller, "photo-scroll-wheel-active");
		BX.unbind(document, "mousemove", BX.proxy(this.MoveCarret, this));
		BX.unbind(document, "mouseup", BX.proxy(this.StopMoveCarret, this));
	},

	AdjustScroller: function()
	{
		if (this.pObj.itemsCount > 0)
		{
			var sliderWidth = parseInt(this.pSliderCont.parentNode.offsetWidth);
			this.pSliderContPos = BX.pos(this.pSliderCont);
			this.scrollerWidth = parseInt(this.pScrollCont.offsetWidth);
			this.deltaWidth = this.pObj.itemsCount * this.thumbContSize - parseInt(this.pSliderCont.parentNode.offsetWidth);
			this.scrollRatio = this.deltaWidth / this.scrollerWidth;
			this.minLeft = sliderWidth - this.pObj.itemsCount * this.thumbContSize;
			this.bNotEnoughItems = this.pObj.itemsCount < sliderWidth / this.thumbContSize;
			this.pScrollContPos = BX.pos(this.pScrollCont);
			this.pWnd.style.width = this.bNotEnoughItems ? '100%' : '';
		}
	},

	ScrollerClick: function(e)
	{
		if (!this.bNotEnoughItems)
		{
			if(!e)
				e = window.event;
			this.StartMoveCarret(e);
			this.SetCarret(e.clientX + this.wndSize.scrollLeft - this.pScrollContPos.left);
		}
	},

	SetCarret: function(x)
	{
		if (x < 0 || this.bNotEnoughItems)
			x = 0;

		// On each pixel moved carret we move slider on some _offset_
		var offsetX;
		if (x >= this.pScrollContPos.width - this.carretWidth)
		{
			x = this.pScrollContPos.width - this.carretWidth;
			offsetX = Math.round(this.pScrollContPos.width * this.scrollRatio * 10) / 10;
		}
		else
		{
			offsetX = Math.round(x * this.scrollRatio * 10) / 10;
		}

		offsetX = -offsetX;

		this.AdjustCarret(offsetX);
		this.pWnd.style.left = offsetX + "px";
		this.CheckCurrentShownItems();
	},

	AdjustCarret: function(left)
	{
		if (this.bNotEnoughItems)
		{
			this.pScroller.style.display = "none";
			return;
		}
		else
		{
			this.pScroller.style.display = "";
		}

		if (typeof left == 'undefined')
			left = parseInt(this.pWnd.style.left) || 0;

		if (left > 0)
			left = 0;
		if (left < this.minLeft)
			left = this.minLeft;

		var carretX = Math.abs(Math.round(10 * left / this.scrollRatio) / 10);
		if (carretX > this.pScrollContPos.width - this.carretWidth)
			carretX = this.pScrollContPos.width - this.carretWidth;

		this.pScroller.style.left = carretX + "px";
	},

	ClearIntervals: function()
	{
		if (this.pullBackInterval)
			clearInterval(	this.pullBackInterval);
		if (this.measureSpeedInt)
			clearInterval(this.measureSpeedInt);
		if (this.stoppieInterval)
			clearInterval(this.stoppieInterval);
	},

	HandleItems: function(Items)
	{
		for (i in Items)
		{
			Item = Items[i];
			if (Item.id && this.itemsIndex[Item.index])
			{
				if (typeof Item.thumb_src == 'undefined')
				{
					Item.thumb_src = Item.src;
					Item.thumb_height = Item.height;
					Item.thumb_width = Item.width;
				}

				this.itemsIndex[Item.index].pImg.src = Item.thumb_src;
				BX.removeClass(this.itemsIndex[Item.index].pLink, 'photo-wait');
				this.AdjustThumb(this.itemsIndex[Item.index].pImg, Item.thumb_width, Item.thumb_height);
			}
		}
	},

	RecalcItems: function()
	{
		if (this.itemsCount == this.pObj.itemsCount + 1)
		{
			this.itemsCount = this.pObj.itemsCount;
			this.pWnd.removeChild(this.itemsIndex[this.itemsCount].pLink);
			this.itemsIndex[this.itemsCount] = null;
			delete this.itemsIndex[this.itemsCount];

			this.HandleItems(this.pObj.Items);
		}
	},

	BuildItems: function()
	{
		this.bItemBuilt = true;
		var i, _this = this, pLink, pImg, pDiv;
		for (i = 0; i < this.pObj.itemsCount; i++)
		{
			pLink = this.pWnd.appendChild(BX.create("A", {props:{id: 'bxphoto_t_' + i, className: "photo-preview photo-wait", href: "javascript: void(0)"}}));
			pDiv = pLink.appendChild(BX.create("DIV", {props:{className: 'photo-preview-inner'}, style: {width: this.thumbSize + 'px', height: this.thumbSize + 'px'}}));
			pImg = pDiv.appendChild(BX.create("IMG", {props:{src: '/bitrix/images/1.gif'}, style: {width: this.thumbSize + 'px', height: this.thumbSize + 'px'}}));

			this.itemsIndex[i] = {
				pLink: pLink,
				pImg: pImg
			};

			pLink.onclick = function()
			{
				if (!_this.bSliderMoved)
					_this.pObj.ShowItem(parseInt(this.id.substr('bxphoto_t_'.length)), false, false, true /*bAffectTopSlider*/);
			};
			this.pObj.SetUnselectable(pLink, pLink.firstChild);
		}
	},

	CleanItems: function()
	{
		for (i = 0; i < this.pObj.itemsCount; i++)
			BX.addClass(this.itemsIndex[i].pLink, 'photo-wait');
	},

	OnMouseWheel: function(event)
	{
		if (this.bNotEnoughItems)
			return BX.PreventDefault(event);

		if (!event)
			event = window.event;

		var wheelDelta = 0;
		if (event.wheelDelta)
			wheelDelta = event.wheelDelta / 120;
		else if (event.detail)
			wheelDelta = - event.detail / 3;

		var
			startLeft = parseInt(this.pWnd.style.left) || 0,
			newLeft = startLeft + wheelDelta * this.thumbContSize * 1;

		newLeft = Math.round(newLeft * 10) / 10;
		if (newLeft > this.extraSize)
			newLeft = this.extraSize;
		if (newLeft < this.minLeft - this.extraSize)
			newLeft = this.minLeft - this.extraSize;

		this.pWnd.style.left = newLeft + "px";
		this.CheckCurrentShownItems();
		this.AdjustCarret(newLeft);

		if (this.mouseWheelTimeout)
			clearTimeout(this.mouseWheelTimeout);
		this.mouseWheelTimeout = setTimeout(BX.proxy(this.PullBack, this), 100);

		return BX.PreventDefault(event);
	},

	CheckCurrentShownItems: function()
	{
		if (this.pObj.reloadItemsOnload || !this.pObj.itemsPageSize)
			return;

		var
			left = parseInt(this.pWnd.style.left) || 0,
			startIndex = - Math.round(left / this.thumbContSize);

		if (startIndex < 1)
			startIndex = 1;

		if(!this.pSliderContPos)
			this.pSliderContPos = BX.pos(this.pSliderCont);
		var endIndex = Math.round(startIndex + this.pSliderContPos.width / this.thumbContSize);
		if (endIndex > this.pObj.itemsCount)
			endIndex = this.pObj.itemsCount;

		var
			page,
			pageStart = Math.ceil(startIndex / this.pObj.itemsPageSize),
			pageEnd = Math.ceil(endIndex / this.pObj.itemsPageSize);

		for (page = pageStart; page <= pageEnd; page++)
			this.pObj.LoadPage(page);
	},

	Show: function(bShow, bSave, bFast)
	{
		if (bShow !== true && bShow !== false)
			bShow = !this.bOpened;

		bFast = bFast === true;
		if (BX.browser.IsIE() && !BX.browser.IsIE9())
			bFast = true;

		if (bShow)
		{
			if (bFast)
			{
				this.pSliderCont.style.display = "block";
				this.pObj.pPopupTop.style.marginBottom = this.thumbContSize + 'px';
			}
			BX.addClass(this.pTopSliderBut, "photo-slider-button-active");
			this.AdjustScroller();
		}
		else // Hide
		{
			if (bFast)
				this.pObj.pPopupTop.style.marginBottom = '';

			this.pSliderCont.style.display = "none";
			BX.removeClass(this.pTopSliderBut, "photo-slider-button-active");
		}
		this.bOpened = bShow;

		if (!bFast)
		{
			if (this.showInt)
				clearInterval(this.showInt);

			var
				_this = this,
				dx = 5,
				count = 1,
				marg = parseInt(this.pObj.pPopupTop.style.marginBottom) || 0,
				bFinish = false;

			this.showInt = setInterval(
				function(){
					if (bShow)
					{
						marg += dx * count;
						if (marg >= _this.thumbContSize)
						{
							marg = _this.thumbContSize;
							bFinish = true;
						}
					}
					else
					{
						marg -= dx * count;
						if (marg <= 0)
						{
							marg = 0;
							bFinish = true;
						}
					}
					_this.pObj.pPopupTop.style.marginBottom = marg + 'px';

					if (bFinish)
					{
						if (bShow)
							_this.pSliderCont.style.display = "block";
						clearInterval(_this.showInt);
					}
					count++;
				}, 40
			);
		}

		if (bSave !== false)
			this.pObj.SaveOption("show_top_slider", this.bOpened ? "Y" : "N");

		this.CheckCurrentShownItems();
	},

	// Highlight the item in the top slider and scroll the slider if index off the boundaries
	SelectItem: function(Item)
	{
		if (!this.itemsIndex[Item.index])
			return;

		var left = 0;
		this.AdjustScroller();
		if (this.bNotEnoughItems)
		{
			this.pWnd.style.left = "0px";
		}
		else
		{
			left = parseInt(this.pWnd.style.left) || 0;
			var
				startIndex = - Math.round(left / this.thumbContSize),
				endIndex = Math.round(startIndex + this.pSliderContPos.width / this.thumbContSize) - 1;

			if (Item.index < startIndex || Item.index > endIndex)
			{
				if (Item.index < startIndex)
					left = - parseInt(Item.index) * this.thumbContSize;
				else
					left = this.pSliderContPos.width - (parseInt(Item.index) + 1) * this.thumbContSize;

				if (left > 0)
					left = 0;
				if (left < this.minLeft)
					left = this.minLeft;

				this.pWnd.style.left = left + "px";
			}
		}
		this.AdjustCarret(left);

		if (typeof this.selectedIndex != 'undefined' && this.itemsIndex[this.selectedIndex].pLink)
			BX.removeClass(this.itemsIndex[this.selectedIndex].pLink, "photo-preview-selected");

		BX.addClass(this.itemsIndex[Item.index].pLink, "photo-preview-selected");
		this.selectedIndex = Item.index;

		//setTimeout(BX.proxy(this.CheckCurrentShownItems, this), 1000);
	},

	UpdateThumbnail: function(index)
	{
		var Item = this.itemsIndex[index];
		if (Item)
		{
			var oItem = this.pObj.Items[index];
			if (typeof oItem.thumb_src == 'undefined')
			{
				oItem.thumb_src = oItem.src;
				oItem.thumb_height = oItem.height;
				oItem.thumb_width = oItem.width;
			}

			Item.pImg.src = oItem.thumb_src;
			this.AdjustThumb(Item.pImg, oItem.thumb_width, oItem.thumb_height);
			BX.removeClass(Item.pLink, 'photo-wait');
		}
	},

	AdjustThumb: function(img, w, h)
	{
		var r = w / h;
		if (r > 1)
		{
			img.style.height = this.thumbSize + "px";
			img.style.width = Math.round(this.thumbSize * r /* width*/) + "px";
			img.style.left = Math.round((this.thumbSize - this.thumbSize * r /* width*/) / 2) + "px";
			img.style.top = 0;
		}
		else
		{
			img.style.width = this.thumbSize + "px";
			img.style.height = Math.round(this.thumbSize / r /*height*/) + "px";
			img.style.top = Math.round((this.thumbSize - this.thumbSize / r /* height*/) / 2) + "px";
			img.style.left = 0;
		}
	}
};



// Controll which used to display thumbs, open popups, sort thumbs
window.BXPhotoList = function(Params)
{
	this.actionUrl = Params.actionUrl;
	this.navName = Params.navName;
	this.currentPage = parseInt(Params.currentPage);
	this.pageCount = parseInt(Params.pageCount);
	this.uniqueId = Params.uniqueId;

	if (Params.morePhotoNav == "Y")
	{
		this.pMorePhotosLink = BX('photo-more-photo-link');
		this.pMorePhotosCont = BX('photo-more-photo-link-cont');
		this.pMorePhotosLink.onclick = BX.proxy(this.LoadMorePhotos, this);
	}
	this.pElementsCont = Params.pElementsCont;
	this.initDragSorting = Params.initDragSorting == 'Y';
	this.canModerate = !!Params.canModerate;

	this.maxDelta = 10;
	this.thumbSize = parseInt(Params.thumbSize);
	this.thumbHeight = this.thumbWidth = this.thumbSize + 8; // thumb size + margin to setermine correct position and size

	this.oItems = [];
	this.oItemIndex = {};

	this.HandleItems(Params.items);

	this.pContPos = BX.pos(this.pElementsCont);
	var w = this.pElementsCont.parentNode.offsetWidth;
	if (!w || w < 0)
		w = this.pContPos.width;
	if (!this.matrixX)
		this.matrixX = Math.floor(w / this.thumbWidth);

	if (this.initDragSorting)
		this.InitSort();
};

window.BXPhotoList.prototype = {
	HandleItems: function(items)
	{
		for (var i in items)
		{
			items[i].index = parseInt(items[i].index);
			this.oItems[items[i].index] = items[i];
			this.oItemIndex[items[i].id] = items[i].index;
		}

		if (items[i].active != "Y" && this.canModerate)
		{

		}
	},

	LoadMorePhotos: function()
	{
		var params = {
			UCID: this.uniqueId,
			sessid: BX.bitrix_sessid(),
			return_array : 'Y',
			get_elements_html: 'Y'
		};

		params[this.navName] = ++this.currentPage;
		if (this.currentPage >=  this.pageCount)
			this.pMorePhotosCont.style.display = "none";

		BX.addClass(this.pMorePhotosCont, "photo-show-more-wait");
		var _this = this;
		window.bxphres = false;
		BX.ajax.get(this.actionUrl, params, function(result)
		{
			setTimeout(function(){
				_this.CheckActionPostUrl();
				_this.HandleItems(window.bxphres.items);
				BX.removeClass(_this.pMorePhotosCont, "photo-show-more-wait");
				_this.pElementsCont.innerHTML += window.bxphres.elementsHTML;
				_this.currentPage = parseInt(window.bxphres.currentPage);

				if (_this.initDragSorting)
					_this.InitSort();

				BX.onCustomEvent(window, 'onMoreItemsLoaded', [window.bxphres.items]);
			}, 100);
		});
		return false;
	},

	ShowLoadPhotoWait: function(bShow)
	{
		//this.pComWaiter.style.display = bShow ? "" : "none";
	},

	InitSort: function()
	{
		var
			_this = this,
			ii, id, ind = 0,
			res = this.pElementsCont.getElementsByTagName('a');

		// TODO: handle window.onresize
		this.pElementsCont.style.width = ((this.thumbWidth * this.matrixX) + 8) + "px";

		this.Items = [];
		this.ItemsIndex = {};
		this.sortMatrix = {};
		this.curItemsCount = 0;
		this.time = 30;
		this.maxSortValue = 0;
		this.sortFieldStep = 5;

		for (ii = 0; ii < res.length; ii++)
		{
			if (!res[ii].id || !res[ii].id.match(/photo\_(\d+)/gi) || !this.oItems[ind])
				continue;

			id = parseInt(res[ii].id.substr("photo_".length));
			res[ii].onmousedown = function(e){_this.StartDragItem(e, parseInt(this.id.substr("photo_".length)));return false;};

			this.Items[ind] = {
				id: id,
				pWnd: res[ii].parentNode,
				sort: ind,
				origSort: ind,
				curSortField: parseInt(this.oItems[ind].sort),
				sortField: (ind + 1) * this.sortFieldStep
			};

			this.ItemsIndex[id] = ind;
			this.sortMatrix[id] = ind;
			this.curItemsCount++;
			ind++;

			if (this.maxSortValue < parseInt(this.oItems[ii].sort))
				this.maxSortValue = parseInt(this.oItems[ii].sort);
		}
	},

	StartDragItem: function(e, id)
	{
		if (!e)
			e = window.event;
		this.bSorting = true;
		this.wndSize = BX.GetWindowScrollPos();

		this.startX = e.clientX;
		this.startY = e.clientY;

		this.movedItemId = id;
		this.movedItem = this.GetItemById(id);
		this.movedItem.curSortIndex = false;
		this.pItemPos = BX.pos(this.movedItem.pWnd);

		var x = e.clientX + this.wndSize.scrollLeft - this.pContPos.left;
		var y = e.clientY + this.wndSize.scrollTop - this.pContPos.top;

		var absX = e.clientX + this.wndSize.scrollLeft;
		var absY = e.clientY + this.wndSize.scrollTop;

		this.deltaMovedX = absX - this.pItemPos.left;
		this.deltaMovedY = absY - this.pItemPos.top;

		BX.bind(document, "mousemove", BX.proxy(this.DragItem, this));
		BX.bind(document, "mouseup", BX.proxy(this.StopDragItem, this));

		if (this.SaveOrderTimeout)
			clearTimeout(this.SaveOrderTimeout);
	},

	DragItem: function(e)
	{
		if (this.bSorting)
		{
			if(!e)
				e = window.event;
			if (!this.bDragItem && (Math.abs(e.clientX - this.startX) > this.maxDelta || Math.abs(e.clientY - this.startY) > this.maxDelta))
			{
				this.bDragItem = true;
				this.bWasJustDragged = true;
				this.movedItem.oldParrent = this.movedItem.pWnd.parentNode;
				BX.addClass(this.movedItem.pWnd, 'photo-item-cont-drag');
				document.body.appendChild(this.movedItem.pWnd);
			}

			if (this.bDragItem)
			{
				var absX = e.clientX + this.wndSize.scrollLeft;
				var absY = e.clientY + this.wndSize.scrollTop;
				var x = absX - this.pContPos.left;
				var y = absY - this.pContPos.top;

				// Move abs posed photo with cursor
				this.movedItem.pWnd.style.left = (absX - this.deltaMovedX) + 'px';
				this.movedItem.pWnd.style.top = (absY - this.deltaMovedY) + 'px';

				// Calculate new index corresponding to photo-matrix
				var indexX = Math.ceil(x / this.thumbWidth);
				var indexY = Math.ceil(y / this.thumbHeight);
				if (indexX < 0)
					indexX = 0;
				if (indexY < 0)
					indexY = 0;
				var newIndex = (indexY - 1) * this.matrixX + indexX - 1;
				if (newIndex > this.curItemsCount - 1)
					newIndex = this.curItemsCount - 1;

				//document.title = newIndex;

				this.PutItemToNewPlace(this.movedItemId, newIndex);
			}
			return BX.PreventDefault(e);
		}
	},

	StopDragItem: function(e)
	{
		if (this.bDragItem)
		{
			if (!e)
				e = window.event;
			BX.removeClass(this.movedItem.pWnd, 'photo-item-cont-drag');

			var i, l = this.pElementsCont.childNodes.length, index = 0, el;
			if (this.pNewEmptyPlace.parentNode)
				this.pNewEmptyPlace.parentNode.removeChild(this.pNewEmptyPlace);
			if (this.pNewEmptyPlace2.parentNode)
				this.pNewEmptyPlace2.parentNode.removeChild(this.pNewEmptyPlace2);

			for (i = 0; i < l; i++)
			{
				el = this.pElementsCont.childNodes[i];
				if (!BX.hasClass(el, 'photo-item-cont'))
					continue;

				if(this.movedItem.curSortIndex == this.curItemsCount - 1 && index == this.movedItem.curSortIndex - 1)
				{
					// Last item
					this.pElementsCont.appendChild(this.movedItem.pWnd);
					break;
				}

				if (index == this.movedItem.curSortIndex)
				{
					// All items except last
					this.pElementsCont.insertBefore(this.movedItem.pWnd, el);
					break;
				}
				index++;
			}

			this.SaveSortingOrder();
		}

		this.bSorting = false;
		this.bDragItem = false;

		BX.unbind(document, "mousemove", BX.proxy(this.DragItem, this));
		BX.unbind(document, "mouseup", BX.proxy(this.StopDragItem, this));

		_this = this;
		setTimeout(function(){_this.bWasJustDragged = false;}, 100);

		if (Math.abs(e.clientX - this.startX) > this.maxDelta || Math.abs(e.clientY - this.startY) > this.maxDelta)
			return BX.PreventDefault(e);
	},

	SaveSortingOrder: function()
	{
		if (this.SaveOrderTimeout)
			clearTimeout(this.SaveOrderTimeout);

		BX.closeWait('photo_save_sort_items');
		BX.showWait('photo_save_sort_items');

		this.SaveOrderTimeout = setTimeout(BX.proxy(this.SaveSortingOrderNow, this), 2000);
	},

	SaveSortingOrderNow: function()
	{
		var i, l = this.pElementsCont.childNodes.length, el, ind = 0, id, Item;
		var params = {
			UCID: this.uniqueId,
			sessid: BX.bitrix_sessid(),
			photo_list_action: 'save_sort_order',
			pio: {}
		};

		for (i = 0; i < l; i++)
		{
			el = this.pElementsCont.childNodes[i];
			if (el.id && el.id.match(/photo_cont_(\d+)/gi))
			{
				id = parseInt(el.id.substr("photo_cont_".length));
				Item = this.GetItemById(id);

				Item.sortField = (ind + 1) * this.sortFieldStep;
				if (Item.curSortField != Item.sortField)
					params.pio[id] = Item.sortField;
				Item.curSortField = Item.sortField;

				ind++;
			}
		}

		BX.ajax.get(this.actionUrl, params, function(result){BX.closeWait('photo_save_sort_items');});
	},

	PutItemToNewPlace: function(id, newIndex)
	{
		var oItem = this.GetItemById(id);
		if (oItem.curSortIndex === newIndex)
			return;

		oItem.curSortIndex = newIndex;
		var i, l = this.pElementsCont.childNodes.length, index = 0, el;
		for (i = 0; i < l; i++)
		{
			el = this.pElementsCont.childNodes[i];
			if (!BX.hasClass(el, 'photo-item-cont'))
				continue;

			if(newIndex == this.curItemsCount - 1 && index == newIndex - 1)
			{
				// Last item
				this.pElementsCont.appendChild(this.ShowNewEmptyPlace());
				break;
			}

			if (index == newIndex)
			{
				// All items except last
				this.pElementsCont.insertBefore(this.ShowNewEmptyPlace(), el);
				break;
			}
			index++;
		}
	},

	GetItemById:function(id)
	{
		if (typeof this.ItemsIndex[id] != 'undefined' && this.Items[this.ItemsIndex[id]])
			return this.Items[this.ItemsIndex[id]];

		return false;
	},

	ShowNewEmptyPlace: function()
	{
		this.bFirstEmptyPlace = !this.bFirstEmptyPlace;

		if (!this.pNewEmptyPlace)
			this.pNewEmptyPlace = BX.create("DIV", {props: {className: "photo-new-empty-place"}, style: {width: '0px', height: this.thumbHeight + 'px'}});
		if (!this.pNewEmptyPlace2)
			this.pNewEmptyPlace2 = BX.create("DIV", {props: {className: "photo-new-empty-place svd"}, style: {width: '0px', height: this.thumbHeight + 'px'}});

		if (this.showNewEmpty)
			clearInterval(this.showNewEmpty);
		if (this.hideNewEmpty)
			clearInterval(this.hideNewEmpty);

		var
			risingCont = this.bFirstEmptyPlace ? this.pNewEmptyPlace : this.pNewEmptyPlace2,
			fadingCont = this.bFirstEmptyPlace ? this.pNewEmptyPlace2 : this.pNewEmptyPlace,
			dx = Math.round(this.thumbWidth * 10 / 5) / 10,
			count = 0,
			_this = this,
			maxW = this.thumbWidth,
			bClear = false;
			bClear1 = false;
			w = 0,
			w1 = fadingCont.parentNode ? (parseInt(fadingCont.style.width) || parseInt(fadingCont.offsetWidth)) : 0;

		if (!fadingCont.parentNode)
		{
			risingCont.style.width = maxW + 'px';
			bClear = bClear1 = true;
		}

		this.showNewEmpty = setInterval(function()
		{
			if (!bClear)
			{
				w += 1 * dx;
				if (w >= maxW)
				{
					w = maxW;
					bClear = true;
				}
				risingCont.style.width = w + 'px';
			}

			if (!bClear1)
			{
				w1 -= 1 * dx;
				if (w1 <= 0 )
				{
					w1 = 0;
					if (fadingCont.parentNode)
						fadingCont.parentNode.removeChild(fadingCont);
					bClear1 = true;
				}
				fadingCont.style.width = w1 + 'px';
			}

			if (bClear && bClear1)
				clearInterval(_this.showNewEmpty);

			count++;
		}, this.time);

		return risingCont;
	},

	DeleteItem: function(e)
	{
		// return BX.PreventDefault(e);
	},

	ActivateItem: function(e)
	{
		// return BX.PreventDefault(e);
	},

	CheckActionPostUrl: function()
	{
		if (!window['bxph_action_url_' + this.uniqueId] || this.actionPostUrl)
			return;

		if (top.oBXPhotoSlider && top.oBXPhotoSlider[this.uniqueId])
			top.oBXPhotoSlider[this.uniqueId].actionPostUrl = window['bxph_action_url_' + this.uniqueId];

		this.actionPostUrl = window['bxph_action_url_' + this.uniqueId];
	}
};

})(window);
/* End */
;