;
(function ()
{
	/**
	 * @requires module:mobileapp
	 * @module mobilelib
	 */
	if (window.BXMobileApp) return;

	var syncApiObject = function (objectName){
		this.objectName = objectName;

		try{
			this.object = eval(objectName);
		}catch(e) {
			this.object = null;
		}
	};

	syncApiObject.prototype.getFunc = function(command)
	{
		if(typeof (this.object) != "undefined" && this.object != null)
		{
			var that = this;
			return function()
			{
				return (function ()
				{
					if (typeof(that.object[command]) == "function")
					{
						var result = that.object[command].apply(that.object, arguments);

						if (BXMobileAppContext.getPlatform() == "android")
						{
							if (typeof(result) == "string")
							{
								var modifiedResult = null;
								try {
									modifiedResult = JSON.parse(result);
									result = modifiedResult;
								}
								catch (e)
								{
									//ignored
								}
							}
						}

						return result;
					}
					else
					{
						console.error(that.objectName+" error: function '"+command+"' not found");
						return false;
					}

				}).apply(that, arguments);
			};
		}

		return function(){

			console.error("Mobile Sync API: "+this.objectName+" is not defined",this);
		}

	};

	var _pageNavigator = new syncApiObject("BXMobileNavigator");

	window.BXMobileApp =
	{
		eventAddLog:{},
		debug:false,
		supportNativeEvents:function(){
			return app.enableInVersion(17);
		},
		apiVersion: (typeof appVersion != "undefined"? appVersion : 1),
		//platform: platform,
		cordovaVersion: "3.6.3",
		UI: {
			IOS: {
				flip: function ()
				{
					app.flipScreen()
				}
			},
			Slider: {
				state: { CENTER: 0, LEFT: 1, RIGHT: 2},
				setState: function (state)
				{
					switch (state)
					{
						case this.state.CENTER:
							app.openContent();
							break;
						case this.state.LEFT:
							app.openLeft();
							break;
						case this.state.RIGHT:
							app.exec("openRight");
							break;
						default ://to do nothing
					}
				},
				setStateEnabled: function (state, enabled)
				{
					switch (state)
					{
						case this.state.LEFT:
							app.enableSliderMenu(enabled);
							break;
						case this.state.RIGHT:
							app.exec("enableRight", enabled);
							break;
						default ://to do nothing
					}
				}
			},
			Photo: {
				show: function (params)
				{
					app.openPhotos(params);
				}
			},
			Document: {
				showCacheList: function (params)
				{
					app.showDocumentsCache(params);
				},
				open: function (params)
				{
					app.openDocument(params);
				}
			},
			DatePicker: {
				setParams: function (params)
				{
					if (typeof params == "object")
						this.params = params;
				},
				show: function (params)
				{
					this.setParams(params);
					app.showDatePicker(this.params);

				},
				hide: function ()
				{
					app.hideDatePicker();
				}
			},
			SelectPicker: {
				show: function (params)
				{
					app.showSelectPicker(params);
				},
				hide: function ()
				{
					app.hideSelectPicker();
				}
			},
			BarCodeScanner: {
				open: function (params)
				{
					app.openBarCodeScanner(params);
				}
			},
			NotifyPanel: {
				setNotificationNumber: function (number)
				{
					app.setCounters({notifications: number});
				},
				setMessagesNumber: function (number)
				{
					app.setCounters({messages: number});
				},
				setCounters: function (params)
				{
					app.setCounters(params);
				},
				refreshPage: function (pagename)
				{
					app.refreshPanelPage(pagename);
				},
				setPages: function (pages)
				{
					app.setPanelPages(pages);
				}
			},
			Badge: {
				/**
				 * Sets number fot badge
				 * @since 14
				 * @param {int} number value of badge
				 */
				setIconBadge: function (number)
				{
					app.exec("setBadge", number)
				},
				/**
				 * Sets number fot badge
				 * @since 14
				 * @param {string} badgeCode identifier of badge
				 * @param {int} number value of badge
				 */
				setButtonBadge: function (badgeCode, number)
				{
					app.exec("setButtonBadge", {
						code: badgeCode,
						value: number
					})
				}

			},
			types: {
				COMMON: 0,
				BUTTON: 1,
				PANEL: 2,
				TABLE: 3,
				MENU: 4,
				ACTION_SHEET: 5,
				NOTIFY_BAR: 6
			},
			parentTypes: {
				TOP_BAR: 0,
				BOTTOM_BAR: 1,
				SLIDING_PANEL: 2,
				UNKNOWN: 3
			}
		},
		PushManager: {
			getLastNotification: (new syncApiObject("BXMobileAppContext")).getFunc("getLastNotification"),
			prepareParams: function (push)
			{
				if (typeof (push) != 'object' || typeof (push.params) == 'undefined')
				{
					return {'ACTION': 'NONE'};
				}

				var result = {};
				try {
					result = JSON.parse(push.params);
				}
				catch (e)
				{
					result = {'ACTION': push.params};
				}

				return result;
			}
		},
		PageManager: {
			loadPageBlank: function (params)
			{
				/**
				 * Notice:
				 * use "bx24ModernStyle:true" to get new look of navigation bar
				 */
				app.loadPageBlank(params);
			},
			loadPageUnique: function (params)
			{
				if (typeof(params) != 'object')
					return false;

				/**
				 * Notice:
				 * use "bx24ModernStyle:true" to get new look of navigation bar
				 */

				params.unique = true;

				app.loadPageBlank(params);

				if (typeof(params.data) == 'object')
				{
					BXMobileApp.onCustomEvent("onPageParamsChangedLegacy", {url: params.url, data: params.data}, true, true);
				}

				return true;
			},
			loadPageStart: function (params)
			{
				app.loadPageStart(params);
			},
			loadPageModal: function (params)
			{
				app.showModalDialog(params)
			},
			/**
			 * Set white list for allowed urls which can be opened inside the app.
			 * Use semicolon as separator.
			 * Example1: "*.mydomain.ru;*mydomain2.ru"
			 * Example2: "https*"
			 * Example2: "*" (wild card)
			 * @param whiteListString
			 */
			setWhiteList: function(whiteListString)
			{
				_pageNavigator.getFunc("setWhiteList")(whiteListString);
			},
			/**
			 * @private
			 * @param data
			 * @returns {BXMobilePage}
			 */
			createPage: function (data)
			{
				return new (function BXMobilePage(pageData)
				{
					this.pageData = pageData;
					this.getData = function ()
					{
						return this.pageData.data;
					};

					this.go = function ()
					{
						BXMobileApp.PageManager.goToPageWithUniqueCode(this.pageData.uniqueCode);
					};

					this.getListeners = function ()
					{
						return this.pageData.listeners;
					}

				})(data);
			},
			getAllPages: function ()
			{
				var pages = [];
				var _pages = _pageNavigator.getFunc("getAllPages")();

				for (var i = 0; i < _pages.length; i++)
				{
					pages.push(this.createPage(_pages[i]));

				}

				return pages;
			},
			getCurrent: function ()
			{
				var pageData = _pageNavigator.getFunc("getCurrent")();
				if (pageData)
				{
					return this.createPage(pageData);
				}

				return null;
			},
			getPrevious: function ()
			{
				var pageData = _pageNavigator.getFunc("getPrevious")();
				if (pageData)
				{
					return this.createPage(pageData);
				}

				return null;
			},
			goToFirst: _pageNavigator.getFunc("goToFirst"),
			goBack: _pageNavigator.getFunc("goBack"),
			goToPageWithId: _pageNavigator.getFunc("goToPageWithId"),
			goToPageWithUniqueCode: _pageNavigator.getFunc("goToPageWithUniqueCode"),
			isFirst: _pageNavigator.getFunc("isFirst"),
			isLast: _pageNavigator.getFunc("isLast"),
			isVisible: _pageNavigator.getFunc("isVisible")

		},
		TOOLS: {
			extend: function (child, parent)
			{
				var f = function ()
				{
				};
				f.prototype = parent.prototype;

				child.prototype = new f();
				child.prototype.constructor = child;

				child.superclass = parent.prototype;
				if (parent.prototype.constructor == Object.prototype.constructor)
				{
					parent.prototype.constructor = parent;
				}
			},
			merge: function (obj1, obj2)
			{

				for (var key in obj1)
				{
					if (typeof obj2[key] != "undefined")
					{
						obj1[key] = obj2[key];
					}
				}

				return obj1;
			}

		},
		Events: {
			/**
			 * Subscribes to the event
			 * @param eventName
			 */
			list:[],
			subscribe: function (eventName)
			{
				this.list.push(eventName);
				app.exec("subscribeEvent", {eventName: eventName});
			},
			/**
			 * Unsubscribe from the event
			 * @param eventName
			 */
			unsubscribe: function (eventName)
			{
				var index;
				if (index = this.list.indexOf(eventName) >= 0)
				{
					delete this.list[index];
				}

				app.exec("unsubscribeEvent", {eventName: eventName});
			},
			/**
			 * Post javascript event for all subscribers.
			 * It calls BX.onCustomEvent(eventName,params) on all pages which have subscribed to the event
			 * @param eventName
			 * @param params
			 * @returns {boolean}
			 */
			post: function (eventName, params)
			{
				if (app.enableInVersion(17))
				{
					if (typeof(params) == "object")
						params = JSON.stringify(params);
					app.exec("fireEvent", {
						eventName: eventName,
						params: params
					}, false);

					return true;
				}

				return false;
			},
			addEventListener: function (eventObject, eventName, listener)
			{
				BXMobileApp.addCustomEvent(eventObject, eventName,listener)
			}
		},
		/**
		 *
		 * @param {string} eventName - the event name
		 * @param  params - parameters which will be passed to event handler
		 * @param {boolean} [useNativeSubscription] - use native subscription. <b>false</b> by default
		 * @param {boolean} [fireSelf] - the event will be fired on this page. <b>false</b> false by default
		 */
		onCustomEvent: function (eventName, params, useNativeSubscription, fireSelf)
		{
			var oldVersion = true;
			if(this.supportNativeEvents() && useNativeSubscription)
			{
				oldVersion = false;
				BXMobileApp.Events.post(eventName, params);

				if(fireSelf)
				{
					BX.onCustomEvent(eventName, BX.type.isArray(params)? params:[params])
				}
			}
			else
			{
				app.onCustomEvent(eventName, params, false, false)
			}

			if(BXMobileApp.debug)
				console.log("Fire event"+(oldVersion ?" (old)":""), eventName, location.href);

		},

		addCustomEvent: function (eventObject, eventName, listener)
		{
			/* shift parameters for short version */
			if (BX.type.isString(eventObject))
			{
				listener = eventName;
				eventName = eventObject;
				eventObject = window;
			}

			if(BXMobileApp.debug)
			{
				if(typeof BXMobileApp.eventAddLog[eventName] == "undefined")
				{
					BXMobileApp.eventAddLog[eventName] = [];
				}

				BXMobileApp.eventAddLog[eventName].push(function getStackTrace(){
					var obj = {};
					if(Error && Error["captureStackTrace"])
					{
						Error.captureStackTrace(obj, getStackTrace);
						return {stack: obj.stack, eventObject:eventObject, listener: listener};
					}
					return {eventObject: eventObject, listener: listener};
				}());

				BX.addCustomEvent(eventName,function(){
					console.log("Event has been caught", eventName);
				});
			}

			BXMobileApp.Events.subscribe(eventName);
			BX.addCustomEvent(eventObject, eventName, listener);
		}

	};

//--->Base UI element
	BXMobileApp.UI.Element = function (id, params)
	{
		this.id = (typeof id == "undefined")
			? this.type + "_" + Math.random()
			: id;
		this.parentId = ((params.parentId) ? params.parentId : BXMobileApp.UI.UNKNOWN);
		this.isCreated = false;
		this.isShown = false;
	};

	BXMobileApp.UI.Element.prototype.onCreate = function ()
	{
		this.isCreated = true;
		if (this.isShown)
		{
			app.exec("show", {type: this.type, id: this.id});
		}
	};

	BXMobileApp.UI.Element.prototype.getIdentifiers = function ()
	{
		return {
			id: this.id,
			type: this.type,
			parentId: this.parentId
		};
	};

	BXMobileApp.UI.Element.prototype.show = function ()
	{
		this.isShown = true;
		if (this.isCreated)
		{
			app.exec("show", {type: this.type, id: this.id});
		}
	};

	BXMobileApp.UI.Element.prototype.hide = function ()
	{
		this.isShown = false;
		app.exec("hide", {type: this.type, id: this.id});
	};

	BXMobileApp.UI.Element.prototype.destroy = function ()
	{
		//TODO destroy object
	};

	/**
	 * Button class
	 * @param id
	 * @param params
	 * @constructor
	 */
	BXMobileApp.UI.Button = function (id, params)
	{
		this.params = params;
		BXMobileApp.UI.Button.superclass.constructor.apply(this, [id, params]);
	};

	BXMobileApp.TOOLS.extend(BXMobileApp.UI.Button, BXMobileApp.UI.Element);
	BXMobileApp.UI.Button.prototype.setBadge = function (number)
	{
		if (this.params.badgeCode)
		{
			BXMobileApp.UI.Badge.setButtonBadge(this.params.badgeCode, number);
		}
	};

	BXMobileApp.UI.Button.prototype.remove = function ()
	{
		app.removeButtons(this.params);
	};

	/**
	 * Menu class
	 * @param params - the set of options
	 * @config {array} items - array of menu items
	 * @config {bool} useNavigationBarColor - color of navigation bar will be apply
	 * as a background color for the page menu. false by default
	 *
	 * @param id
	 * @constructor
	 */
	BXMobileApp.UI.Menu = function (params, id)
	{
		this.items = params.items;
		this.type = BXMobileApp.UI.types.MENU;
		BXMobileApp.UI.Menu.superclass.constructor.apply(this, [id, params]);
		app.menuCreate({items: this.items, useNavigationBarColor: params["useNavigationBarColor"]});
	};
	BXMobileApp.TOOLS.extend(BXMobileApp.UI.Menu, BXMobileApp.UI.Element);

	BXMobileApp.UI.Menu.prototype.show = function ()
	{
		app.menuShow();
	};

	BXMobileApp.UI.Menu.prototype.hide = function ()
	{
		app.menuHide();
	};

	/**
	 * @since 14
	 * @param params - params object
	 * @config {string} [message] - text of notification
	 * @config {string} [groupId] - identifier of group ("common" by default)
	 * @config {string} [color] - background color (hex, alpha is supported)
	 * @config {string} [textColor] - color of text (hex, alpha is supported)
	 * @config {string} [loaderColor] - loader color (hex, alpha is supported)
	 * @config {string} [bottomBorderColor] - color of bottom border (hex, alpha is supported)
	 * @config {int} [indicatorHeight] - max height of indicator container (image or loader)
	 * @config {int} [maxLines] - max number of lines
	 * @config {boolean} [useLoader] - (false/true) loading indicator will be used
	 * @config {string} [imageURL] - link to the image file which will be used as indicator
	 * @config {string} [iconName] - name of image in application resources which will be used as indicator
	 * @config {string} [imageBorderRadius] - border radius of the indicator in %
	 * @config {string} [align] - alignment of content (indicator+text), "left"|"center"
	 * @config {boolean} [useCloseButton] - close button will be displayed at the right side of the notification
	 * @config {int} [autoHideTimeout] - auto close timeout (for example 2000 ms)
	 * @config {boolean} [hideOnTap] - the notification will be close if user tapped on it.
	 * @config {function} [onHideAfter] - the function which will be called after the notification has closed
	 * @config {function} [onTap] - the function which will when user has tapped on the notification
	 * @config {object} [extra] - custom data, it will be passed to the onTap and onHideAfter
	 * @config {boolean} [isGlobal] - global notification flag
	 * @param {string} id - identifier of the notification
	 * @constructor
	 *
	 */
	BXMobileApp.UI.NotificationBar = function (params, id)
	{
		this.params = BXMobileApp.TOOLS.merge(params, {});
		this.type = BXMobileApp.UI.types.NOTIFY_BAR;

		BXMobileApp.UI.NotificationBar.superclass.constructor.apply(this, [id, params]);
		var addParams = this.params;
		addParams["id"] = this.id;
		addParams["onCreate"] = BX.proxy(function (params)
		{
			this.onCreate(params)
		}, this);
		app.exec("notificationBar",
			{
				action: "add",
				params: addParams

			});
	};
	BXMobileApp.TOOLS.extend(BXMobileApp.UI.NotificationBar, BXMobileApp.UI.Element);

	BXMobileApp.UI.NotificationBar.prototype.onCreate = function (json)
	{
		this.isCreated = true;
		if (this.isShown)
		{
			app.exec("notificationBar", {action: "show", params: this.params});
		}
	};

	BXMobileApp.UI.NotificationBar.prototype.show = function ()
	{
		if (this.isCreated)
		{
			app.exec("notificationBar", {action: "show", params: this.params});
		}

		this.isShown = true;
	};

	BXMobileApp.UI.NotificationBar.prototype.hide = function ()
	{
		if (this.isShown)
		{
			app.exec("notificationBar", {action: "hide", params: this.params});
		}

		this.isShown = false;
	};

	/**
	 * ActionSheet class
	 * @param params main parameters
	 * @config {string} title title of action sheet
	 * @config {object} buttons set of button
	 *
	 * @example
	 * <code>
	 * Format of button item:
	 * {
	 *      title: "Title"
	 *      callback:function(){
	 *          //do something
	 *      }
	 * }
	 * </code>
	 *
	 * @param id unique identifier

	 * @constructor
	 */
	BXMobileApp.UI.ActionSheet = function (params, id)
	{

		this.items = params.buttons;
		this.title = (params.title ? params.title : "");
		this.type = BXMobileApp.UI.types.ACTION_SHEET;
		BXMobileApp.UI.ActionSheet.superclass.constructor.apply(this, [id, params]);
		app.exec("createActionSheet", {
			"onCreate": BX.proxy(function (sheet)
			{
				this.onCreate(sheet);
			}, this),
			id: this.id,
			title: this.title,
			buttons: this.items
		});
	};

	BXMobileApp.TOOLS.extend(BXMobileApp.UI.ActionSheet, BXMobileApp.UI.Element);

	BXMobileApp.UI.ActionSheet.prototype.show = function ()
	{
		if (this.isCreated)
		{
			app.exec("showActionSheet", {"id": this.id});
		}
		this.isShown = true;
	};

	BXMobileApp.UI.ActionSheet.prototype.onCreate = function (json)
	{
		this.isCreated = true;
		if (this.isShown)
		{
			app.exec("showActionSheet", {"id": this.id});
		}
	};

	/**
	 * Table class
	 * @param id
	 * @param params
	 * @constructor
	 */
	BXMobileApp.UI.Table = function (params, id)
	{
		this.params = {
			table_id: id,
			url: params.url || "",
			isroot: false,

			TABLE_SETTINGS: {
				callback: function ()
				{
				},
				markmode: false,
				modal: false,
				multiple: false,
				okname: "OK",
				cancelname: "Cancel",
				showtitle: false,
				alphabet_index: false,
				selected: {},
				button: {}
			}
		};

		this.params.table_settings = this.params.TABLE_SETTINGS;

		this.params = BXMobileApp.TOOLS.merge(this.params, params);
		this.params.type = BXMobileApp.UI.types.TABLE;
		BXMobileApp.UI.Table.superclass.constructor.apply(this, [id, params]);
	};

	BXMobileApp.TOOLS.extend(BXMobileApp.UI.Table, BXMobileApp.UI.Element);

	BXMobileApp.UI.Table.prototype.show = function ()
	{
		app.openBXTable(this.params);
	};

	BXMobileApp.UI.Table.prototype.useCache = function (cacheEnable)
	{
		this.params.TABLE_SETTINGS.cache = cacheEnable || false;
	};

	BXMobileApp.UI.Table.prototype.useAlphabet = function (useAlphabet)
	{
		this.params.TABLE_SETTINGS.alphabet_index = useAlphabet || false;
	};

	BXMobileApp.UI.Table.prototype.setModal = function (modal)
	{
		this.params.TABLE_SETTINGS.modal = modal || false;
	};

	BXMobileApp.UI.Table.prototype.clearCache = function ()
	{
		return app.exec("removeTableCache", {"table_id": this.id});
	};

	/**
	 * Page object
	 * @name BXMPage
	 */
	BXMobileApp.UI.Page =
	{
		isVisible: function (params)
		{
			app.exec("checkOpenStatus", params);
		},
		reload: function ()
		{
			app.reload();
		},
		reloadUnique: function ()
		{
			BXMobileApp.UI.Page.params.get({
				callback: function (data)
				{

					BX.localStorage.set('mobileReloadPageData', {url: location.pathname + location.search, data: data});
					app.reload();
				}
			});
		},
		close: function (params)
		{
			app.closeController(params)
		},
		closeModalDialog:function(){
			app.exec("closeModalDialog");
		},
		captureKeyboardEvents: function (enable)
		{
			app.enableCaptureKeyboard(!((typeof enable == "boolean" && enable === false)))
		},
		setId: function (id)
		{
			app.setPageID(id);
		},
		/**
		 *
		 * @returns {BXMPage.TopBar.title|{params, timeout, isAboutToShow, show, hide, setImage, setText, setDetailText, setCallback, redraw, _applyParams}}
		 */
		getTitle: function ()
		{
			return this.TopBar.title;
		},
		params: {
			set: function (params)
			{
				app.changeCurPageParams(params);
			},
			get: function (params)
			{
				var data = BX.localStorage.get('mobileReloadPageData');
				if (data && data.url == location.pathname + location.search && params.callback)
				{
					BX.localStorage.remove('mobileReloadPageData');
					params.callback(data.data);
				}
				else {
					app.getPageParams(params);
				}
			}
		},
		TopBar: {
			show: function ()
			{
				app.visibleNavigationBar(true);
			},
			hide: function ()
			{
				app.visibleNavigationBar(false);
			},
			/**
			 * @since 14
			 * @param colors colors for the elements of top bar
			 * @config {string} [background] color of top bar
			 * @config {string} [titleText] color of title text
			 * @config {string} [titleDetailText] color of  subtitle text
			 */
			setColors: function (colors)
			{
				app.exec("setTopBarColors", colors);
			},
			addRightButton: function (button)
			{
				app.addButtons({
					"rightButton": button
				});
			},
			/**
			 * Updates buttons
			 * @since 14
			 * @param {object} buttons
			 */
			updateButtons: function (buttons)
			{
				this.buttons = buttons;
				app.addButtons(buttons);
			},
			title: {
				params: {
					imageUrl: "",
					text: "",
					detailText: "",
					callback: ""
				},
				timeout: 0,
				isAboutToShow: false,
				show: function ()
				{
					this.isAboutToShow = (this.timeout > 0);

					if (!this.isAboutToShow)
					{
						clearTimeout(this.showTitleTimeout);
						this.showTitleTimeout = setTimeout(function ()
						{
							app.titleAction("show");
						}, 300)
					}
				},
				hide: function ()
				{
					app.titleAction("hide")
				},
				setImage: function (imageUrl)
				{
					this.params.imageUrl = imageUrl;
					this.redraw();
				},
				setText: function (text)
				{
					this.params.text = text;
					this.redraw();
				},
				setDetailText: function (text)
				{
					this.params.detailText = text;
					this.redraw();
				},
				setCallback: function (callback)
				{
					this.params.callback = callback;
					this.redraw();
				},
				redraw: function ()
				{
					if (this.timeout > 0)
						clearTimeout(this.timeout);

					this.timeout = setTimeout(BX.proxy(this._applyParams, this), 200);
				},
				_applyParams: function ()
				{
					app.titleAction("setParams", this.params);
					this.timeout = 0;

					if (this.isAboutToShow)
						this.show()
				}
			}
		},
		SlidingPanel: {
			buttons: {},
			hide: function ()
			{
				app.hideButtonPanel();
			},
			/**
			 * Shows additional panel under navigation bar.
			 * @param params - params object
			 * @config {object} buttons - object of buttons
			 * @config {boolean} hidden_buttons_panel - (true/false) use this to control on visibility of panel while scrolling
			 */
			show: function (params)
			{
				app.showSlidingPanel(params);
			},
			addButton: function (buttonObject)
			{
				//TODO
			},
			removeButton: function (buttonId)
			{
				//TODO
			}
		},
		Refresh: {
			//on|off pull down action on the current page
			//params.pulltext, params.downtext, params.loadtext
			//params.callback - action on pull-down-refresh
			//params.enable - true|false
			params: {
				enable: false,
				callback: false,
				pulltext: "Pull to refresh",
				downtext: "Release to refresh",
				loadtext: "Loading...",
				timeout: "60"
			},
			setParams: function (params)
			{
				this.params.pulltext = (params.pullText ? params.pullText : this.params.pulltext);
				this.params.downtext = (params.releaseText ? params.releaseText : this.params.downtext);
				this.params.loadtext = (params.loadText ? params.loadText : this.params.loadtext);
				this.params.callback = (params.callback ? params.callback : this.params.callback);
				this.params.enable = (typeof params.enabled == "boolean" ? params.enabled : this.params.enable);
				this.params.timeout = (params.timeout ? params.timeout : this.params.timeout);
				app.pullDown(this.params);
			},
			setEnabled: function (enabled)
			{
				this.params.enable = (typeof enabled == "boolean" ? enabled : this.params.enable);
				app.pullDown(this.params);
			},
			start: function ()
			{
				app.exec("pullDownLoadingStart");
			},
			stop: function ()
			{
				app.exec("pullDownLoadingStop");
			}

		},
		BottomBar: {
			buttons: {},
			show: function ()
			{
				//TODO
			},
			hide: function ()
			{
				//TODO
			},
			addButton: function (buttonObject)
			{
				//TODO
			}
		},
		PopupLoader: {
			show: function (text)
			{
				app.exec("showPopupLoader", {text: text})
			},
			hide: function ()
			{
				app.exec("hidePopupLoader");
			}
		},
		LoadingScreen: {
			show: function ()
			{
				app.showLoadingScreen();
			},
			hide: function ()
			{
				app.hideLoadingScreen();
			},
			setEnabled: function (enabled)
			{
				app.enableLoadingScreen(!((typeof enabled == "boolean" && enabled === false)))
			}
		},
		TextPanel: {
			defaultParams: {
				placeholder: "Text here...",
				button_name: "Send",
				mentionDataSource: {},
				action: function ()
				{
				},
				smileButton: {},
				plusAction: "",
				callback: "-1",
				useImageButton: true
			},
			params: {},
			isAboutToShow: false,
			temporaryParams: {},
			timeout: 0,
			setParams: function (params)
			{
				if (typeof(params) == "undefined" && this.params == {})
				{
					this.params = this.defaultParams;
				}
				else {
					this.params = params;
				}

				if (this.isAboutToShow)
				{
					this.redraw();
				}
			},
			show: function (params)
			{
				if (typeof params == "object" && params != null)
				{
					this.setParams(params);
				}
				else if (this.params == {})
				{
					this.params = this.defaultParams;
				}

				var showParams = this.getParams();
				if (!this.isAboutToShow)
				{
					for (var key in this.temporaryParams)
					{
						showParams[key] = this.temporaryParams[key];
					}

					this.temporaryParams = {};
				}

				if (BXMobileApp.apiVersion >= 10)
				{
					clearTimeout(this.showTimeout);
					this.showTimeout = setTimeout(function ()
					{
						app.textPanelAction("show", showParams);
					}, 100)

				}
				else {

					delete showParams['text'];
					app.showInput(showParams);
				}

				this.isAboutToShow = true;
			},
			hide: function ()
			{
				if (BXMobileApp.apiVersion >= 10)
					app.textPanelAction("hide");
				else
					app.hideInput();
			},
			focus: function ()
			{
				if (BXMobileApp.apiVersion >= 10)
					app.textPanelAction("focus", this.getParams());
			},
			clear: function ()
			{
				if (BXMobileApp.apiVersion >= 10)
					app.textPanelAction("clear", this.getParams());
				else
					app.clearInput();

			},
			setUseImageButton: function (use)
			{
				this.params["useImageButton"] = !((typeof use == "boolean" && use === false));
				this.redraw();
			},
			setAction: function (callback)
			{
				this.params["action"] = callback;
				this.redraw();
			},
			setText: function (text)
			{
				if (!this.isAboutToShow)
				{
					this.temporaryParams["text"] = text;
				}
				else {

					var params = app.clone(this.params, true);
					params["text"] = text;
					app.textPanelAction("setParams", params);
				}
			},
			getText: function (callback)
			{
				app.textPanelAction("getText", {callback: callback});
			},
			showLoading: function (shown)
			{
				app.showInputLoading(shown);
			},
			getParams: function ()
			{
				var params = {};
				for (var key in this.params)
				{
					params[key] = this.params[key]
				}

				return params;
			},
			redraw: function ()
			{
				if (this.timeout > 0)
					clearTimeout(this.timeout);

				this.timeout = setTimeout(BX.proxy(this._applyParams, this), 100);
			},
			_applyParams: function ()
			{
				app.textPanelAction("setParams", this.params);
				this.timeout = 0;

				if (this.isAboutToShow)
					this.show()
			}

		},
		Scroll: {
			setEnabled: function (enabled)
			{
				app.enableScroll(enabled);
			}
		}

	};


	//websocket override

	window.__origWebSocket = WebSocket;
	var websocketPlugin = window.websocketPlugin = new BXCordovaPlugin("WebSocketCordovaPlugin");
	window.websocketPlugin.open = function(){
		this.exec("open");
	};
	window.websocketPlugin.close = function(code, message){
		this.exec("close",{code: code, reason:message});
	};
	window.websocketPlugin.init = function(config){
		this.exec("init", config);
	};

	if(typeof BXMobileAppContext != "undefined" && BXMobileAppContext["useNativeWebSocket"])
	{
		window.WebSocket = function(server)
		{
			this.open =  BX.proxy(websocketPlugin.open, websocketPlugin);
			this.close =  BX.proxy(websocketPlugin.close, websocketPlugin);

			var onSocketClosed = BX.proxy(function (data)
			{
				if(typeof this.onclose == "function")
				{
					this.onclose(data);
				}
			}, this);

			var onSocketOpened = BX.proxy(function (data)
			{
				if(typeof this.onopen == "function")
				{
					this.onopen(data);
				}
			},this);

			var onSocketMessage = BX.proxy(function (data)
			{
				if(typeof this.onmessage == "function")
				{
					this.onmessage(data);
				}
			},this);
			var onSocketError = BX.proxy(function (data)
			{
				if(typeof this.onerror == "function")
				{
					this.onerror(data);
				}
			},this);


			websocketPlugin.init({
				server:server,
				onmessage:onSocketMessage,
				onclose:onSocketClosed,
				onopen:onSocketOpened,
				onerror:onSocketError
			});
		};
	}

	//Short aliases

	/**
	 *
	 * @type {*|{topBar: {show: Function, hide: Function, buttons: {}, addRightButton: Function, addLeftButton: Function, title: {show: Function, hide: Function, setImage: Function, setText: Function, setDetailText: Function}}, slidingPanel: {buttons: {}, hide: {}, show: {}, addButton: Function, removeButton: Function}, refresh: {params: {enable: boolean, callback: boolean, pulltext: string, downtext: string, loadtext: string}, setParams: Function, setEnabled: Function, start: Function, stop: Function}, bottomBar: {show: Function, hide: Function, buttons: {}, addButton: Function}, menus: {items: {}, create: Function, get: Function, update: Function}}}
	 */
	window.BXMPage = BXMobileApp.UI.Page;
	/**
	 * @type {Window.BXMobileApp.UI.Slider|{state, setState, setStateEnabled}}
	 */
	window.BXMSlider = BXMobileApp.UI.Slider;
	/**
	 * @type {Window.BXMobileApp.UI|{IOS, Slider, Photo, Document, DatePicker, SelectPicker, BarCodeScanner, NotifyPanel, Badge, types, parentTypes}}
	 */
	window.BXMUI = BXMobileApp.UI;
	/**
	 * @type {Window.BXMobileApp.PageManager|{loadPageBlank, loadPageUnique, loadPageStart, loadPageModal}}
	 */
	window.BXMPager = BXMobileApp.PageManager;

})();