Initial commit

[perso/Immae/Projets/packagist/connexionswing-ckeditor-component.git] / sources / plugins / wsc / dialogs / wsc.js

/**\r
 * @license Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.\r
 * For licensing, see LICENSE.html or http://ckeditor.com/license\r
 */\r
 (function() {\r
  // Create support tools\r
 var appTools = (function(){\r
 	var inited = {};\r
\r
 	var _init = function(handler) {\r
		if (window.addEventListener) {\r
			window.addEventListener('message', handler, false);\r
		} else {\r
			window.attachEvent("onmessage", handler);\r
		}\r
	};\r
\r
	var unbindHandler = function(handler) {\r
		if (window.removeEventListener) {\r
			window.removeEventListener('message', handler, false);\r
		} else {\r
			window.detachEvent('onmessage', handler);\r
		}\r
	};\r
\r
	var _sendCmd = function(o) {\r
		var str,\r
			type = Object.prototype.toString,\r
			objObject = "[object Object]",\r
			fn = o.fn || null,\r
			id = o.id || '',\r
			target = o.target || window,\r
			message = o.message || {\r
				'id': id\r
			};\r
\r
		if (o.message && type.call(o.message) == objObject) {\r
			(o.message.id) ? o.message.id : o.message.id = id;\r
			message = o.message;\r
		}\r
\r
		str = window.JSON.stringify(message, fn);\r
		target.postMessage(str, '*');\r
	};\r
\r
	var _hashCreate = function(o, fn) {\r
		fn = fn || null;\r
		var str = window.JSON.stringify(o, fn);\r
		return str;\r
	};\r
\r
	var _hashParse = function(str, fn) {\r
		fn = fn || null;\r
		return window.JSON.parse(str, fn);\r
	};\r
\r
	var setCookie = function(name, value, options) {\r
	  options = options || {};\r
\r
	  var expires = options.expires;\r
\r
	  if (typeof expires == "number" && expires) {\r
	    var d = new Date();\r
	    d.setTime(d.getTime() + expires*1000);\r
	    expires = options.expires = d;\r
	  }\r
	  if (expires && expires.toUTCString) {\r
	  	options.expires = expires.toUTCString();\r
	  }\r
\r
	  value = encodeURIComponent(value);\r
	  var updatedCookie = name + "=" + value;\r
\r
	  for(var propName in options) {\r
	  	var propValue = options[propName];\r
	    	updatedCookie += "; " + propName;\r
	    if (propValue !== true) {\r
			updatedCookie += "=" + propValue;\r
		}\r
	  }\r
	  document.cookie = updatedCookie;\r
	};\r
\r
	var getCookie = function(name) {\r
	  var matches = document.cookie.match(new RegExp(\r
	    "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"\r
	  ));\r
	  return matches ? decodeURIComponent(matches[1]) : undefined;\r
	};\r
\r
	var deleteCookie = function(name) {\r
	  setCookie(name, "", { expires: -1 });\r
	};\r
\r
	var findFocusable = function(ckEl) {\r
		var result = null,\r
			focusableSelectors = 'a[href], area[href], input, select, textarea, button, *[tabindex], *[contenteditable]';\r
\r
		if(ckEl) {\r
			result = ckEl.find(focusableSelectors);\r
		}\r
\r
		return result;\r
	};\r
\r
	var getStyle = function(el, prop) {\r
		if(document.defaultView && document.defaultView.getComputedStyle) {\r
			return document.defaultView.getComputedStyle(el, null)[prop];\r
		} else if(el.currentStyle) {\r
			return el.currentStyle[prop];\r
		} else {\r
			return el.style[prop];\r
		}\r
	};\r
\r
	var isHidden = function(el) {\r
		return el.offsetWidth === 0 || el.offsetHeight == 0 || getStyle(el, 'display') === 'none';\r
	};\r
\r
	var isVisible = function(el) {\r
		return !isHidden(el);\r
	};\r
\r
	var hasClass = function (obj, cname) {\r
		return !!(obj.className ? obj.className.match(new RegExp('(\\s|^)'+cname+'(\\s|$)')) : false);\r
	};\r
\r
	return {\r
		postMessage: {\r
			init: _init,\r
			send: _sendCmd,\r
			unbindHandler: unbindHandler\r
		},\r
		hash: {\r
			create: function() {\r
\r
			},\r
\r
			parse: function() {\r
\r
			}\r
		},\r
		cookie: {\r
			set: setCookie,\r
			get: getCookie,\r
			remove: deleteCookie\r
		},\r
		misc: {\r
			findFocusable: findFocusable,\r
			isVisible: isVisible,\r
			hasClass: hasClass\r
		}\r
	};\r
 })();\r
\r
	var NS = NS || {};\r
		NS.TextAreaNumber = null;\r
		NS.load = true;\r
		NS.cmd = {\r
			"SpellTab": 'spell',\r
			"Thesaurus": 'thes',\r
			"GrammTab": 'grammar'\r
		};\r
		NS.dialog = null;\r
		NS.optionNode = null;\r
		NS.selectNode = null;\r
		NS.grammerSuggest = null;\r
		NS.textNode = {};\r
		NS.iframeMain = null;\r
		NS.dataTemp = '';\r
		NS.div_overlay = null;\r
		NS.textNodeInfo = {};\r
		NS.selectNode = {};\r
		NS.selectNodeResponce = {};\r
		NS.langList = null;\r
		NS.langSelectbox = null;\r
		NS.banner = '';\r
		NS.show_grammar = null;\r
		NS.div_overlay_no_check = null;\r
		NS.targetFromFrame = {};\r
		NS.onLoadOverlay = null;\r
		NS.LocalizationComing = {};\r
		NS.OverlayPlace = null;\r
		NS.sessionid = '';\r
		NS.LocalizationButton = {\r
			'ChangeTo_button': {\r
				'instance' : null,\r
				'text' : 'Change to',\r
				'localizationID': 'ChangeTo'\r
			},\r
\r
			'ChangeAll': {\r
				'instance' : null,\r
				'text' : 'Change All'\r
			},\r
\r
			'IgnoreWord': {\r
				'instance' : null,\r
				'text' : 'Ignore word'\r
			},\r
\r
			'IgnoreAllWords': {\r
				'instance' : null,\r
				'text' : 'Ignore all words'\r
			},\r
\r
			'Options': {\r
				'instance' : null,\r
				'text' : 'Options',\r
				'optionsDialog': {\r
					'instance' : null\r
				}\r
			},\r
\r
			'AddWord': {\r
				'instance' : null,\r
				'text' : 'Add word'\r
			},\r
\r
			'FinishChecking_button': {\r
				'instance' : null,\r
				'text' : 'Finish Checking',\r
				'localizationID': 'FinishChecking'\r
			},\r
\r
			'FinishChecking_button_block': {\r
				'instance' : null,\r
				'text' : 'Finish Checking',\r
				'localizationID': 'FinishChecking'\r
			}\r
		};\r
\r
		NS.LocalizationLabel = {\r
			'ChangeTo_label': {\r
				'instance' : null,\r
				'text' : 'Change to',\r
				'localizationID': 'ChangeTo'\r
			},\r
\r
			'Suggestions': {\r
				'instance' : null,\r
				'text' : 'Suggestions'\r
			},\r
\r
			'Categories': {\r
				'instance' : null,\r
				'text' : 'Categories'\r
			},\r
\r
			'Synonyms': {\r
				'instance' : null,\r
				'text' : 'Synonyms'\r
			}\r
		};\r
\r
	var SetLocalizationButton = function(obj) {\r
		var el, localizationID;\r
\r
		for(var i in obj) {\r
			el = NS.dialog.getContentElement(NS.dialog._.currentTabId, i);\r
\r
			if(el) {\r
				el = el.getElement();\r
			} else {\r
				el = obj[i].instance.getElement().getFirst() || obj[i].instance.getElement();\r
			}\r
\r
			localizationID = obj[i].localizationID || i;\r
			el.setText(NS.LocalizationComing[localizationID]);\r
		}\r
	};\r
\r
	var SetLocalizationLabel = function(obj) {\r
		var el, localizationID;\r
\r
		for(var i in obj) {\r
			el = NS.dialog.getContentElement(NS.dialog._.currentTabId, i);\r
\r
			if(!el) {\r
				el = obj[i].instance;\r
			}\r
\r
			if(el.setLabel) {\r
				localizationID = obj[i].localizationID || i;\r
				el.setLabel(NS.LocalizationComing[localizationID] + ':');\r
			}\r
		}\r
	};\r
	var OptionsConfirm = function(state) {\r
		if (state) {\r
			nameNode.setValue('');\r
		}\r
	};\r
\r
	var iframeOnload = false;\r
	var nameNode, selectNode, frameId;\r
\r
	NS.framesetHtml = function(tab) {\r
		var str = '<iframe id=' + NS.iframeNumber + '_' + tab + ' frameborder="0" allowtransparency="1" style="width:100%;border: 1px solid #AEB3B9;overflow: auto;background:#fff; border-radius: 3px;"></iframe>';\r
		return str;\r
	};\r
\r
	NS.setIframe = function(that, nameTab) {\r
		var iframe,\r
			str = NS.framesetHtml(nameTab),\r
			iframeId = NS.iframeNumber + '_' + nameTab,\r
			// tmp.html from wsc/dialogs\r
			iframeInnerHtml =\r
				'<!DOCTYPE html>' +\r
				'<html>' +\r
					'<head>' +\r
						'<meta charset="UTF-8">' +\r
						'<title>iframe</title>' +\r
\r
						'<style>' +\r
							'html,body{' +\r
								'margin: 0;' +\r
								'height: 100%;' +\r
								'font: 13px/1.555 "Trebuchet MS", sans-serif;' +\r
							'}' +\r
							'a{' +\r
							    'color: #888;' +\r
							    'font-weight: bold;' +\r
							    'text-decoration: none;' +\r
							    'border-bottom: 1px solid #888;' +\r
							'}' +\r
							'.main-box {' +\r
								'color:#252525;' +\r
								'padding: 3px 5px;' +\r
								'text-align: justify;' +\r
							'}' +\r
							'.main-box p{margin: 0 0 14px;}' +\r
							'.main-box .cerr{' +\r
							    'color: #f00000;' +\r
							    'border-bottom-color: #f00000;' +\r
							'}' +\r
						'</style>' +\r
					'</head>' +\r
					'<body>' +\r
						'<div id="content" class="main-box"></div>' +\r
						'<iframe src="" frameborder="0" id="spelltext" name="spelltext" style="display:none; width: 100%" ></iframe>' +\r
						'<iframe src="" frameborder="0" id="loadsuggestfirst" name="loadsuggestfirst" style="display:none; width: 100%" ></iframe>' +\r
						'<iframe src="" frameborder="0" id="loadspellsuggestall" name="loadspellsuggestall" style="display:none; width: 100%" ></iframe>' +\r
						'<iframe src="" frameborder="0" id="loadOptionsForm" name="loadOptionsForm" style="display:none; width: 100%" ></iframe>' +\r
						'<script>' +\r
							'(function(window) {' +\r
								// Constructor Manager PostMessage\r
\r
								'var ManagerPostMessage = function() {' +\r
									'var _init = function(handler) {' +\r
										'if (document.addEventListener) {' +\r
											'window.addEventListener("message", handler, false);' +\r
										'} else {' +\r
											'window.attachEvent("onmessage", handler);' +\r
										'};' +\r
									'};' +\r
									'var _sendCmd = function(o) {' +\r
										'var str,' +\r
											'type = Object.prototype.toString,' +\r
											'fn = o.fn || null,' +\r
											'id = o.id || "",' +\r
											'target = o.target || window,' +\r
											'message = o.message || { "id": id };' +\r
\r
										'if (o.message && type.call(o.message) == "[object Object]") {' +\r
											'(o.message["id"]) ? o.message["id"] : o.message["id"] = id;' +\r
											'message = o.message;' +\r
										'};' +\r
\r
										'str = JSON.stringify(message, fn);' +\r
										'target.postMessage(str, "*");' +\r
									'};' +\r
\r
									'return {' +\r
										'init: _init,' +\r
										'send: _sendCmd' +\r
									'};' +\r
								'};' +\r
\r
								'var manageMessageTmp = new ManagerPostMessage;' +\r
\r
\r
								'var appString = (function(){' +\r
									'var spell = parent.CKEDITOR.config.wsc.DefaultParams.scriptPath;' +\r
									'var serverUrl = parent.CKEDITOR.config.wsc.DefaultParams.serviceHost;' +\r
									'return serverUrl + spell;' +\r
								'})();' +\r
\r
								'function loadScript(src, callback) {' +\r
								    'var scriptTag = document.createElement("script");' +\r
								   		'scriptTag.type = "text/javascript";' +\r
								   	'callback ? callback : callback = function() {};' +\r
								    'if(scriptTag.readyState) {' +\r
								        //IE\r
								        'scriptTag.onreadystatechange = function() {' +\r
								            'if (scriptTag.readyState == "loaded" ||' +\r
								            'scriptTag.readyState == "complete") {' +\r
								                'scriptTag.onreadystatechange = null;' +\r
								                'setTimeout(function(){scriptTag.parentNode.removeChild(scriptTag)},1);' +\r
								                'callback();' +\r
								            '}' +\r
								        '};' +\r
								    '}else{' +\r
								        //Others\r
								        'scriptTag.onload = function() {' +\r
								           'setTimeout(function(){scriptTag.parentNode.removeChild(scriptTag)},1);' +\r
								           'callback();' +\r
								        '};' +\r
								    '};' +\r
								    'scriptTag.src = src;' +\r
								    'document.getElementsByTagName("head")[0].appendChild(scriptTag);' +\r
								'};' +\r
\r
\r
								'window.onload = function(){' +\r
									 'loadScript(appString, function(){' +\r
										'manageMessageTmp.send({' +\r
											'"id": "iframeOnload",' +\r
											'"target": window.parent' +\r
										'});' +\r
									'});' +\r
								'}' +\r
							'})(this);' +\r
						'</script>' +\r
					'</body>' +\r
				'</html>';\r
\r
		that.getElement().setHtml(str);\r
		iframe = document.getElementById(iframeId);\r
		iframe = (iframe.contentWindow) ? iframe.contentWindow : (iframe.contentDocument.document) ? iframe.contentDocument.document : iframe.contentDocument;\r
		iframe.document.open();\r
		iframe.document.write(iframeInnerHtml);\r
		iframe.document.close();\r
	};\r
\r
	NS.setCurrentIframe = function(currentTab) {\r
		var that = NS.dialog._.contents[currentTab].Content,\r
			tabID, iframe;\r
\r
		NS.setIframe(that, currentTab);\r
\r
	};\r
\r
	NS.setHeightBannerFrame = function() {\r
		var height = "90px",\r
			bannerPlaceSpellTab = NS.dialog.getContentElement('SpellTab', 'banner').getElement(),\r
			bannerPlaceGrammTab = NS.dialog.getContentElement('GrammTab', 'banner').getElement(),\r
			bannerPlaceThesaurus = NS.dialog.getContentElement('Thesaurus', 'banner').getElement();\r
\r
		bannerPlaceSpellTab.setStyle('height', height);\r
		bannerPlaceGrammTab.setStyle('height', height);\r
		bannerPlaceThesaurus.setStyle('height', height);\r
	};\r
\r
	NS.setHeightFrame = function() {\r
		var currentTab = NS.dialog._.currentTabId,\r
			tabID = NS.iframeNumber + '_' + currentTab,\r
			iframe = document.getElementById(tabID);\r
\r
		iframe.style.height = '240px';\r
	};\r
\r
	NS.sendData = function(scope) {\r
		var currentTab = scope._.currentTabId,\r
			that = scope._.contents[currentTab].Content,\r
			tabID, iframe;\r
\r
		NS.previousTab = currentTab;\r
		NS.setIframe(that, currentTab);\r
\r
		var loadNewTab = function(event) {\r
			currentTab = scope._.currentTabId;\r
			event = event || window.event;\r
\r
			if (!event.data.getTarget().is('a')) {\r
				return;\r
			}\r
\r
			if(currentTab === NS.previousTab) return;\r
			NS.previousTab = currentTab;\r
\r
			that = scope._.contents[currentTab].Content;\r
			tabID = NS.iframeNumber + '_' + currentTab;\r
			NS.div_overlay.setEnable();\r
\r
			if (!that.getElement().getChildCount()) {\r
				NS.setIframe(that, currentTab);\r
				iframe = document.getElementById(tabID);\r
				NS.targetFromFrame[tabID] = iframe.contentWindow;\r
			} else {\r
				sendData(NS.targetFromFrame[tabID], NS.cmd[currentTab]);\r
			}\r
		};\r
\r
		scope.parts.tabs.removeListener('click', loadNewTab);\r
		scope.parts.tabs.on('click', loadNewTab);\r
	};\r
\r
	NS.buildSelectLang = function(aId) {\r
		var divContainer = new CKEDITOR.dom.element('div'),\r
			selectContainer = new CKEDITOR.dom.element('select'),\r
			id = "wscLang" + aId;\r
\r
		divContainer.addClass("cke_dialog_ui_input_select");\r
		divContainer.setAttribute("role", "presentation");\r
		divContainer.setStyles({\r
			'height': 'auto',\r
			'position': 'absolute',\r
			'right': '0',\r
			'top': '-1px',\r
			'width': '160px',\r
			'white-space': 'normal'\r
		});\r
\r
		selectContainer.setAttribute('id', id);\r
		selectContainer.addClass("cke_dialog_ui_input_select");\r
		selectContainer.setStyles({\r
			'width': '160px'\r
		});\r
		var currentTabId = NS.dialog._.currentTabId,\r
				frameId = NS.iframeNumber + '_' + currentTabId;\r
\r
		divContainer.append(selectContainer);\r
\r
		return  divContainer;\r
\r
	};\r
\r
	NS.buildOptionLang = function(key, aId) {\r
		var id = "wscLang" + aId;\r
		var select = document.getElementById(id),\r
			fragment = document.createDocumentFragment(),\r
			create_option, txt_option,\r
			sort = [];\r
\r
		if(select.options.length === 0) {\r
			for (var lang in key) {\r
				sort.push([lang, key[lang]]);\r
			}\r
			sort.sort();\r
\r
			for (var i = 0; i < sort.length; i++) {\r
				create_option=document.createElement("option");\r
				create_option.setAttribute("value", sort[i][1]);\r
				txt_option = document.createTextNode(sort[i][0]);\r
				create_option.appendChild(txt_option);\r
\r
				fragment.appendChild(create_option);\r
			}\r
			select.appendChild(fragment);\r
		}\r
\r
		// make appropriate option selected according to current selected language\r
		for (var j = 0; j < select.options.length; j++) {\r
			if (select.options[j].value == NS.selectingLang) {\r
				select.options[j].selected = "selected";\r
			}\r
		}\r
	};\r
\r
	NS.buildOptionSynonyms = function(key) {\r
		var syn = NS.selectNodeResponce[key];\r
\r
		var select = getSelect( NS.selectNode['Synonyms'] );\r
\r
		NS.selectNode['Synonyms'].clear();\r
\r
		for (var i = 0; i < syn.length; i++) {\r
			var option = document.createElement('option');\r
				option.text = syn[i];\r
				option.value = syn[i];\r
\r
			select.$.add(option, i);\r
		}\r
\r
		NS.selectNode['Synonyms'].getInputElement().$.firstChild.selected = true;\r
		NS.textNode['Thesaurus'].setValue(NS.selectNode['Synonyms'].getInputElement().getValue());\r
	};\r
\r
	var setBannerInPlace = function(htmlBanner) {\r
		var findBannerPlace = NS.dialog.getContentElement(NS.dialog._.currentTabId, 'banner').getElement();\r
		findBannerPlace.setHtml(htmlBanner);\r
\r
	};\r
\r
	var overlayBlock = function overlayBlock(opt) {\r
		var progress = opt.progress || "",\r
			doc = document,\r
			target = opt.target || doc.body,\r
			overlayId = opt.id || "overlayBlock",\r
			opacity = opt.opacity || "0.9",\r
			background = opt.background || "#f1f1f1",\r
			getOverlay = doc.getElementById(overlayId),\r
			thisOverlay = getOverlay || doc.createElement("div");\r
\r
		thisOverlay.style.cssText = "position: absolute;" +\r
			"top:30px;" +\r
			"bottom:41px;" +\r
			"left:1px;" +\r
			"right:1px;" +\r
			"z-index: 10020;" +\r
			"padding:0;" +\r
			"margin:0;" +\r
			"background:" + background + ";" +\r
			"opacity: " + opacity + ";" +\r
			"filter: alpha(opacity=" + opacity * 100 + ");" +\r
			"display: none;";\r
		thisOverlay.id = overlayId;\r
\r
		if (!getOverlay) {\r
		target.appendChild(thisOverlay);\r
		}\r
\r
		return {\r
			setDisable: function() {\r
				thisOverlay.style.display = "none";\r
			},\r
			setEnable: function() {\r
				thisOverlay.style.display = "block";\r
			}\r
		};\r
	};\r
\r
	var buildRadioInputs = function(key, value, check) {\r
		var divContainer = new CKEDITOR.dom.element('div'),\r
			radioButton = new CKEDITOR.dom.element('input'),\r
			radioLabel = new CKEDITOR.dom.element('label'),\r
			id = "wscGrammerSuggest" + key + "_" + value;\r
\r
		divContainer.addClass("cke_dialog_ui_input_radio");\r
		divContainer.setAttribute("role", "presentation");\r
		divContainer.setStyles({\r
			width: "97%",\r
			padding: "5px",\r
			'white-space': 'normal'\r
		});\r
\r
		radioButton.setAttributes({\r
			type: "radio",\r
			value: value,\r
			name: 'wscGrammerSuggest',\r
			id: id\r
		});\r
		radioButton.setStyles({\r
			"float":"left"\r
		});\r
\r
		radioButton.on("click", function(data) {\r
			NS.textNode['GrammTab'].setValue(data.sender.getValue());\r
		});\r
\r
		(check) ? radioButton.setAttribute("checked", true) : false;\r
\r
		radioButton.addClass("cke_dialog_ui_radio_input");\r
\r
		radioLabel.appendText(key);\r
		radioLabel.setAttribute("for", id);\r
		radioLabel.setStyles({\r
			'display': "block",\r
			'line-height': '16px',\r
			'margin-left': '18px',\r
			'white-space': 'normal'\r
		});\r
\r
		divContainer.append(radioButton);\r
		divContainer.append(radioLabel);\r
\r
		return divContainer;\r
	};\r
\r
	var statusGrammarTab = function(aState) {  //#19221\r
		aState = aState || 'true';\r
		if(aState !== null && aState == 'false'){\r
			hideGrammTab();\r
		}\r
	};\r
\r
	var langConstructor = function(lang) {\r
		var langSelectBox = new __constructLangSelectbox(lang),\r
			selectId = "wscLang" + NS.dialog.getParentEditor().name,\r
			selectContainer = document.getElementById(selectId),\r
			currentTabId = NS.dialog._.currentTabId,\r
			frameId = NS.iframeNumber + '_' + currentTabId;\r
\r
		NS.buildOptionLang(langSelectBox.setLangList, NS.dialog.getParentEditor().name);\r
		tabView[langSelectBox.getCurrentLangGroup(NS.selectingLang)].onShow();\r
		statusGrammarTab(NS.show_grammar);\r
\r
		selectContainer.onchange = function(e) {\r
			var langGroup = langSelectBox.getCurrentLangGroup(this.value),\r
				currentTabId = NS.dialog._.currentTabId,\r
				cmd;\r
\r
			e = e || window.event;\r
\r
			tabView[langGroup].onShow();\r
			statusGrammarTab(NS.show_grammar);\r
			NS.div_overlay.setEnable();\r
			NS.selectingLang = this.value;\r
\r
			// get command for current opened tan\r
			cmd = NS.cmd[currentTabId];\r
			// check whether current tab can be opened after language switching\r
			if(!langGroup || !tabView[langGroup] || !tabView[langGroup].allowedTabCommands[cmd]) {\r
				// if not so - set default tab to open after reload\r
				cmd = tabView[langGroup].defaultTabCommand;\r
			}\r
\r
			for(var key in NS.cmd) {\r
				if(NS.cmd[key] == cmd) {\r
					NS.previousTab = key;\r
					break;\r
				}\r
			}\r
\r
			appTools.postMessage.send({\r
			 	'message': {\r
			 		'changeLang': NS.selectingLang,\r
			 		'text': NS.dataTemp,\r
			 		'cmd': cmd\r
			 	},\r
				'target': NS.targetFromFrame[frameId],\r
				'id': 'selectionLang_outer__page'\r
			});\r
		};\r
\r
	};\r
\r
	var disableButtonSuggest = function(word) {\r
		var changeToButton, changeAllButton,\r
			styleDisable = function(instanceButton) {\r
				var button = NS.dialog.getContentElement(NS.dialog._.currentTabId, instanceButton) || NS.LocalizationButton[instanceButton].instance;\r
				button.getElement().hasClass('cke_disabled') ? button.getElement().setStyle('color', '#a0a0a0') : button.disable();\r
			},\r
			styleEnable = function(instanceButton) {\r
				var button = NS.dialog.getContentElement(NS.dialog._.currentTabId, instanceButton) || NS.LocalizationButton[instanceButton].instance;\r
				button.enable();\r
				button.getElement().setStyle('color', '#333');\r
			};\r
\r
		if (word == 'no_any_suggestions') {\r
			word = 'No suggestions';\r
\r
			changeToButton = NS.dialog.getContentElement(NS.dialog._.currentTabId, 'ChangeTo_button') || NS.LocalizationButton['ChangeTo_button'].instance;\r
			changeToButton.disable();\r
			changeAllButton = NS.dialog.getContentElement(NS.dialog._.currentTabId, 'ChangeAll') || NS.LocalizationButton['ChangeAll'].instance;\r
			changeAllButton.disable();\r
\r
			styleDisable('ChangeTo_button');\r
			styleDisable('ChangeAll');\r
\r
			return word;\r
		} else {\r
			styleEnable('ChangeTo_button');\r
			styleEnable('ChangeAll');\r
\r
			return word;\r
		}\r
	};\r
\r
	function getSelect( obj ) {\r
		if ( obj && obj.domId && obj.getInputElement().$ )\r
		return obj.getInputElement();\r
		else if ( obj && obj.$ )\r
			return obj;\r
		return false;\r
	}\r
\r
	var handlerId = {\r
		iframeOnload: function(response) {\r
			NS.div_overlay.setEnable();\r
			iframeOnload = true;\r
			var currentTab = NS.dialog._.currentTabId,\r
				tabId = NS.iframeNumber + '_' + currentTab;\r
			sendData(NS.targetFromFrame[tabId], NS.cmd[currentTab]);\r
		},\r
\r
		suggestlist: function(response) {\r
			delete response.id;\r
			NS.div_overlay_no_check.setDisable();\r
			hideCurrentFinishChecking();\r
			langConstructor(NS.langList);\r
\r
			var word =  disableButtonSuggest(response.word),\r
				suggestionsList = '';\r
\r
			if (word instanceof Array) {\r
				word = response.word[0];\r
			}\r
\r
			word = word.split(',');\r
			suggestionsList = word;\r
\r
			NS.textNode['SpellTab'].setValue(suggestionsList[0]);\r
\r
			var select = getSelect( selectNode );\r
\r
			selectNode.clear();\r
\r
			for (var i = 0; i < suggestionsList.length; i++) {\r
				var option = document.createElement('option');\r
					option.text = suggestionsList[i];\r
					option.value = suggestionsList[i];\r
\r
				select.$.add(option, i);\r
			}\r
\r
			showCurrentTabs();\r
			NS.div_overlay.setDisable();\r
\r
		},\r
\r
		grammerSuggest: function(response) {\r
			delete response.id;\r
			delete response.mocklangs;\r
\r
			hideCurrentFinishChecking();\r
			langConstructor(NS.langList);	// Show select language for this command CKEDITOR.config.wsc_cmd\r
			var firstSuggestValue = response.grammSuggest[0];// ? firstSuggestValue = response.grammSuggest[0] : firstSuggestValue = 'No suggestion for this words';\r
			NS.grammerSuggest.getElement().setHtml('');\r
\r
			NS.textNode['GrammTab'].reset();\r
			NS.textNode['GrammTab'].setValue(firstSuggestValue);\r
\r
			NS.textNodeInfo['GrammTab'].getElement().setHtml('');\r
			NS.textNodeInfo['GrammTab'].getElement().setText(response.info);\r
\r
			var arr = response.grammSuggest,\r
				len = arr.length,\r
				check = true;\r
\r
				for (var i = 0; i < len; i++) {\r
					NS.grammerSuggest.getElement().append(buildRadioInputs(arr[i], arr[i], check));\r
					check = false;\r
				}\r
\r
			showCurrentTabs();\r
			NS.div_overlay.setDisable();\r
		},\r
\r
		thesaurusSuggest: function(response) {\r
			delete response.id;\r
			delete response.mocklangs;\r
\r
			hideCurrentFinishChecking();\r
			langConstructor(NS.langList);	// Show select language for this command CKEDITOR.config.wsc_cmd\r
			NS.selectNodeResponce = response;\r
\r
			NS.textNode['Thesaurus'].reset();\r
\r
			var select = getSelect( NS.selectNode['Categories'] ),\r
				count = 0;\r
\r
			NS.selectNode['Categories'].clear();\r
\r
			for (var i in response) {\r
\r
				var option = document.createElement('option');\r
					option.text = i;\r
					option.value = i;\r
\r
				select.$.add(option, count);\r
				count++\r
			}\r
\r
			var synKey = NS.selectNode['Categories'].getInputElement().getChildren().$[0].value;\r
			NS.selectNode['Categories'].getInputElement().getChildren().$[0].selected = true;\r
			NS.buildOptionSynonyms(synKey);\r
\r
			showCurrentTabs();\r
			NS.div_overlay.setDisable();\r
			count = 0;\r
		},\r
		finish: function(response) {\r
			delete response.id;\r
\r
			hideCurrentTabs();\r
			showCurrentFinishChecking();\r
			NS.div_overlay.setDisable();\r
		},\r
		settext: function(response) {\r
			delete response.id;\r
\r
			var command = NS.dialog.getParentEditor().getCommand( 'checkspell' ),\r
				editor = NS.dialog.getParentEditor();\r
\r
			//set local storage for synchronization before scayt reinit\r
			if (editor.scayt && editor.wsc.isSsrvSame) {\r
				var	wscUDN = editor.wsc.udn;\r
\r
					if (!wscUDN) {\r
						editor.wsc.DataStorage.setData('scayt_user_dictionary_name', '');\r
					} else {\r
						editor.wsc.DataStorage.setData('scayt_user_dictionary_name', wscUDN);\r
					}\r
			}\r
\r
\r
			try {\r
				editor.focus();\r
			} catch(e) {}\r
\r
			editor.setData(response.text, function(){\r
				NS.dataTemp = '';\r
				editor.unlockSelection();\r
				editor.fire('saveSnapshot');\r
				NS.dialog.hide();\r
			});\r
\r
		},\r
		ReplaceText: function(response) {\r
\r
			delete response.id;\r
			NS.div_overlay.setEnable();\r
\r
			NS.dataTemp = response.text;\r
			NS.selectingLang = response.currentLang;\r
\r
			if (response.cmd = 'spell' && response.len !== '0' && response.len) {\r
				NS.div_overlay.setDisable();\r
			} else {\r
				window.setTimeout(function() {\r
					try {\r
						NS.div_overlay.setDisable();\r
					} catch(e) {}\r
				}, 500);\r
			}\r
\r
			SetLocalizationButton(NS.LocalizationButton);\r
			SetLocalizationLabel(NS.LocalizationLabel);\r
\r
		},\r
		options_checkbox_send: function(response) {\r
			delete response.id;\r
\r
			var obj = {\r
				'osp': appTools.cookie.get('osp'),\r
				'udn': appTools.cookie.get('udn'),\r
				'cust_dic_ids': NS.cust_dic_ids\r
			};\r
\r
			var currentTabId = NS.dialog._.currentTabId,\r
				frameId = NS.iframeNumber + '_' + currentTabId;\r
\r
			appTools.postMessage.send({\r
				'message': obj,\r
				'target': NS.targetFromFrame[frameId],\r
				'id': 'options_outer__page'\r
			});\r
		},\r
\r
		getOptions: function(response) {\r
			var udn = response.DefOptions.udn;\r
			NS.LocalizationComing = response.DefOptions.localizationButtonsAndText;\r
			NS.show_grammar = response.show_grammar;\r
			NS.langList = response.lang;\r
			NS.bnr = response.bannerId;\r
			NS.sessionid = response.sessionid;\r
			if (response.bannerId) {\r
				NS.setHeightBannerFrame();\r
				setBannerInPlace(response.banner);\r
			} else {\r
				NS.setHeightFrame();\r
			}\r
\r
			if (udn == 'undefined') {\r
				if (NS.userDictionaryName) {\r
					udn = NS.userDictionaryName;\r
\r
					var obj = {\r
						'osp': appTools.cookie.get('osp'),\r
						'udn': NS.userDictionaryName,\r
						'cust_dic_ids': NS.cust_dic_ids,\r
						'id': 'options_dic_send',\r
						'udnCmd': 'create'\r
					};\r
\r
					appTools.postMessage.send({\r
						'message': obj,\r
						'target': NS.targetFromFrame[frameId]\r
					});\r
\r
				} else{\r
					udn = '';\r
				}\r
			}\r
\r
			appTools.cookie.set('osp', response.DefOptions.osp);\r
			appTools.cookie.set('udn', udn);\r
			appTools.cookie.set('cust_dic_ids', response.DefOptions.cust_dic_ids);\r
\r
			appTools.postMessage.send({\r
				'id': 'giveOptions'\r
			});\r
		},\r
\r
		options_dic_send: function(response) {\r
\r
			var obj = {\r
				'osp': appTools.cookie.get('osp'),\r
				'udn': appTools.cookie.get('udn'),\r
				'cust_dic_ids': NS.cust_dic_ids,\r
				'id': 'options_dic_send',\r
				'udnCmd': appTools.cookie.get('udnCmd')\r
			};\r
\r
			var currentTabId = NS.dialog._.currentTabId,\r
				frameId = NS.iframeNumber + '_' + currentTabId;\r
\r
			appTools.postMessage.send({\r
				'message': obj,\r
				'target': NS.targetFromFrame[frameId]\r
			});\r
		},\r
		data: function(response) {\r
			delete response.id;\r
		},\r
\r
		giveOptions: function() {\r
\r
		},\r
\r
		setOptionsConfirmF:function() {\r
			 OptionsConfirm(false);\r
		},\r
\r
		setOptionsConfirmT:function() {\r
			OptionsConfirm(true);\r
		},\r
\r
		clickBusy: function() {\r
			NS.div_overlay.setEnable();\r
		},\r
\r
		suggestAllCame: function() {\r
			NS.div_overlay.setDisable();\r
			NS.div_overlay_no_check.setDisable();\r
		},\r
\r
		TextCorrect: function() {\r
			langConstructor(NS.langList);\r
		}\r
\r
	};\r
\r
	var handlerIncomingData = function(event) {\r
		event = event || window.event;\r
		var response = window.JSON.parse(event.data);\r
\r
		if(response && response.id) {\r
			handlerId[response.id](response);\r
		}\r
	};\r
\r
	var handlerButtonOptions = function(event) {\r
		event = event || window.event;\r
\r
		var currentTabId = NS.dialog._.currentTabId,\r
			frameId = NS.iframeNumber + '_' + currentTabId;\r
\r
		appTools.postMessage.send({\r
			'message': {\r
				'cmd': 'Options'\r
			},\r
			'target': NS.targetFromFrame[frameId],\r
			'id': 'cmd'\r
		});\r
\r
	};\r
\r
	var sendData = function(frameTarget, cmd, sendText, reset_suggest) {\r
		cmd = cmd || CKEDITOR.config.wsc_cmd;\r
		reset_suggest = reset_suggest || false;\r
		sendText = sendText || NS.dataTemp;\r
\r
		appTools.postMessage.send({\r
			'message': {\r
				'customerId': NS.wsc_customerId,\r
				'text': sendText,\r
				'txt_ctrl': NS.TextAreaNumber,\r
				'cmd': cmd,\r
				'cust_dic_ids': NS.cust_dic_ids,\r
				'udn': NS.userDictionaryName,\r
				'slang': NS.selectingLang,\r
				'reset_suggest': reset_suggest,\r
				'sessionid': NS.sessionid\r
			},\r
			'target': frameTarget,\r
			'id': 'data_outer__page'\r
		});\r
\r
		NS.div_overlay.setEnable();\r
	};\r
\r
	var tabView = {\r
		"superset": {\r
			onShow: function() {\r
				showThesaurusTab();\r
				showGrammTab();\r
				showSpellTab();\r
			},\r
			allowedTabCommands: {\r
				"spell": true,\r
				"grammar": true,\r
				"thes": true\r
			},\r
			defaultTabCommand: "spell"\r
		},\r
		"usual": {\r
			onShow: function() {\r
				hideThesaurusTab();\r
				hideGrammTab();\r
				showSpellTab();\r
			},\r
			allowedTabCommands: {\r
				"spell": true\r
			},\r
			defaultTabCommand: "spell"\r
		},\r
		"rtl": {\r
			onShow: function() {\r
				hideThesaurusTab();\r
				hideGrammTab();\r
				showSpellTab();\r
			},\r
			allowedTabCommands: {\r
				"spell": true\r
			},\r
			defaultTabCommand: "spell"\r
		},\r
		"spellgrammar": {\r
			onShow: function() {\r
				hideThesaurusTab();\r
				showGrammTab();\r
				showSpellTab();\r
			},\r
			allowedTabCommands: {\r
				"spell": true,\r
				"grammar": true\r
			},\r
			defaultTabCommand: "spell"\r
		},\r
		"spellthes": {\r
			onShow: function() {\r
				showThesaurusTab();\r
				hideGrammTab();\r
				showSpellTab();\r
			},\r
			allowedTabCommands: {\r
				"spell": true,\r
				"thes": true\r
			},\r
			defaultTabCommand: "spell"\r
		}\r
	};\r
\r
	var showFirstTab = function(scope) {\r
		var cmdManger = function(cmdView) {\r
			var obj = {};\r
			var _getCmd = function(cmd) {\r
				for (var tabId in cmdView) {\r
					obj[cmdView[tabId]] = tabId;\r
				}\r
			return obj[cmd];\r
			};\r
			return {\r
				getCmdByTab: _getCmd\r
			};\r
		};\r
\r
		var cmdM = new cmdManger(NS.cmd),\r
			tabToOpen = cmdM.getCmdByTab(CKEDITOR.config.wsc_cmd);\r
\r
		scope.selectPage(tabToOpen);\r
		NS.sendData(scope);\r
	};\r
\r
	var showThesaurusTab = function() {\r
		NS.dialog.showPage('Thesaurus');\r
	};\r
\r
	var hideThesaurusTab = function() {\r
		NS.dialog.hidePage('Thesaurus');\r
	};\r
\r
	var showGrammTab = function() {\r
		NS.dialog.showPage('GrammTab');\r
	};\r
\r
	var hideGrammTab = function() {\r
		NS.dialog.hidePage('GrammTab');\r
	};\r
\r
	var showSpellTab = function() {\r
		NS.dialog.showPage('SpellTab');\r
	};\r
\r
	var hideSpellTab = function() {\r
		NS.dialog.hidePage('SpellTab');\r
	};\r
\r
	var showCurrentTabs = function() {\r
		var target = NS.dialog.getContentElement(NS.dialog._.currentTabId, 'bottomGroup').getElement();\r
\r
		target.removeStyle('display');\r
		target.removeStyle('position');\r
		target.removeStyle('left');\r
\r
		target.show();\r
	};\r
\r
	var hideCurrentTabs = function() {\r
		var target = NS.dialog.getContentElement(NS.dialog._.currentTabId, 'bottomGroup').getElement(),\r
			activeElement = document.activeElement,\r
			focusableElements;\r
\r
		target.setStyles({\r
			display: 'block',\r
			position: 'absolute',\r
			left: '-9999px'\r
		});\r
\r
		setTimeout(function() {\r
			target.removeStyle('display');\r
			target.removeStyle('position');\r
			target.removeStyle('left');\r
\r
			target.hide();\r
\r
			NS.dialog._.editor.focusManager.currentActive.focusNext();\r
\r
			focusableElements = appTools.misc.findFocusable(NS.dialog.parts.contents);\r
			if(!appTools.misc.hasClass(activeElement, 'cke_dialog_tab') && !appTools.misc.hasClass(activeElement, 'cke_dialog_contents_body') && appTools.misc.isVisible(activeElement)) {\r
				try {\r
					activeElement.focus();\r
				} catch(e) {}\r
			} else {\r
				for(var i = 0, tmpCkEl; i < focusableElements.count(); i++) {\r
					tmpCkEl = focusableElements.getItem(i);\r
					if(appTools.misc.isVisible(tmpCkEl.$)) {\r
						try {\r
							tmpCkEl.$.focus();\r
						} catch(e) {}\r
\r
						break;\r
					}\r
				}\r
			}\r
		}, 0);\r
	};\r
\r
	var showCurrentFinishChecking = function() {\r
		var target = NS.dialog.getContentElement(NS.dialog._.currentTabId, 'BlockFinishChecking').getElement();\r
\r
		target.removeStyle('display');\r
		target.removeStyle('position');\r
		target.removeStyle('left');\r
\r
		target.show();\r
	};\r
\r
	var hideCurrentFinishChecking = function() {\r
		var target = NS.dialog.getContentElement(NS.dialog._.currentTabId, 'BlockFinishChecking').getElement(),\r
			activeElement = document.activeElement,\r
			focusableElements;\r
\r
		target.setStyles({\r
			display: 'block',\r
			position: 'absolute',\r
			left: '-9999px'\r
		});\r
\r
		setTimeout(function() {\r
			target.removeStyle('display');\r
			target.removeStyle('position');\r
			target.removeStyle('left');\r
\r
			target.hide();\r
\r
			NS.dialog._.editor.focusManager.currentActive.focusNext();\r
\r
			focusableElements = appTools.misc.findFocusable(NS.dialog.parts.contents);\r
			if(!appTools.misc.hasClass(activeElement, 'cke_dialog_tab') && !appTools.misc.hasClass(activeElement, 'cke_dialog_contents_body') && appTools.misc.isVisible(activeElement)) {\r
				try {\r
					activeElement.focus();\r
				} catch(e) {}\r
			} else {\r
				for(var i = 0, tmpCkEl; i < focusableElements.count(); i++) {\r
					tmpCkEl = focusableElements.getItem(i);\r
					if(appTools.misc.isVisible(tmpCkEl.$)) {\r
						try {\r
							tmpCkEl.$.focus();\r
						} catch(e) {}\r
\r
						break;\r
					}\r
				}\r
			}\r
		}, 0);\r
	};\r
\r
\r
\r
function __constructLangSelectbox(languageGroup) {\r
	if( !languageGroup ) { throw "Languages-by-groups list are required for construct selectbox"; }\r
\r
	var that = this,\r
		o_arr = [],\r
		priorLang ="en_US",\r
		priorLangTitle = "",\r
		currLang = NS.selectingLang;\r
\r
	for ( var group in languageGroup){\r
		for ( var langCode in languageGroup[group]){\r
			var langName = languageGroup[group][langCode];\r
			if ( langName == priorLang ) {\r
				priorLangTitle = langName;\r
			} else {\r
				o_arr.push( langName );\r
			}\r
		}\r
	}\r
\r
	o_arr.sort();\r
	if(priorLangTitle) {\r
		o_arr.unshift( priorLangTitle );\r
	}\r
\r
	var searchGroup = function ( code ){\r
		for ( var group in languageGroup){\r
			for ( var langCode in languageGroup[group]){\r
				if ( langCode.toUpperCase() === code.toUpperCase() ) {\r
					return group;\r
				}\r
			}\r
		}\r
		return "";\r
	};\r
\r
	var _setLangList = function() {\r
		var langList = {},\r
			langArray = [];\r
		for (var group in languageGroup) {\r
			for ( var langCode in languageGroup[group]){\r
				langList[languageGroup[group][langCode]] = langCode;\r
			}\r
		}\r
		return langList;\r
	};\r
\r
	var _return = {\r
		getCurrentLangGroup: function(code) {\r
			return searchGroup(code);\r
		},\r
		setLangList: _setLangList()\r
	};\r
\r
	return _return;\r
}\r
\r
CKEDITOR.dialog.add('checkspell', function(editor) {\r
	var handlerButtons = function(event) {\r
			event = event || window.event;\r
\r
			// because in chrome and safary document.activeElement returns <body> tag. We need to signal that clicked element is active\r
			this.getElement().focus();\r
\r
			NS.div_overlay.setEnable();\r
			var currentTabId = NS.dialog._.currentTabId,\r
				frameId = NS.iframeNumber + '_' + currentTabId,\r
				new_word = NS.textNode[currentTabId].getValue(),\r
				cmd = this.getElement().getAttribute("title-cmd");\r
\r
			appTools.postMessage.send({\r
				'message': {\r
					'cmd': cmd,\r
					'tabId': currentTabId,\r
					'new_word': new_word\r
				},\r
				'target': NS.targetFromFrame[frameId],\r
				'id': 'cmd_outer__page'\r
			});\r
\r
			if (cmd == 'ChangeTo' || cmd == 'ChangeAll') {\r
				editor.fire('saveSnapshot');\r
			}\r
\r
			if (cmd == 'FinishChecking') {\r
				editor.config.wsc_onFinish.call(CKEDITOR.document.getWindow().getFrame());\r
			}\r
\r
		},\r
		constraints = {\r
			minWidth: 560,\r
			minHeight: 444\r
		};\r
\r
	function initView(dialog) {\r
		var newViewSettings = {\r
				left: parseInt(editor.config.wsc_left, 10),\r
				top: parseInt(editor.config.wsc_top, 10),\r
				width: parseInt(editor.config.wsc_width, 10),\r
				height: parseInt(editor.config.wsc_height, 10)\r
			},\r
			viewSize = CKEDITOR.document.getWindow().getViewPaneSize(),\r
			currentPosition = dialog.getPosition(),\r
			currentSize = dialog.getSize(),\r
			savePosition = 0;\r
\r
		if(!dialog._.resized) {\r
			var wrapperHeight = currentSize.height - dialog.parts.contents.getSize('height',  !(CKEDITOR.env.gecko || CKEDITOR.env.opera || CKEDITOR.env.ie && CKEDITOR.env.quirks)),\r
				wrapperWidth = currentSize.width - dialog.parts.contents.getSize('width', 1);\r
\r
			if(newViewSettings.width < constraints.minWidth || isNaN(newViewSettings.width)) {\r
				newViewSettings.width = constraints.minWidth;\r
			}\r
			if(newViewSettings.width > viewSize.width - wrapperWidth) {\r
				newViewSettings.width = viewSize.width - wrapperWidth;\r
			}\r
\r
			if(newViewSettings.height < constraints.minHeight || isNaN(newViewSettings.height)) {\r
				newViewSettings.height = constraints.minHeight;\r
			}\r
			if(newViewSettings.height > viewSize.height - wrapperHeight) {\r
				newViewSettings.height = viewSize.height - wrapperHeight;\r
			}\r
\r
			currentSize.width = newViewSettings.width + wrapperWidth;\r
			currentSize.height = newViewSettings.height + wrapperHeight;\r
\r
			dialog._.fromResizeEvent = false;\r
			dialog.resize(newViewSettings.width, newViewSettings.height);\r
			setTimeout(function() {\r
				dialog._.fromResizeEvent = false;\r
				CKEDITOR.dialog.fire('resize', {\r
					dialog: dialog,\r
					width: newViewSettings.width,\r
					height: newViewSettings.height\r
				}, editor);\r
			}, 300);\r
		}\r
\r
		if(!dialog._.moved) {\r
			savePosition = isNaN(newViewSettings.left) && isNaN(newViewSettings.top) ? 0 : 1;\r
\r
			if(isNaN(newViewSettings.left)) {\r
				newViewSettings.left = (viewSize.width - currentSize.width) / 2;\r
			}\r
			if(newViewSettings.left < 0) {\r
				newViewSettings.left = 0;\r
			}\r
			if(newViewSettings.left > viewSize.width - currentSize.width) {\r
				newViewSettings.left = viewSize.width - currentSize.width;\r
			}\r
\r
			if(isNaN(newViewSettings.top)) {\r
				newViewSettings.top = (viewSize.height - currentSize.height) / 2;\r
			}\r
			if(newViewSettings.top < 0) {\r
				newViewSettings.top = 0;\r
			}\r
			if(newViewSettings.top > viewSize.height - currentSize.height) {\r
				newViewSettings.top = viewSize.height - currentSize.height;\r
			}\r
\r
			dialog.move(newViewSettings.left, newViewSettings.top, savePosition);\r
		}\r
	}\r
\r
	function createWscObjectForUdAndUdnSyncrhonization() {\r
		editor.wsc = {};\r
\r
		//DataStorage object for cookies and localStorage manipulation\r
		(function( object ) {\r
			'use strict';\r
\r
			var DataTypeManager = {\r
				separator: '<$>',\r
				getDataType: function(value) {\r
					var type;\r
\r
					if(typeof value === 'undefined') {\r
						type = 'undefined';\r
					} else if(value === null) {\r
						type = 'null';\r
					} else {\r
						type = Object.prototype.toString.call(value).slice(8, -1);\r
					}\r
					return type;\r
				},\r
				convertDataToString: function(value) {\r
					var str,\r
						type = this.getDataType(value).toLowerCase();\r
\r
					str = type + this.separator + value;\r
					return str;\r
				},\r
				// get value type and convert value due to type, since all stored values are String\r
				restoreDataFromString: function(str) {\r
					var value = str,\r
						type,\r
						separatorStartIndex;\r
\r
					// @TODO: remove this line much later. Support of old format for options\r
					str = this.backCompatibility(str);\r
\r
					if(typeof str === 'string') {\r
						separatorStartIndex = str.indexOf(this.separator);\r
						type = str.substring(0, separatorStartIndex);\r
						value = str.substring(separatorStartIndex + this.separator.length);\r
\r
						switch(type) {\r
							case 'boolean':\r
								value = value === 'true';\r
							break;\r
							case 'number':\r
								value = parseFloat(value);\r
							break;\r
							// we assume that we will store string values only, due to performance\r
							case 'array':\r
								value = value === '' ? [] : value.split(',');\r
							break;\r
							case 'null':\r
								value = null;\r
							break;\r
							case 'undefined':\r
								value = undefined;\r
							break;\r
						}\r
					}\r
					return value;\r
				},\r
				// old data type support\r
				// here we trying to convert data from old format into new\r
				// @TODO: remove this function much later\r
				backCompatibility: function(str) {\r
					var convertedStr = str,\r
						value,\r
						separatorStartIndex;\r
\r
					if(typeof str === 'string') {\r
						separatorStartIndex = str.indexOf(this.separator);\r
						// is it old format?\r
						if(separatorStartIndex < 0) {\r
							// try to get number from string\r
							value = parseFloat(str);\r
							// is it not a number?\r
							if(isNaN(value)) {\r
								// yes, this is not a number. Lets check is this is an array "[comma,separated,values]"\r
								if((str[0] === '[') && (str[str.length - 1] === ']')) {\r
									// this is an array. Lets remove brackets symbols and extract the words\r
									str = str.replace('[', '');\r
									str = str.replace(']', '');\r
									if(str === '') {\r
										value = [];\r
									} else {\r
										value = str.split(',');\r
									}\r
									// value = str === '[]' ? [] : str.split(',');\r
								} else if(str === 'true' || str === 'false') {\r
									// this is boolean value\r
									value = str === 'true';\r
								} else {\r
									// this is string\r
									value = str;\r
								}\r
							}\r
\r
							convertedStr = this.convertDataToString(value);\r
						}\r
					}\r
\r
					return convertedStr;\r
				}\r
			};\r
\r
			var LocalStorage = {\r
\r
				get: function( key ) {\r
					var value = DataTypeManager.restoreDataFromString( window.localStorage.getItem(key) );\r
					return value;\r
				},\r
\r
				set: function( key, value ) {\r
					var _value = DataTypeManager.convertDataToString( value );\r
					window.localStorage.setItem( key, _value );\r
				},\r
\r
				del: function( key ) {\r
					window.localStorage.removeItem( key );\r
				},\r
\r
				clear: function() {\r
					window.localStorage.clear();\r
				}\r
			};\r
\r
			var CookiesStorage = {\r
\r
				expiration: (function() {\r
					return 60 * 60 * 24 * 366;\r
				}()),\r
\r
				get: function(key) {\r
					var value = DataTypeManager.restoreDataFromString(this.getCookie(key));\r
					return value;\r
				},\r
\r
				set: function(key, value) {\r
					var _value = DataTypeManager.convertDataToString(value);\r
					this.setCookie(key, _value, {expires: this.expiration});\r
				},\r
\r
				del: function(key) {\r
					this.deleteCookie(key);\r
				},\r
\r
				getCookie: function(name) {\r
					var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));\r
					return matches ? decodeURIComponent(matches[1]) : undefined;\r
				},\r
\r
				setCookie: function(name, value, props) {\r
					props = props || {};\r
					var exp = props.expires;\r
\r
					if (typeof exp === "number" && exp) {\r
						var d = new Date();\r
\r
						d.setTime(d.getTime() + exp * 1000);\r
						exp = props.expires = d;\r
					}\r
\r
					if(exp && exp.toUTCString) {\r
						props.expires = exp.toUTCString();\r
					}\r
\r
					value = encodeURIComponent(value);\r
					var updatedCookie = name + "=" + value;\r
\r
					for(var propName in props) {\r
						var propValue = props[propName];\r
\r
						updatedCookie += "; " + propName;\r
\r
						if(propValue !== true) {\r
							updatedCookie += "=" + propValue;\r
						}\r
					}\r
\r
					document.cookie = updatedCookie;\r
				},\r
\r
				deleteCookie: function(name) {\r
					this.setCookie(name, null, {expires: -1});\r
				},\r
\r
				// delete all cookies\r
				clear: function() {\r
					var cookies = document.cookie.split(";");\r
\r
					for (var i = 0; i < cookies.length; i++) {\r
						var cookie = cookies[i];\r
						var eqPos = cookie.indexOf("=");\r
						var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;\r
\r
						this.deleteCookie(name);\r
					}\r
				}\r
			};\r
\r
			var strategy = window.localStorage ? LocalStorage : CookiesStorage;\r
\r
			var DataStorage = {\r
				// Get data within storage for key\r
				getData: function( key ) {\r
					return strategy.get( key );\r
				},\r
\r
				// Set data within storage\r
				setData: function( key, value ) {\r
					strategy.set( key, value );\r
				},\r
\r
				// Delete data within storage for key\r
				deleteData: function( key ) {\r
					strategy.del( key );\r
				},\r
\r
				// Clear storage\r
				clear: function() {\r
					strategy.clear();\r
				}\r
			};\r
\r
			// Static Module of Storage Data in the localStorage.\r
			object.DataStorage = DataStorage;\r
		}( editor.wsc ));\r
\r
		editor.wsc.operationWithUDN = function(command, UDName) {\r
			var obj = {\r
				'udn': UDName,\r
				'id': 'operationWithUDN',\r
				'udnCmd': command\r
			};\r
			var currentTabId = NS.dialog._.currentTabId,\r
				frameId = NS.iframeNumber + '_' + currentTabId;\r
\r
			appTools.postMessage.send({\r
				'message': obj,\r
				'target': NS.targetFromFrame[frameId]\r
			});\r
		};\r
		editor.wsc.getLocalStorageUDN = function() {\r
			var udn = editor.wsc.DataStorage.getData('scayt_user_dictionary_name');\r
\r
			if (!udn) {\r
				return;\r
			}\r
\r
			return udn;\r
		};\r
		editor.wsc.getLocalStorageUD = function() {\r
			var ud = editor.wsc.DataStorage.getData('scayt_user_dictionary');\r
\r
			if (!ud) {\r
				return;\r
			}\r
\r
			return ud;\r
		};\r
		editor.wsc.addWords = function(words, callback) {\r
			var url = editor.config.wsc.DefaultParams.serviceHost + editor.config.wsc.DefaultParams.ssrvHost +\r
						'?cmd=dictionary&format=json&' +\r
						'customerid=1%3AncttD3-fIoSf2-huzwE4-Y5muI2-mD0Tt-kG9Wz-UEDFC-tYu243-1Uq474-d9Z2l3&' +\r
						'action=addword&word='+ words + '&callback=toString&synchronization=true',\r
				script = document.createElement('script');\r
\r
			script['type'] = 'text/javascript';\r
			script['src'] = url;\r
			document.getElementsByTagName("head")[0].appendChild(script);\r
\r
			//chrome, firefox, safari\r
			script.onload = callback;\r
\r
			//IE\r
			script.onreadystatechange = function() {\r
				if (this.readyState === 'loaded') {\r
					callback();\r
				}\r
			};\r
		};\r
		editor.wsc.cgiOrigin = function() {\r
			var wscServiceHostString = editor.config.wsc.DefaultParams.serviceHost,\r
				wscServiceHostArray = wscServiceHostString.split('/'),\r
				cgiOrigin = wscServiceHostArray[0] + '//' + wscServiceHostArray[2];\r
\r
			return cgiOrigin;\r
		};\r
		editor.wsc.isSsrvSame = false;\r
	}\r
\r
 return {\r
		title: editor.config.wsc_dialogTitle || editor.lang.wsc.title,\r
		minWidth: constraints.minWidth,\r
		minHeight: constraints.minHeight,\r
		buttons: [CKEDITOR.dialog.cancelButton],\r
		onLoad: function() {\r
			NS.dialog = this;\r
			hideThesaurusTab();\r
			hideGrammTab();\r
			showSpellTab();\r
\r
			//creating wsc object for UD synchronization between wsc and scayt\r
			if (editor.plugins.scayt) {\r
				createWscObjectForUdAndUdnSyncrhonization();\r
			}\r
		},\r
		onShow: function() {\r
			NS.dialog = this;\r
\r
			editor.lockSelection(editor.getSelection());\r
\r
			NS.TextAreaNumber = 'cke_textarea_' + editor.name;\r
			appTools.postMessage.init(handlerIncomingData);\r
			NS.dataTemp = editor.getData();\r
			//NS.div_overlay.setDisable();\r
			NS.OverlayPlace = NS.dialog.parts.tabs.getParent().$;\r
			if(CKEDITOR && CKEDITOR.config){\r
				NS.wsc_customerId =  editor.config.wsc_customerId;\r
				NS.cust_dic_ids = editor.config.wsc_customDictionaryIds;\r
				NS.userDictionaryName = editor.config.wsc_userDictionaryName;\r
				NS.defaultLanguage = CKEDITOR.config.defaultLanguage;\r
				var	protocol = document.location.protocol == "file:" ? "http:" : document.location.protocol;\r
				var wscCoreUrl = editor.config.wsc_customLoaderScript  || ( protocol + '//loader.webspellchecker.net/sproxy_fck/sproxy.php?plugin=fck2&customerid=' + NS.wsc_customerId + '&cmd=script&doc=wsc&schema=22');\r
			} else {\r
				NS.dialog.hide();\r
				return;\r
			}\r
\r
			initView(this);\r
\r
			CKEDITOR.scriptLoader.load(wscCoreUrl, function(success) {\r
				if(CKEDITOR.config && CKEDITOR.config.wsc && CKEDITOR.config.wsc.DefaultParams){\r
					NS.serverLocationHash = CKEDITOR.config.wsc.DefaultParams.serviceHost;\r
					NS.logotype = CKEDITOR.config.wsc.DefaultParams.logoPath;\r
					NS.loadIcon = CKEDITOR.config.wsc.DefaultParams.iconPath;\r
					NS.loadIconEmptyEditor = CKEDITOR.config.wsc.DefaultParams.iconPathEmptyEditor;\r
					NS.LangComparer = new CKEDITOR.config.wsc.DefaultParams._SP_FCK_LangCompare();\r
				}else{\r
					NS.serverLocationHash = DefaultParams.serviceHost;\r
					NS.logotype = DefaultParams.logoPath;\r
					NS.loadIcon = DefaultParams.iconPath;\r
					NS.loadIconEmptyEditor = DefaultParams.iconPathEmptyEditor;\r
					NS.LangComparer = new _SP_FCK_LangCompare();\r
				}\r
\r
				NS.pluginPath = CKEDITOR.getUrl(editor.plugins.wsc.path);\r
				NS.iframeNumber = NS.TextAreaNumber;\r
				NS.templatePath = NS.pluginPath + 'dialogs/tmp.html';\r
				NS.LangComparer.setDefaulLangCode( NS.defaultLanguage );\r
				NS.currentLang = editor.config.wsc_lang || NS.LangComparer.getSPLangCode( editor.langCode ) || 'en_US';\r
				NS.selectingLang = NS.currentLang;\r
				NS.div_overlay = new overlayBlock({\r
					opacity: "1",\r
					background: "#fff url(" + NS.loadIcon + ") no-repeat 50% 50%",\r
					target: NS.OverlayPlace\r
\r
				});\r
\r
				var number_ck = NS.dialog.parts.tabs.getId(),\r
					dialogPartsTab = CKEDITOR.document.getById(number_ck);\r
\r
				dialogPartsTab.setStyle('width', '97%');\r
				if (!dialogPartsTab.getElementsByTag('DIV').count()){\r
					dialogPartsTab.append(NS.buildSelectLang(NS.dialog.getParentEditor().name));\r
				}\r
\r
				NS.div_overlay_no_check = new overlayBlock({\r
					opacity: "1",\r
					id: 'no_check_over',\r
					background: "#fff url(" + NS.loadIconEmptyEditor + ") no-repeat 50% 50%",\r
					target: NS.OverlayPlace\r
				});\r
\r
				if (success) {\r
					showFirstTab(NS.dialog);\r
					NS.dialog.setupContent(NS.dialog);\r
				}\r
\r
				if (editor.plugins.scayt) {\r
					//is ssrv.cgi path for WSC and scayt same\r
					editor.wsc.isSsrvSame = (function() {\r
						var wscSsrvWholePath,\r
							wscServiceHost = CKEDITOR.config.wsc.DefaultParams.serviceHost.replace('lf/22/js/../../../', '').split('//')[1],\r
							wscSsrvHost = CKEDITOR.config.wsc.DefaultParams.ssrvHost,\r
							scaytSsrvWholePath,\r
							scaytSsrvProtocol,\r
							scaytSsrvHost,\r
							scaytSsrvPath,\r
\r
							scaytSrcUrl = editor.config.scayt_srcUrl,\r
							scaytSsrvSrcUrlSsrvProtocol,\r
							scaytSsrvSrcUrlSsrvHost,\r
							scaytSsrvSrcUrlSsrvPath,\r
\r
							scaytBasePath,\r
							scaytBasePathSsrvProtocol,\r
							scaytBasePathSsrvHost,\r
							scaytBasePathSsrvPath;\r
\r
						if (window.SCAYT && window.SCAYT.CKSCAYT) {\r
							scaytBasePath = SCAYT.CKSCAYT.prototype.basePath;\r
							scaytBasePathSsrvProtocol = scaytBasePath.split('//')[0];\r
							scaytBasePathSsrvHost = scaytBasePath.split('//')[1].split('/')[0];\r
							scaytBasePathSsrvPath = scaytBasePath.split(scaytBasePathSsrvHost + '/')[1].replace('/lf/scayt3/ckscayt/', '') + '/script/ssrv.cgi';\r
						}\r
\r
						if (scaytSrcUrl && !scaytBasePath && !editor.config.scayt_servicePath) {\r
							scaytSsrvSrcUrlSsrvProtocol = scaytSrcUrl.split('//')[0];\r
							scaytSsrvSrcUrlSsrvHost = scaytSrcUrl.split('//')[1].split('/')[0];\r
							scaytSsrvSrcUrlSsrvPath = scaytSrcUrl.split(scaytSsrvSrcUrlSsrvHost + '/')[1].replace('/lf/scayt3/ckscayt/ckscayt.js', '') + '/script/ssrv.cgi';\r
						}\r
\r
						scaytSsrvProtocol = editor.config.scayt_serviceProtocol || scaytBasePathSsrvProtocol || scaytSsrvSrcUrlSsrvProtocol;\r
						scaytSsrvHost = editor.config.scayt_serviceHost || scaytBasePathSsrvHost || scaytSsrvSrcUrlSsrvHost;\r
						scaytSsrvPath = editor.config.scayt_servicePath || scaytBasePathSsrvPath || scaytSsrvSrcUrlSsrvPath;\r
\r
						wscSsrvWholePath = '//' + wscServiceHost + wscSsrvHost;\r
						scaytSsrvWholePath = '//' + scaytSsrvHost + '/' + scaytSsrvPath;\r
\r
						return wscSsrvWholePath === scaytSsrvWholePath;\r
					})();\r
				}\r
\r
				//wsc on scayt UserDictionary and UserDictionaryName synchronization\r
				if (window.SCAYT && editor.wsc && editor.wsc.isSsrvSame) {\r
					var cgiOrigin = editor.wsc.cgiOrigin();\r
					editor.wsc.syncIsDone = false;\r
\r
					var getUdOrUdn = function (e) {\r
						if (e.origin === cgiOrigin) {\r
							var data = JSON.parse(e.data);\r
\r
							if (data.ud && data.ud !== 'undefined') {\r
								editor.wsc.ud = data.ud;\r
							} else if (data.ud === 'undefined') {\r
								editor.wsc.ud = undefined;\r
							}\r
\r
							if (data.udn && data.udn !== 'undefined') {\r
								editor.wsc.udn = data.udn;\r
							} else if (data.udn === 'undefined') {\r
								editor.wsc.udn = undefined;\r
							}\r
\r
							if (!editor.wsc.syncIsDone) {\r
								udSynchronization(editor.wsc.ud);\r
								editor.wsc.syncIsDone = true;\r
							}\r
						}\r
					};\r
\r
					var udSynchronization = function(cookieUd) {\r
						var localStorageUdArray = editor.wsc.getLocalStorageUD(),\r
							newUd;\r
\r
						if (localStorageUdArray instanceof Array) {\r
							newUd = localStorageUdArray.toString();\r
						}\r
\r
						if (newUd !== undefined && newUd !== '') {\r
							setTimeout(function() {\r
								editor.wsc.addWords(newUd, function() {\r
									showFirstTab(NS.dialog);\r
									NS.dialog.setupContent(NS.dialog);\r
								});\r
							}, 400);\r
						}\r
					};\r
\r
					if (window.addEventListener){\r
						addEventListener("message", getUdOrUdn, false);\r
					} else {\r
						window.attachEvent("onmessage", getUdOrUdn);\r
					}\r
\r
					//wsc on scayt UserDictionaryName synchronization\r
					setTimeout(\r
						function() {\r
							var udn = editor.wsc.getLocalStorageUDN();\r
\r
							if (udn !== undefined) {\r
								editor.wsc.operationWithUDN('restore', udn);\r
							}\r
\r
						},\r
					500); //need to wait spell.js file to load\r
\r
				}\r
			});\r
\r
		},\r
		onHide: function() {\r
			var scaytPlugin = CKEDITOR.plugins.scayt,\r
				scaytInstance = editor.scayt;\r
\r
			editor.unlockSelection();\r
\r
			if(scaytPlugin && scaytInstance && scaytPlugin.state[editor.name]) {\r
				scaytInstance.setMarkupPaused(false);\r
			}\r
\r
			NS.dataTemp = '';\r
			NS.sessionid = '';\r
			appTools.postMessage.unbindHandler(handlerIncomingData);\r
\r
			//scayt on wsc UserDictionary and UserDictionaryName synchronization\r
			if (editor.plugins.scayt && editor.wsc && editor.wsc.isSsrvSame) {\r
				var	wscUDN = editor.wsc.udn,\r
					wscUD = editor.wsc.ud,\r
					wscUDarray,\r
					i;\r
\r
				if (editor.scayt) { // if SCAYT active\r
					if (!wscUDN) {\r
						editor.wsc.DataStorage.setData('scayt_user_dictionary_name', '');\r
						editor.scayt.removeUserDictionary();\r
					} else {\r
						editor.wsc.DataStorage.setData('scayt_user_dictionary_name', wscUDN);\r
						editor.scayt.restoreUserDictionary(wscUDN);\r
					}\r
\r
					if (wscUD) {\r
						setTimeout(function() {\r
							wscUDarray = wscUD.split(',');\r
							for (i = 0; i < wscUDarray.length; i += 1) {\r
								editor.scayt.addWordToUserDictionary(wscUDarray[i]);\r
							}\r
						}, 200); //wait for 'removeUserDictionary' command response\r
					}\r
\r
					if (!wscUD) {\r
						editor.wsc.DataStorage.setData('scayt_user_dictionary', []);\r
					}\r
\r
				} else { //if SCAYT not active\r
\r
					if (!wscUDN) {\r
						editor.wsc.DataStorage.setData('scayt_user_dictionary_name', '');\r
					} else {\r
						editor.wsc.DataStorage.setData('scayt_user_dictionary_name', wscUDN);\r
					}\r
\r
					if (wscUD) {\r
						wscUDarray = wscUD.split(',');\r
						editor.wsc.DataStorage.setData('scayt_user_dictionary', wscUDarray);\r
					}\r
				}\r
			}\r
		},\r
		contents: [\r
			{\r
				id: 'SpellTab',\r
				label: 'SpellChecker',\r
				accessKey: 'S',\r
				elements: [\r
					{\r
						type: 'html',\r
						id: 'banner',\r
						label: 'banner',\r
						style: '', //TODO\r
						html: '<div></div>'\r
					},\r
					{\r
						type: 'html',\r
						id: 'Content',\r
						label: 'spellContent',\r
						html: '',\r
						setup: function(dialog) {\r
							var tabId = NS.iframeNumber + '_' + dialog._.currentTabId;\r
							var iframe = document.getElementById(tabId);\r
							NS.targetFromFrame[tabId] = iframe.contentWindow;\r
						}\r
					},\r
					{\r
						type: 'hbox',\r
						id: 'bottomGroup',\r
						style: 'width:560px; margin: 0 auto;',\r
						widths: ['50%', '50%'],\r
						children: [\r
							{\r
								type: 'hbox',\r
								id: 'leftCol',\r
								align: 'left',\r
								width: '50%',\r
								children: [\r
									{\r
										type: 'vbox',\r
										id: 'rightCol1',\r
										widths: ['50%', '50%'],\r
										children: [\r
											{\r
												type: 'text',\r
												id: 'ChangeTo_label',\r
												label: NS.LocalizationLabel['ChangeTo_label'].text + ':',\r
												labelLayout: 'horizontal',\r
												labelStyle: 'font: 12px/25px arial, sans-serif;',\r
												width: '140px',\r
												'default': '',\r
												onShow: function() {\r
													NS.textNode['SpellTab'] = this;\r
													NS.LocalizationLabel['ChangeTo_label'].instance = this;\r
												},\r
												onHide: function() {\r
													this.reset();\r
												}\r
											},\r
											{\r
												type: 'hbox',\r
												id: 'rightCol',\r
												align: 'right',\r
												width: '30%',\r
												children: [\r
													{\r
														type: 'vbox',\r
														id: 'rightCol_col__left',\r
														children: [\r
															{\r
																type: 'text',\r
																id: 'labelSuggestions',\r
																label: NS.LocalizationLabel['Suggestions'].text + ':',\r
																onShow: function() {\r
																	NS.LocalizationLabel['Suggestions'].instance = this;\r
																	this.getInputElement().setStyles({\r
																		display: 'none'\r
																	});\r
																}\r
															},\r
						 									{\r
																type: 'html',\r
																id: 'logo',\r
																html: '<img width="99" height="68" border="0" src="" title="WebSpellChecker.net" alt="WebSpellChecker.net" style="display: inline-block;">',\r
																setup: function(dialog) {\r
																	this.getElement().$.src = NS.logotype;\r
																	this.getElement().getParent().setStyles({\r
																		"text-align": "left"\r
																	});\r
																}\r
															}\r
														]\r
													},\r
													{\r
														type: 'select',\r
														id: 'list_of_suggestions',\r
														labelStyle: 'font: 12px/25px arial, sans-serif;',\r
														size: '6',\r
														inputStyle: 'width: 140px; height: auto;',\r
														items: [['loading...']],\r
														onShow: function() {\r
															selectNode = this;\r
														},\r
														onChange: function() {\r
															NS.textNode['SpellTab'].setValue(this.getValue());\r
														}\r
													}\r
												]\r
											}\r
										]\r
									}\r
								]\r
							},\r
							{\r
								type: 'hbox',\r
								id: 'rightCol',\r
								align: 'right',\r
								width: '50%',\r
								children: [\r
									{\r
										type: 'vbox',\r
										id: 'rightCol_col__left',\r
										widths: ['50%', '50%', '50%', '50%'],\r
										children: [\r
											{\r
												type: 'button',\r
												id: 'ChangeTo_button',\r
												label: NS.LocalizationButton['ChangeTo_button'].text,\r
												title: 'Change to',\r
												style: 'width: 100%;',\r
												onLoad: function() {\r
													this.getElement().setAttribute("title-cmd", 'ChangeTo');\r
													NS.LocalizationButton['ChangeTo_button'].instance = this;\r
												},\r
												onClick: handlerButtons\r
											},\r
											{\r
												type: 'button',\r
												id: 'ChangeAll',\r
												label: NS.LocalizationButton['ChangeAll'].text,\r
												title: 'Change All',\r
												style: 'width: 100%;',\r
												onLoad: function() {\r
													this.getElement().setAttribute("title-cmd", this.id);\r
													NS.LocalizationButton['ChangeAll'].instance = this;\r
												},\r
												onClick: handlerButtons\r
											},\r
											{\r
												type: 'button',\r
												id: 'AddWord',\r
												label: NS.LocalizationButton['AddWord'].text,\r
												title: 'Add word',\r
												style: 'width: 100%;',\r
												onLoad: function() {\r
													this.getElement().setAttribute("title-cmd", this.id);\r
													NS.LocalizationButton['AddWord'].instance = this;\r
												},\r
												onClick: handlerButtons\r
											},\r
											{\r
												type: 'button',\r
												id: 'FinishChecking_button',\r
												label: NS.LocalizationButton['FinishChecking_button'].text,\r
												title: 'Finish Checking',\r
												style: 'width: 100%;margin-top: 9px;',\r
												onLoad: function() {\r
													this.getElement().setAttribute("title-cmd", 'FinishChecking');\r
													NS.LocalizationButton['FinishChecking_button'].instance = this;\r
												},\r
												onClick: handlerButtons\r
											}\r
										]\r
									},\r
									{\r
										type: 'vbox',\r
										id: 'rightCol_col__right',\r
										widths: ['50%', '50%', '50%'],\r
										children: [\r
											{\r
												type: 'button',\r
												id: 'IgnoreWord',\r
												label: NS.LocalizationButton['IgnoreWord'].text,\r
												title: 'Ignore word',\r
												style: 'width: 100%;',\r
												onLoad: function() {\r
													this.getElement().setAttribute("title-cmd", this.id);\r
													NS.LocalizationButton['IgnoreWord'].instance = this;\r
												},\r
												onClick: handlerButtons\r
											},\r
											{\r
												type: 'button',\r
												id: 'IgnoreAllWords',\r
												label: NS.LocalizationButton['IgnoreAllWords'].text,\r
												title: 'Ignore all words',\r
												style: 'width: 100%;',\r
												onLoad: function() {\r
													this.getElement().setAttribute("title-cmd", this.id);\r
													NS.LocalizationButton['IgnoreAllWords'].instance = this;\r
												},\r
												onClick: handlerButtons\r
											},\r
											{\r
												type: 'button',\r
												id: 'Options',\r
												label: NS.LocalizationButton['Options'].text,\r
												title: 'Option',\r
												style: 'width: 100%;',\r
												onLoad: function() {\r
													NS.LocalizationButton['Options'].instance = this;\r
													if (document.location.protocol == "file:") {\r
														this.disable();\r
													}\r
												},\r
												onClick: function() {\r
													// because in chrome and safary document.activeElement returns <body> tag. We need to signal that clicked element is active\r
													this.getElement().focus();\r
\r
													if (document.location.protocol == "file:") {\r
														alert('WSC: Options functionality is disabled when runing from file system');\r
													} else {\r
														activeElement = document.activeElement;\r
														editor.openDialog('options');\r
													}\r
												}\r
											}\r
										]\r
									}\r
								]\r
							}\r
				]\r
			},\r
			{\r
				type: 'hbox',\r
				id: 'BlockFinishChecking',\r
				style: 'width:560px; margin: 0 auto;',\r
				widths: ['70%', '30%'],\r
				onShow: function() {\r
					this.getElement().setStyles({\r
						display: 'block',\r
						position: 'absolute',\r
						left: '-9999px'\r
					});\r
				},\r
				onHide: showCurrentTabs,\r
				children: [\r
					{\r
						type: 'hbox',\r
						id: 'leftCol',\r
						align: 'left',\r
						width: '70%',\r
						children: [\r
							{\r
								type: 'vbox',\r
								id: 'rightCol1',\r
								setup: function() {\r
									this.getChild()[0].getElement().$.src = NS.logotype;\r
									this.getChild()[0].getElement().getParent().setStyles({\r
										"text-align": "center"\r
									});\r
								},\r
								children: [\r
									{\r
										type: 'html',\r
										id: 'logo',\r
										html: '<img width="99" height="68" border="0" src="" title="WebSpellChecker.net" alt="WebSpellChecker.net" style="display: inline-block;">'\r
									}\r
								]\r
							}\r
						]\r
					},\r
					{\r
						type: 'hbox',\r
						id: 'rightCol',\r
						align: 'right',\r
						width: '30%',\r
						children: [\r
							{\r
								type: 'vbox',\r
								id: 'rightCol_col__left',\r
								children: [\r
									{\r
										type: 'button',\r
										id: 'Option_button',\r
										label: NS.LocalizationButton['Options'].text,\r
										title: 'Option',\r
										style: 'width: 100%;',\r
										onLoad: function() {\r
											this.getElement().setAttribute("title-cmd", this.id);\r
											if (document.location.protocol == "file:") {\r
												this.disable();\r
											}\r
										},\r
										onClick: function() {\r
											// because in chrome and safary document.activeElement returns <body> tag. We need to signal that clicked element is active\r
											this.getElement().focus();\r
\r
											if (document.location.protocol == "file:") {\r
												alert('WSC: Options functionality is disabled when runing from file system');\r
											} else {\r
												activeElement = document.activeElement;\r
												editor.openDialog('options');\r
											}\r
										}\r
									},\r
									{\r
										type: 'button',\r
										id: 'FinishChecking_button_block',\r
										label: NS.LocalizationButton['FinishChecking_button_block'].text,\r
										title: 'Finish Checking',\r
										style: 'width: 100%;',\r
										onLoad: function() {\r
											this.getElement().setAttribute("title-cmd", 'FinishChecking');\r
										},\r
										onClick: handlerButtons\r
									}\r
								]\r
							}\r
						]\r
					}\r
				]\r
			}\r
		]\r
		},\r
			{\r
				id: 'GrammTab',\r
				label: 'Grammar',\r
				accessKey: 'G',\r
				elements: [\r
					{\r
						type: 'html',\r
						id: 'banner',\r
						label: 'banner',\r
						style: '', //TODO\r
						html: '<div></div>'\r
					},\r
					{\r
						type: 'html',\r
						id: 'Content',\r
						label: 'GrammarContent',\r
						html: '',\r
						setup: function() {\r
							var tabId = NS.iframeNumber + '_' + NS.dialog._.currentTabId;\r
							var iframe = document.getElementById(tabId);\r
							NS.targetFromFrame[tabId] = iframe.contentWindow;\r
						}\r
					},\r
					{\r
						type: 'vbox',\r
						id: 'bottomGroup',\r
						style: 'width:560px; margin: 0 auto;',\r
						children: [\r
							{\r
								type: 'hbox',\r
								id: 'leftCol',\r
								widths: ['66%', '34%'],\r
								children: [\r
									{\r
										type: 'vbox',\r
										children: [\r
											{\r
												type: 'text',\r
												id: 'text',\r
												label: "Change to:",\r
												labelLayout: 'horizontal',\r
												labelStyle: 'font: 12px/25px arial, sans-serif;',\r
												inputStyle: 'float: right; width: 200px;',\r
												'default': '',\r
												onShow: function() {\r
													NS.textNode['GrammTab'] = this;\r
												},\r
												onHide: function() {\r
													this.reset();\r
												}\r
											},\r
											{\r
												type: 'html',\r
												id: 'html_text',\r
												html: "<div style='min-height: 17px; line-height: 17px; padding: 5px; text-align: left;background: #F1F1F1;color: #595959; white-space: normal!important;'></div>",\r
												onShow: function(e) {\r
													NS.textNodeInfo['GrammTab'] = this;\r
												}\r
											},\r
											{\r
												type: 'html',\r
												id: 'radio',\r
												html: "",\r
												onShow: function() {\r
													NS.grammerSuggest = this;\r
												}\r
											}\r
										]\r
									},\r
									{\r
										type: 'vbox',\r
										children: [\r
											{\r
												type: 'button',\r
												id: 'ChangeTo_button',\r
												label: 'Change to',\r
												title: 'Change to',\r
												style: 'width: 133px; float: right;',\r
												onLoad: function() {\r
													this.getElement().setAttribute("title-cmd", 'ChangeTo');\r
												},\r
												onClick: handlerButtons\r
											},\r
											{\r
												type: 'button',\r
												id: 'IgnoreWord',\r
												label: 'Ignore word',\r
												title: 'Ignore word',\r
												style: 'width: 133px; float: right;',\r
												onLoad: function() {\r
													this.getElement().setAttribute("title-cmd", this.id);\r
												},\r
												onClick: handlerButtons\r
											},\r
											{\r
												type: 'button',\r
												id: 'IgnoreAllWords',\r
												label: 'Ignore Problem',\r
												title: 'Ignore Problem',\r
												style: 'width: 133px; float: right;',\r
												onLoad: function() {\r
													this.getElement().setAttribute("title-cmd", this.id);\r
												},\r
												onClick: handlerButtons\r
											},\r
											{\r
												type: 'button',\r
												id: 'FinishChecking_button',\r
												label: NS.LocalizationButton['FinishChecking_button'].text,\r
												title: 'Finish Checking',\r
												style: 'width: 133px; float: right; margin-top: 9px;',\r
												onLoad: function() {\r
													this.getElement().setAttribute("title-cmd", 'FinishChecking');\r
												},\r
												onClick: handlerButtons\r
											}\r
										]\r
									}\r
								]\r
							}\r
						]\r
					},\r
					{\r
						type: 'hbox',\r
						id: 'BlockFinishChecking',\r
						style: 'width:560px; margin: 0 auto;',\r
						widths: ['70%', '30%'],\r
						onShow: function() {\r
							this.getElement().setStyles({\r
								display: 'block',\r
								position: 'absolute',\r
								left: '-9999px'\r
							});\r
						},\r
						onHide: showCurrentTabs,\r
						children: [\r
							{\r
								type: 'hbox',\r
								id: 'leftCol',\r
								align: 'left',\r
								width: '70%',\r
								children: [\r
									{\r
										type: 'vbox',\r
										id: 'rightCol1',\r
										children: [\r
											{\r
												type: 'html',\r
												id: 'logo',\r
												html: '<img width="99" height="68" border="0" src="" title="WebSpellChecker.net" alt="WebSpellChecker.net" style="display: inline-block;">',\r
												setup: function() {\r
													this.getElement().$.src = NS.logotype;\r
													this.getElement().getParent().setStyles({\r
														"text-align": "center"\r
													});\r
												}\r
											}\r
										]\r
									}\r
								]\r
							},\r
							{\r
								type: 'hbox',\r
								id: 'rightCol',\r
								align: 'right',\r
								width: '30%',\r
								children: [\r
									{\r
										type: 'vbox',\r
										id: 'rightCol_col__left',\r
										children: [\r
											{\r
												type: 'button',\r
												id: 'FinishChecking_button_block',\r
												label: NS.LocalizationButton['FinishChecking_button_block'].text,\r
												title: 'Finish Checking',\r
												style: 'width: 100%;',\r
												onLoad: function() {\r
													this.getElement().setAttribute("title-cmd", 'FinishChecking');\r
												},\r
												onClick: handlerButtons\r
											}\r
										]\r
									}\r
								]\r
							}\r
						]\r
					}\r
				]\r
			},\r
			{\r
				id: 'Thesaurus',\r
				label: 'Thesaurus',\r
				accessKey: 'T',\r
				elements: [\r
					{\r
						type: 'html',\r
						id: 'banner',\r
						label: 'banner',\r
						style: '', //TODO\r
						html: '<div></div>'\r
					},\r
					{\r
						type: 'html',\r
						id: 'Content',\r
						label: 'spellContent',\r
						html: '',\r
						setup: function() {\r
							var tabId = NS.iframeNumber + '_' + NS.dialog._.currentTabId;\r
							var iframe = document.getElementById(tabId);\r
							NS.targetFromFrame[tabId] = iframe.contentWindow;\r
						}\r
					},\r
					{\r
						type: 'vbox',\r
						id: 'bottomGroup',\r
						style: 'width:560px; margin: -10px auto; overflow: hidden;',\r
						children: [\r
							{\r
								type: 'hbox',\r
								widths: ['75%', '25%'],\r
								children: [\r
									{\r
										type: 'vbox',\r
										children: [\r
											{\r
												type: 'hbox',\r
												widths: ['65%', '35%'],\r
												children: [\r
													{\r
														type: 'text',\r
														id: 'ChangeTo_label',\r
														label: NS.LocalizationLabel['ChangeTo_label'].text + ':',\r
														labelLayout: 'horizontal',\r
														inputStyle: 'width: 160px;',\r
														labelStyle: 'font: 12px/25px arial, sans-serif;',\r
														'default': '',\r
														onShow: function(e) {\r
															NS.textNode['Thesaurus'] = this;\r
															NS.LocalizationLabel['ChangeTo_label'].instance = this;\r
														},\r
														onHide: function() {\r
															this.reset();\r
														}\r
													},\r
													{\r
														type: 'button',\r
														id: 'ChangeTo_button',\r
														label: NS.LocalizationButton['ChangeTo_button'].text,\r
														title: 'Change to',\r
														style: 'width: 121px; margin-top: 1px;',\r
														onLoad: function() {\r
															this.getElement().setAttribute("title-cmd", 'ChangeTo');\r
															NS.LocalizationButton['ChangeTo_button'].instance = this;\r
														},\r
														onClick: handlerButtons\r
													}\r
												]\r
											},\r
											{\r
												type: 'hbox',\r
												children: [\r
													{\r
														type: 'select',\r
														id: 'Categories',\r
														label: NS.LocalizationLabel['Categories'].text + ':',\r
														labelStyle: 'font: 12px/25px arial, sans-serif;',\r
														size: '5',\r
														inputStyle: 'width: 180px; height: auto;',\r
														items: [],\r
														onShow: function() {\r
															NS.selectNode['Categories'] = this;\r
															NS.LocalizationLabel['Categories'].instance = this;\r
														},\r
														onChange: function() {\r
															NS.buildOptionSynonyms(this.getValue());\r
														}\r
													},\r
													{\r
														type: 'select',\r
														id: 'Synonyms',\r
														label: NS.LocalizationLabel['Synonyms'].text + ':',\r
														labelStyle: 'font: 12px/25px arial, sans-serif;',\r
														size: '5',\r
														inputStyle: 'width: 180px; height: auto;',\r
														items: [],\r
														onShow: function() {\r
															NS.selectNode['Synonyms'] = this;\r
															NS.textNode['Thesaurus'].setValue(this.getValue());\r
															NS.LocalizationLabel['Synonyms'].instance = this;\r
														},\r
														onChange: function(e) {\r
															NS.textNode['Thesaurus'].setValue(this.getValue());\r
														}\r
													}\r
												]\r
											}\r
										]\r
									},\r
									{\r
										type: 'vbox',\r
										width: '120px',\r
										style: "margin-top:46px;",\r
										children: [\r
											{\r
												type: 'html',\r
												id: 'logotype',\r
												label: 'WebSpellChecker.net',\r
												html: '<img width="99" height="68" border="0" src="" title="WebSpellChecker.net" alt="WebSpellChecker.net" style="display: inline-block;">',\r
												setup: function() {\r
													this.getElement().$.src = NS.logotype;\r
													this.getElement().getParent().setStyles({\r
														"text-align": "center"\r
													});\r
												}\r
											},\r
											{\r
												type: 'button',\r
												id: 'FinishChecking_button',\r
												label: NS.LocalizationButton['FinishChecking_button'].text,\r
												title: 'Finish Checking',\r
												style: 'width: 100%; float: right; margin-top: 9px;',\r
												onLoad: function() {\r
													this.getElement().setAttribute("title-cmd", 'FinishChecking');\r
												},\r
												onClick: handlerButtons\r
											}\r
										]\r
									}\r
								]\r
							}\r
						]\r
					},\r
					{\r
						type: 'hbox',\r
						id: 'BlockFinishChecking',\r
						style: 'width:560px; margin: 0 auto;',\r
						widths: ['70%', '30%'],\r
						onShow: function() {\r
							this.getElement().setStyles({\r
								display: 'block',\r
								position: 'absolute',\r
								left: '-9999px'\r
							});\r
						},\r
						children: [\r
							{\r
								type: 'hbox',\r
								id: 'leftCol',\r
								align: 'left',\r
								width: '70%',\r
								children: [\r
									{\r
										type: 'vbox',\r
										id: 'rightCol1',\r
										children: [\r
											{\r
												type: 'html',\r
												id: 'logo',\r
												html: '<img width="99" height="68" border="0" src="" title="WebSpellChecker.net" alt="WebSpellChecker.net" style="display: inline-block;">',\r
												setup: function() {\r
													this.getElement().$.src = NS.logotype;\r
													this.getElement().getParent().setStyles({\r
														"text-align": "center"\r
													});\r
												}\r
											}\r
										]\r
									}\r
								]\r
							},\r
							{\r
								type: 'hbox',\r
								id: 'rightCol',\r
								align: 'right',\r
								width: '30%',\r
								children: [\r
									{\r
										type: 'vbox',\r
										id: 'rightCol_col__left',\r
										children: [\r
											{\r
												type: 'button',\r
												id: 'FinishChecking_button_block',\r
												label: NS.LocalizationButton['FinishChecking_button_block'].text,\r
												title: 'Finish Checking',\r
												style: 'width: 100%;',\r
												onLoad: function() {\r
													this.getElement().setAttribute("title-cmd", 'FinishChecking');\r
												},\r
												onClick: handlerButtons\r
											}\r
										]\r
									}\r
								]\r
							}\r
						]\r
					}\r
				]\r
			}\r
		]\r
	};\r
});\r
\r
var activeElement = null;\r
\r
// Options dialog\r
CKEDITOR.dialog.add('options', function(editor) {\r
	var dialog = null;\r
	var linkOnCheckbox = {};\r
	var checkboxState = {};\r
	var ospString = null;\r
	var OptionsTextError = null;\r
	var cmd = null;\r
\r
	var set_osp = [];\r
	var dictionaryState = {\r
		'udn': appTools.cookie.get('udn'),\r
		'osp': appTools.cookie.get('osp')\r
	};\r
\r
	var setHandlerOptions = function() {\r
		var osp = appTools.cookie.get('osp'),\r
			strToArr =  osp.split("");\r
\r
		checkboxState['IgnoreAllCapsWords']		= strToArr[0];\r
		checkboxState['IgnoreWordsNumbers']		= strToArr[1];\r
		checkboxState['IgnoreMixedCaseWords']	= strToArr[2];\r
		checkboxState['IgnoreDomainNames']		= strToArr[3];\r
	};\r
\r
	var sendDicOptions = function(event) {\r
		event = event || window.event;\r
		cmd = this.getElement().getAttribute("title-cmd");\r
		var osp = [];\r
\r
		osp[0] = checkboxState['IgnoreAllCapsWords'];\r
		osp[1] = checkboxState['IgnoreWordsNumbers'];\r
		osp[2] = checkboxState['IgnoreMixedCaseWords'];\r
		osp[3] = checkboxState['IgnoreDomainNames'];\r
\r
		osp = osp.toString().replace(/,/g, "");\r
\r
\r
		appTools.cookie.set('osp', osp);\r
		appTools.cookie.set('udnCmd', cmd ? cmd : 'ignore');\r
		if (cmd == "delete") {\r
\r
			appTools.postMessage.send({\r
				'id': 'options_dic_send'\r
			});\r
		} else {\r
			var udn = '';\r
			if(nameNode.getValue() !== ''){\r
				udn = nameNode.getValue();\r
			}\r
			appTools.cookie.set('udn', udn);\r
			appTools.postMessage.send({\r
				'id': 'options_dic_send'\r
			});\r
		}\r
\r
	};\r
\r
\r
	var sendAllOptions = function() {\r
		var osp = [];\r
\r
		osp[0] = checkboxState['IgnoreAllCapsWords'];\r
		osp[1] = checkboxState['IgnoreWordsNumbers'];\r
		osp[2] = checkboxState['IgnoreMixedCaseWords'];\r
		osp[3] = checkboxState['IgnoreDomainNames'];\r
\r
		osp = osp.toString().replace(/,/g, "");\r
\r
		appTools.cookie.set('osp', osp);\r
\r
		appTools.postMessage.send({\r
			'id': 'options_checkbox_send'\r
		});\r
\r
\r
	};\r
\r
	var cameOptions = function() {\r
		OptionsTextError.getElement().setHtml(NS.LocalizationComing['error']);\r
		OptionsTextError.getElement().show();\r
	};\r
\r
	return {\r
		title: NS.LocalizationComing['Options'],\r
		minWidth: 430,\r
		minHeight: 130,\r
		resizable: CKEDITOR.DIALOG_RESIZE_NONE,\r
		contents: [\r
			{\r
			id: 'OptionsTab',\r
			label: 'Options',\r
			accessKey: 'O',\r
			elements: [\r
				{\r
					type: 'hbox',\r
					id: 'options_error',\r
					children: [\r
						{\r
							type: 'html',\r
							style: "display: block;text-align: center;white-space: normal!important; font-size: 12px;color:red",\r
							html: '<div></div>',\r
							onShow: function() {\r
								OptionsTextError = this;\r
							}\r
						}\r
					]\r
				},\r
				{\r
				type: 'vbox',\r
				id: 'Options_content',\r
				children: [\r
					{\r
						type: 'hbox',\r
						id: 'Options_manager',\r
						widths: ['52%', '48%'],\r
						children: [\r
							{\r
								type: 'fieldset',\r
								label: 'Spell Checking Options',\r
								style: 'border: none;margin-top: 13px;padding: 10px 0 10px 10px',\r
								onShow: function() {\r
									this.getInputElement().$.children[0].innerHTML = NS.LocalizationComing['SpellCheckingOptions'];\r
								},\r
								children: [\r
									{\r
										type: 'vbox',\r
										id: 'Options_checkbox',\r
										children: [\r
											{\r
												type: 'checkbox',\r
												id: 'IgnoreAllCapsWords',\r
												label: 'Ignore All-Caps Words',\r
												labelStyle: 'margin-left: 5px; font: 12px/16px arial, sans-serif;display: inline-block;white-space: normal;',\r
												style: "float:left; min-height: 16px;",\r
												'default': '',\r
												onClick: function() {\r
													checkboxState[this.id] = (!this.getValue()) ? 0 : 1;\r
												}\r
											},\r
											{\r
												type: 'checkbox',\r
												id: 'IgnoreWordsNumbers',\r
												label: 'Ignore Words with Numbers',\r
												labelStyle: 'margin-left: 5px; font: 12px/16px arial, sans-serif;display: inline-block;white-space: normal;',\r
												style: "float:left; min-height: 16px;",\r
												'default': '',\r
												onClick: function() {\r
													checkboxState[this.id] = (!this.getValue()) ? 0 : 1;\r
												}\r
											},\r
											{\r
												type: 'checkbox',\r
												id: 'IgnoreMixedCaseWords',\r
												label: 'Ignore Mixed-Case Words',\r
												labelStyle: 'margin-left: 5px; font: 12px/16px arial, sans-serif;display: inline-block;white-space: normal;',\r
												style: "float:left; min-height: 16px;",\r
												'default': '',\r
												onClick: function() {\r
													checkboxState[this.id] = (!this.getValue()) ? 0 : 1;\r
												}\r
											},\r
											{\r
												type: 'checkbox',\r
												id: 'IgnoreDomainNames',\r
												label: 'Ignore Domain Names',\r
												labelStyle: 'margin-left: 5px; font: 12px/16px arial, sans-serif;display: inline-block;white-space: normal;',\r
												style: "float:left; min-height: 16px;",\r
												'default': '',\r
												onClick: function() {\r
													checkboxState[this.id] = (!this.getValue()) ? 0 : 1;\r
												}\r
											}\r
									]\r
								}\r
							]\r
						},\r
						{\r
							type: 'vbox',\r
							id: 'Options_DictionaryName',\r
							children: [\r
								{\r
									type: 'text',\r
									id: 'DictionaryName',\r
									style: 'margin-bottom: 10px',\r
									label: 'Dictionary Name:',\r
									labelLayout: 'vertical',\r
									labelStyle: 'font: 12px/25px arial, sans-serif;',\r
									'default': '',\r
									onLoad: function() {\r
										nameNode = this;\r
										var udn = NS.userDictionaryName ? NS.userDictionaryName : appTools.cookie.get('udn') && undefined ? ' ' : this.getValue();\r
										this.setValue(udn);\r
									},\r
									onShow: function() {\r
										nameNode = this;\r
										var udn = !appTools.cookie.get('udn') ? this.getValue() : appTools.cookie.get('udn');\r
										this.setValue(udn);\r
										this.setLabel(NS.LocalizationComing['DictionaryName']);\r
									},\r
									onHide: function() {\r
										this.reset();\r
									}\r
								},\r
								{\r
									type: 'hbox',\r
									id: 'Options_buttons',\r
									children: [\r
										{\r
											type: 'vbox',\r
											id: 'Options_leftCol_col',\r
											widths: ['50%', '50%'],\r
											children: [\r
												{\r
													type: 'button',\r
													id: 'create',\r
													label: 'Create',\r
													title: 'Create',\r
													style: 'width: 100%;',\r
													onLoad: function() {\r
														this.getElement().setAttribute("title-cmd", this.id);\r
													},\r
													onShow: function() {\r
														var el = this.getElement().getFirst() || this.getElement();\r
\r
														el.setText(NS.LocalizationComing['Create']);\r
													},\r
													onClick: sendDicOptions\r
												},\r
												{\r
													type: 'button',\r
													id: 'restore',\r
													label: 'Restore',\r
													title: 'Restore',\r
													style: 'width: 100%;',\r
													onLoad: function() {\r
														this.getElement().setAttribute("title-cmd", this.id);\r
													},\r
													onShow: function() {\r
														var el = this.getElement().getFirst() || this.getElement();\r
\r
														el.setText(NS.LocalizationComing['Restore']);\r
													},\r
													onClick: sendDicOptions\r
												}\r
											]\r
										},\r
										{\r
											type: 'vbox',\r
											id: 'Options_rightCol_col',\r
											widths: ['50%', '50%'],\r
											children: [\r
												{\r
													type: 'button',\r
													id: 'rename',\r
													label: 'Rename',\r
													title: 'Rename',\r
													style: 'width: 100%;',\r
													onLoad: function() {\r
														this.getElement().setAttribute("title-cmd", this.id);\r
													},\r
													onShow: function() {\r
														var el = this.getElement().getFirst() || this.getElement();\r
\r
														el.setText(NS.LocalizationComing['Rename']);\r
													},\r
													onClick: sendDicOptions\r
												},\r
												{\r
													type: 'button',\r
													id: 'delete',\r
													label: 'Remove',\r
													title: 'Remove',\r
													style: 'width: 100%;',\r
													onLoad: function() {\r
														this.getElement().setAttribute("title-cmd", this.id);\r
													},\r
													onShow: function() {\r
														var el = this.getElement().getFirst() || this.getElement();\r
\r
														el.setText(NS.LocalizationComing['Remove']);\r
													},\r
													onClick: sendDicOptions\r
												}\r
											]\r
										}\r
									]\r
								}\r
							]\r
						}\r
					]\r
				},\r
				{\r
					type: 'hbox',\r
					id: 'Options_text',\r
					children: [\r
						{\r
							type: 'html',\r
							style: "text-align: justify;margin-top: 15px;white-space: normal!important; font-size: 12px;color:#777;",\r
							html: "<div>" + NS.LocalizationComing['OptionsTextIntro'] + "</div>",\r
							onShow: function() {\r
								this.getElement().setText(NS.LocalizationComing['OptionsTextIntro']);\r
							}\r
						}\r
					]\r
				}\r
			]\r
		}\r
	]\r
}\r
],\r
		buttons: [CKEDITOR.dialog.okButton, CKEDITOR.dialog.cancelButton],\r
		onOk: function() {\r
			sendAllOptions();\r
			OptionsTextError.getElement().hide();\r
			OptionsTextError.getElement().setHtml(' ');\r
		},\r
		onLoad: function() {\r
			dialog = this;\r
			// appTools.postMessage.init(cameOptions);\r
\r
			linkOnCheckbox['IgnoreAllCapsWords'] = dialog.getContentElement('OptionsTab', 'IgnoreAllCapsWords');\r
			linkOnCheckbox['IgnoreWordsNumbers'] = dialog.getContentElement('OptionsTab', 'IgnoreWordsNumbers');\r
			linkOnCheckbox['IgnoreMixedCaseWords'] = dialog.getContentElement('OptionsTab', 'IgnoreMixedCaseWords');\r
			linkOnCheckbox['IgnoreDomainNames'] = dialog.getContentElement('OptionsTab', 'IgnoreDomainNames');\r
\r
		},\r
		onShow: function() {\r
			appTools.postMessage.init(cameOptions);\r
			setHandlerOptions();\r
\r
			(!parseInt(checkboxState['IgnoreAllCapsWords'], 10)) ? linkOnCheckbox['IgnoreAllCapsWords'].setValue('', false) : linkOnCheckbox['IgnoreAllCapsWords'].setValue('checked', false);\r
			(!parseInt(checkboxState['IgnoreWordsNumbers'], 10)) ? linkOnCheckbox['IgnoreWordsNumbers'].setValue('', false) : linkOnCheckbox['IgnoreWordsNumbers'].setValue('checked', false);\r
			(!parseInt(checkboxState['IgnoreMixedCaseWords'], 10)) ? linkOnCheckbox['IgnoreMixedCaseWords'].setValue('', false) : linkOnCheckbox['IgnoreMixedCaseWords'].setValue('checked', false);\r
			(!parseInt(checkboxState['IgnoreDomainNames'], 10)) ? linkOnCheckbox['IgnoreDomainNames'].setValue('', false) : linkOnCheckbox['IgnoreDomainNames'].setValue('checked', false);\r
\r
			checkboxState['IgnoreAllCapsWords'] = (!linkOnCheckbox['IgnoreAllCapsWords'].getValue()) ? 0 : 1;\r
			checkboxState['IgnoreWordsNumbers'] = (!linkOnCheckbox['IgnoreWordsNumbers'].getValue()) ? 0 : 1;\r
			checkboxState['IgnoreMixedCaseWords'] = (!linkOnCheckbox['IgnoreMixedCaseWords'].getValue()) ? 0 : 1;\r
			checkboxState['IgnoreDomainNames'] = (!linkOnCheckbox['IgnoreDomainNames'].getValue()) ? 0 : 1;\r
\r
			linkOnCheckbox['IgnoreAllCapsWords'].getElement().$.lastChild.innerHTML = NS.LocalizationComing['IgnoreAllCapsWords'];\r
			linkOnCheckbox['IgnoreWordsNumbers'].getElement().$.lastChild.innerHTML = NS.LocalizationComing['IgnoreWordsWithNumbers'];\r
			linkOnCheckbox['IgnoreMixedCaseWords'].getElement().$.lastChild.innerHTML = NS.LocalizationComing['IgnoreMixedCaseWords'];\r
			linkOnCheckbox['IgnoreDomainNames'].getElement().$.lastChild.innerHTML = NS.LocalizationComing['IgnoreDomainNames'];\r
		},\r
		onHide: function() {\r
			appTools.postMessage.unbindHandler(cameOptions);\r
			if(activeElement) {\r
				try {\r
					activeElement.focus();\r
				} catch(e) {}\r
			}\r
		}\r
	};\r
});\r
\r
// Expand the spell-check frame when dialog resized. (#6829)\r
CKEDITOR.dialog.on( 'resize', function( evt ) {\r
	var data = evt.data,\r
		dialog = data.dialog,\r
		currentTabId = dialog._.currentTabId,\r
		tabID = NS.iframeNumber + '_' + currentTabId,\r
		iframe = CKEDITOR.document.getById(tabID);\r
\r
	if ( dialog._.name == 'checkspell' ) {\r
		if (NS.bnr) {\r
			iframe && iframe.setSize( 'height', data.height - '310' );\r
		} else {\r
			iframe && iframe.setSize( 'height', data.height - '220' );\r
		}\r
\r
		// add flag that indicate whether dialog has been resized by user\r
		if(dialog._.fromResizeEvent && !dialog._.resized) {\r
			dialog._.resized = true;\r
		}\r
		dialog._.fromResizeEvent = true;\r
	}\r
});\r
\r
CKEDITOR.on('dialogDefinition', function(dialogDefinitionEvent) {\r
\r
    if(dialogDefinitionEvent.data.name === 'checkspell') {\r
		var dialogDefinition = dialogDefinitionEvent.data.definition;\r
\r
		 NS.onLoadOverlay = new overlayBlock({\r
			opacity: "1",\r
			background: "#fff",\r
			target: dialogDefinition.dialog.parts.tabs.getParent().$\r
		});\r
\r
		NS.onLoadOverlay.setEnable();\r
\r
		dialogDefinition.dialog.on('cancel', function(cancelEvent) {\r
			dialogDefinition.dialog.getParentEditor().config.wsc_onClose.call(this.document.getWindow().getFrame());\r
    		NS.div_overlay.setDisable();\r
    		NS.onLoadOverlay.setDisable();\r
			return false;\r
		}, this, null, -1);\r
	}\r
});\r
})();\r