text: ﻿/*
  Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
  For licensing, see LICENSE.html or http://ckeditor.com/license
  */
  
  CKEDITOR.dialog.add( 'scaytcheck', function( editor )
  {
  	var firstLoad = true,
  		captions,
  		doc = CKEDITOR.document,
  		tags = [],
  		i,
  		contents = [],
  		userDicActive = 0,
  		dic_buttons = [
  			// [0] contains buttons for creating
  			"dic_create,dic_restore",
  			// [1] contains buton for manipulation
  			"dic_rename,dic_delete"
  		],
  		optionsIds = [ 'mixedCase', 'mixedWithDigits', 'allCaps', 'ignoreDomainNames' ];
  
  	// common operations
  
  	function getBOMAllOptions()
  	{
  		 return document.forms.optionsbar["options"];
  	}
  	function getBOMAllLangs()
  	{
  		 return document.forms.languagesbar["scayt_lang"];
  	}
  
  	function setCheckedValue( radioObj, newValue )
  	{
  		if ( !radioObj )
  			return;
  		var radioLength = radioObj.length;
  		if ( radioLength == undefined )
  		{
  			radioObj.checked = radioObj.value == newValue.toString();
  			return;
  		}
  		for ( var i = 0; i < radioLength; i++ )
  		{
  			radioObj[i].checked = false;
  			if ( radioObj[i].value == newValue.toString() )
  				radioObj[i].checked = true;
  		}
  	}
  
  	var lang = editor.lang.scayt;
  	var tags_contents =  [
  				{
  					id : 'options',
  					label : lang.optionsTab,
  					elements : [
  						{
  							type : 'html',
  							id : 'options',
  							html : 	'<form name="optionsbar"><div class="inner_options">' +
  									'	<div class="messagebox"></div>' +
  									'	<div style="display:none;">' +
  									'		<input type="checkbox" name="options"  id="allCaps" />' +
  									'		<label for="allCaps" id="label_allCaps"></label>' +
  									'	</div>' +
  									'	<div style="display:none;">' +
  									'		<input name="options" type="checkbox"  id="ignoreDomainNames" />' +
  									'		<label for="ignoreDomainNames" id="label_ignoreDomainNames"></label>' +
  									'	</div>' +
  									'	<div style="display:none;">' +
  									'	<input name="options" type="checkbox"  id="mixedCase" />' +
  									'		<label for="mixedCase" id="label_mixedCase"></label>' +
  									'	</div>' +
  									'	<div style="display:none;">' +
  									'		<input name="options" type="checkbox"  id="mixedWithDigits" />' +
  									'		<label for="mixedWithDigits" id="label_mixedWithDigits"></label>' +
  									'	</div>' +
  									'</div></form>'
  						}
  					]
  				},
  				{
  					id : 'langs',
  					label : lang.languagesTab,
  					elements : [
  						{
  							type : 'html',
  							id : 'langs',
  							html : 	'<form name="languagesbar"><div class="inner_langs">' +
  									'	<div class="messagebox"></div>	' +
  									'   <div style="float:left;width:45%;margin-left:5px;" id="scayt_lcol" ></div>' +
  									'   <div style="float:left;width:45%;margin-left:15px;" id="scayt_rcol"></div>' +
  									'</div></form>'
  						}
  					]
  				},
  				{
  					id : 'dictionaries',
  					label : lang.dictionariesTab,
  					elements : [
  						{
  							type : 'html',
  							style: '',
  							id : 'dictionaries',
  							html : 	'<form name="dictionarybar"><div class="inner_dictionary" style="text-align:left; white-space:normal; width:320px; overflow: hidden;">' +
  									'	<div style="margin:5px auto; width:80%;white-space:normal; overflow:hidden;" id="dic_message"> </div>' +
  									'	<div style="margin:5px auto; width:80%;white-space:normal;"> ' +
  									'       <span class="cke_dialog_ui_labeled_label" >Dictionary name</span><br>'+
  									'		<span class="cke_dialog_ui_labeled_content" >'+
  									'			<div class="cke_dialog_ui_input_text">'+
  									'				<input id="dic_name" type="text" class="cke_dialog_ui_input_text"/>'+
  									'		</div></span></div>'+
  									'		<div style="margin:5px auto; width:80%;white-space:normal;">'+
  									'			<a style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_create">'+
  									'				</a>' +
  									'			<a  style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_delete">'+
  									'				</a>' +
  									'			<a  style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_rename">'+
  									'				</a>' +
  									'			<a  style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_restore">'+
  									'				</a>' +
  									'		</div>' +
  									'	<div style="margin:5px auto; width:95%;white-space:normal;" id="dic_info"></div>' +
  									'</div></form>'
  						}
  					]
  				},
  				{
  					id : 'about',
  					label : lang.aboutTab,
  					elements : [
  						{
  							type : 'html',
  							id : 'about',
  							style : 'margin: 5px 5px;',
  							html : '<div id="scayt_about"></div>'
  						}
  					]
  				}
  			];
  
  	var dialogDefiniton = {
  		title : lang.title,
  		minWidth : 360,
  		minHeight : 220,
  		onShow : function()
  		{
  			var dialog = this;
  			dialog.data = editor.fire( 'scaytDialog', {} );
  			dialog.options = dialog.data.scayt_control.option();
  			dialog.sLang = dialog.data.scayt_control.sLang;
  
  			if ( !dialog.data || !dialog.data.scayt || !dialog.data.scayt_control )
  			{
  				alert( 'Error loading application service' );
  				dialog.hide();
  				return;
  			}
  
  			var stop = 0;
  			if ( firstLoad )
  			{
  				dialog.data.scayt.getCaption( editor.langCode || 'en', function( caps )
  				{
  					if ( stop++ > 0 )	// Once only
  						return;
  					captions = caps;
  					init_with_captions.apply( dialog );
  					reload.apply( dialog );
  					firstLoad = false;
  				});
  			}
  			else
  				reload.apply( dialog );
  
  			dialog.selectPage( dialog.data.tab );
  		},
  		onOk : function()
  		{
  			var scayt_control =  this.data.scayt_control;
  			scayt_control.option( this.options );
  			// Setup languge if it was changed.
  			var csLang = this.chosed_lang;
  			scayt_control.setLang( csLang );
  			scayt_control.refresh();
  		},
  		onCancel: function()
  		{
  			var o = getBOMAllOptions();
  			for ( var i in o )
  				o[i].checked = false;
  
  			setCheckedValue( getBOMAllLangs(), "" );
  		},
  		contents : contents
  	};
  
  	var scayt_control = CKEDITOR.plugins.scayt.getScayt( editor );
  
  	tags = CKEDITOR.plugins.scayt.uiTabs;
  
  	for ( var i in tags )
  	{
  		if ( tags[ i ] == 1 )
  			contents[ contents.length ] = tags_contents[ i ];
  	}
  	if ( tags[2] == 1 )
  		userDicActive = 1;
  
  
  	var init_with_captions = function()
  	{
  		var dialog = this,
  			lang_list = dialog.data.scayt.getLangList(),
  			buttons = [ 'dic_create', 'dic_delete', 'dic_rename', 'dic_restore' ],
  			labels = optionsIds,
  			i;
  
  		// Add buttons titles
  		if ( userDicActive )
  		{
  			for ( i = 0; i < buttons.length; i++ )
  			{
  				var button = buttons[ i ];
  				doc.getById( button ).setHtml( '<span class="cke_dialog_ui_button">' + captions[ 'button_' + button]  +'</span>' );
  			}
  			doc.getById( 'dic_info' ).setHtml( captions[ 'dic_info' ] );
  		}
  
  
  		// Fill options and dictionary labels.
  		if ( tags[0] == 1 )
  		{
  			for ( i in labels )
  			{
  				var label = 'label_' + labels[ i ],
  					labelElement = doc.getById( label );
  
  				if (  'undefined' != typeof labelElement
  				   && 'undefined' != typeof captions[ label ]
  				   && 'undefined' != typeof dialog.options[labels[ i ]] )
  				{
  					labelElement.setHtml( captions[ label ] );
  					var labelParent = labelElement.getParent();
  					labelParent.$.style.display = "block";
  				}
  			}
  		}
  
  		var about = '<p><img src="' + window.scayt.getAboutInfo().logoURL + '" /></p>' +
  				'<p>' + captions[ 'version' ] + window.scayt.getAboutInfo().version.toString() + '</p>' +
  				'<p>' + captions[ 'about_throwt_copy' ] + '</p>';
  
  		doc.getById( 'scayt_about' ).setHtml( about );
  
  		// Create languages tab.
  		var createOption = function( option, list )
  		{
  			var label = doc.createElement( 'label' );
  			label.setAttribute( 'for', 'cke_option' + option );
  			label.setHtml( list[ option ] );
  
  			if ( dialog.sLang == option )	// Current.
  				dialog.chosed_lang = option;
  
  			var div = doc.createElement( 'div' );
  			var radio = CKEDITOR.dom.element.createFromHtml( '<input id="cke_option' +
  					option + '" type="radio" ' +
  					( dialog.sLang == option ? 'checked="checked"' : '' ) +
  					' value="' + option + '" name="scayt_lang" />' );
  
  			radio.on( 'click', function()
  				{
  					this.$.checked = true;
  					dialog.chosed_lang = option;
  				});
  
  			div.append( radio );
  			div.append( label );
  
  			return {
  				lang : list[ option ],
  				code : option,
  				radio : div
  			};
  		};
  
  		var langList = [];
  		if ( tags[1] ==1 )
  		{
  			for ( var i in lang_list.rtl )
  				langList[ langList.length ] = createOption( i, lang_list.ltr );
  
  			for ( i in lang_list.ltr )
  				langList[ langList.length  ] = createOption( i, lang_list.ltr );
  
  			langList.sort( 	function( lang1, lang2 )
  				{
  					return ( lang2.lang > lang1.lang ) ? -1 : 1 ;
  				});
  
  			var fieldL = doc.getById( 'scayt_lcol' ),
  				fieldR = doc.getById( 'scayt_rcol' );
  			for ( i=0; i < langList.length; i++ )
  			{
  				var field = ( i < langList.length / 2 ) ? fieldL : fieldR;
  				field.append( langList[ i ].radio );
  			}
  		}
  
  		// user dictionary handlers
  		var dic = {};
  		dic.dic_create = function( el, dic_name , dic_buttons )
  		{
  			// comma separated button's ids include repeats if exists
  			var all_buttons = dic_buttons[0] + ',' + dic_buttons[1];
  
  			var err_massage = captions["err_dic_create"];
  			var suc_massage = captions["succ_dic_create"];
  
  			window.scayt.createUserDictionary( dic_name,
  				function( arg )
  				{
  					hide_dic_buttons ( all_buttons );
  					display_dic_buttons ( dic_buttons[1] );
  					suc_massage = suc_massage.replace("%s" , arg.dname );
  					dic_success_message (suc_massage);
  				},
  				function( arg )
  				{
  					err_massage = err_massage.replace("%s" ,arg.dname );
  					dic_error_message ( err_massage + "( "+ (arg.message || "") +")");
  				});
  
  		};
  
  		dic.dic_rename = function( el, dic_name )
  		{
  			//
  			// try to rename dictionary
  			var err_massage = captions["err_dic_rename"] || "";
  			var suc_massage = captions["succ_dic_rename"] || "";
  			window.scayt.renameUserDictionary( dic_name,
  				function( arg )
  					{
  						suc_massage = suc_massage.replace("%s" , arg.dname );
  						set_dic_name( dic_name );
  						dic_success_message ( suc_massage );
  					},
  				function( arg )
  					{
  						err_massage = err_massage.replace("%s" , arg.dname  );
  						set_dic_name( dic_name );
  						dic_error_message( err_massage + "( " + ( arg.message || "" ) + " )" );
  					});
  		};
  
  		dic.dic_delete = function( el, dic_name , dic_buttons )
  		{
  			var all_buttons = dic_buttons[0] + ',' + dic_buttons[1];
  			var err_massage = captions["err_dic_delete"];
  			var suc_massage = captions["succ_dic_delete"];
  
  			// try to delete dictionary
  			window.scayt.deleteUserDictionary(
  				function( arg )
  				{
  					suc_massage = suc_massage.replace("%s" , arg.dname );
  					hide_dic_buttons ( all_buttons );
  					display_dic_buttons ( dic_buttons[0] );
  					set_dic_name( "" ); // empty input field
  					dic_success_message( suc_massage );
  				},
  				function( arg )
  				{
  					err_massage = err_massage.replace("%s" , arg.dname );
  					dic_error_message(err_massage);
  				});
  		};
  
  		dic.dic_restore = dialog.dic_restore || function( el, dic_name , dic_buttons )
  			{
  				// try to restore existing dictionary
  				var all_buttons = dic_buttons[0] + ',' + dic_buttons[1];
  				var err_massage = captions["err_dic_restore"];
  				var suc_massage = captions["succ_dic_restore"];
  
  				window.scayt.restoreUserDictionary(dic_name,
  					function( arg )
  					{
  						suc_massage = suc_massage.replace("%s" , arg.dname );
  						hide_dic_buttons ( all_buttons );
  						display_dic_buttons(dic_buttons[1]);
  						dic_success_message( suc_massage );
  					},
  					function( arg )
  					{
  						err_massage = err_massage.replace("%s" , arg.dname );
  						dic_error_message( err_massage );
  					});
  			};
  
  		function onDicButtonClick( ev )
  		{
  			var dic_name = doc.getById('dic_name').getValue();
  			if ( !dic_name )
  			{
  				dic_error_message(" Dictionary name should not be empty. ");
  				return false;
  			}
  			try{
  				var el = id = ev.data.getTarget().getParent();
  				var id = el.getId();
  				dic[ id ].apply( null, [ el, dic_name, dic_buttons ] );
  			}
  			catch(err)
  			{
  				dic_error_message(" Dictionary error. ");
  			}
  
  			return true;
  		}
  
  		// ** bind event listeners
  		var arr_buttons = ( dic_buttons[0] + ',' + dic_buttons[1] ).split( ',' ),
  			l;
  
  		for ( i = 0, l = arr_buttons.length ; i < l ; i += 1 )
  		{
  			var dic_button = doc.getById(arr_buttons[i]);
  			if ( dic_button )
  				dic_button.on( 'click', onDicButtonClick, this );
  		}
  	};
  
  	var reload = function()
  	{
  		var dialog = this;
  		// for enabled options tab
  		if ( tags[0] == 1 ){
  			var opto = getBOMAllOptions();
  
  			// Animate options.
  			for ( var k=0,l = opto.length; k<l;k++ )
  			{
  
  				var i = opto[k].id;
  				var checkbox = doc.getById( i );
  
  				if ( checkbox )
  				{
  					opto[k].checked = false;
  					//alert (opto[k].removeAttribute)
  					if ( dialog.options[ i ] == 1 )
  					{
  						opto[k].checked = true;
  					}
  
  
  					// Bind events. Do it only once.
  					if ( firstLoad )
  					{
  						checkbox.on( 'click', function()
  						{
  							dialog.options[ this.getId() ] = this.$.checked ? 1 : 0 ;
  						});
  					}
  				}
  			}
  		}
  
  		//for enabled languages tab
  		if ( tags[1] == 1 )
  		{
  			var domLang = doc.getById("cke_option" + dialog.sLang);
  			setCheckedValue( domLang.$,dialog.sLang );
  		}
  
  		// * user dictionary
  		if ( userDicActive )
  		{
  			window.scayt.getNameUserDictionary(
  				function( o )
  				{
  					var dic_name = o.dname;
  					hide_dic_buttons( dic_buttons[0] + ',' + dic_buttons[1] );
  					if ( dic_name )
  					{
  						doc.getById( 'dic_name' ).setValue(dic_name);
  						display_dic_buttons( dic_buttons[1] );
  					}
  					else
  						display_dic_buttons( dic_buttons[0] );
  
  				},
  				function()
  				{
  					doc.getById( 'dic_name' ).setValue("");
  				});
  			dic_success_message("");
  		}
  
  	};
  
  	function dic_error_message( m )
  	{
  		doc.getById('dic_message').setHtml('<span style="color:red;">' + m + '</span>' );
  	}
  	function dic_success_message( m )
  	{
  		doc.getById('dic_message').setHtml('<span style="color:blue;">' + m + '</span>') ;
  	}
  	function display_dic_buttons( sIds )
  	{
  		sIds = String( sIds );
  		var aIds = sIds.split(',');
  		for ( var i=0, l = aIds.length; i < l ; i+=1)
  			doc.getById( aIds[i] ).$.style.display = "inline";
  	}
  	function hide_dic_buttons( sIds )
  	{
  		sIds = String( sIds );
  		var aIds = sIds.split(',');
  		for ( var i = 0, l = aIds.length; i < l ; i += 1 )
  			doc.getById( aIds[i] ).$.style.display = "none";
  	}
  	function set_dic_name( dic_name )
  	{
  		doc.getById('dic_name').$.value= dic_name;
  	}
  
  	return dialogDefiniton;
  });
  