ckeditor-rails 0.0.4 → 0.0.5

data/vendor/assets/ckeditor/ckeditor/_source/plugins/forms/dialogs/select.js

@@ -1,558 +1,558 @@
-/*
-Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
-For licensing, see LICENSE.html or http://ckeditor.com/license
-*/
-CKEDITOR.dialog.add( 'select', function( editor )
-{
-	// Add a new option to a SELECT object (combo or list).
-	function addOption( combo, optionText, optionValue, documentObject, index )
-	{
-		combo = getSelect( combo );
-		var oOption;
-		if ( documentObject )
-			oOption = documentObject.createElement( "OPTION" );
-		else
-			oOption = document.createElement( "OPTION" );
-
-		if ( combo && oOption && oOption.getName() == 'option' )
-		{
-			if ( CKEDITOR.env.ie ) {
-				if ( !isNaN( parseInt( index, 10) ) )
-					combo.$.options.add( oOption.$, index );
-				else
-					combo.$.options.add( oOption.$ );
-
-				oOption.$.innerHTML = optionText.length > 0 ? optionText : '';
-				oOption.$.value     = optionValue;
-			}
-			else
-			{
-				if ( index !== null && index < combo.getChildCount() )
-					combo.getChild( index < 0 ? 0 : index ).insertBeforeMe( oOption );
-				else
-					combo.append( oOption );
-
-				oOption.setText( optionText.length > 0 ? optionText : '' );
-				oOption.setValue( optionValue );
-			}
-		}
-		else
-			return false;
-
-		return oOption;
-	}
-	// Remove all selected options from a SELECT object.
-	function removeSelectedOptions( combo )
-	{
-		combo = getSelect( combo );
-
-		// Save the selected index
-		var iSelectedIndex = getSelectedIndex( combo );
-
-		// Remove all selected options.
-		for ( var i = combo.getChildren().count() - 1 ; i >= 0 ; i-- )
-		{
-			if ( combo.getChild( i ).$.selected )
-				combo.getChild( i ).remove();
-		}
-
-		// Reset the selection based on the original selected index.
-		setSelectedIndex( combo, iSelectedIndex );
-	}
-	//Modify option  from a SELECT object.
-	function modifyOption( combo, index, title, value )
-	{
-		combo = getSelect( combo );
-		if ( index < 0 )
-			return false;
-		var child = combo.getChild( index );
-		child.setText( title );
-		child.setValue( value );
-		return child;
-	}
-	function removeAllOptions( combo )
-	{
-		combo = getSelect( combo );
-		while ( combo.getChild( 0 ) && combo.getChild( 0 ).remove() )
-		{ /*jsl:pass*/ }
-	}
-	// Moves the selected option by a number of steps (also negative).
-	function changeOptionPosition( combo, steps, documentObject )
-	{
-		combo = getSelect( combo );
-		var iActualIndex = getSelectedIndex( combo );
-		if ( iActualIndex < 0 )
-			return false;
-
-		var iFinalIndex = iActualIndex + steps;
-		iFinalIndex = ( iFinalIndex < 0 ) ? 0 : iFinalIndex;
-		iFinalIndex = ( iFinalIndex >= combo.getChildCount() ) ? combo.getChildCount() - 1 : iFinalIndex;
-
-		if ( iActualIndex == iFinalIndex )
-			return false;
-
-		var oOption = combo.getChild( iActualIndex ),
-			sText	= oOption.getText(),
-			sValue	= oOption.getValue();
-
-		oOption.remove();
-
-		oOption = addOption( combo, sText, sValue, ( !documentObject ) ? null : documentObject, iFinalIndex );
-		setSelectedIndex( combo, iFinalIndex );
-		return oOption;
-	}
-	function getSelectedIndex( combo )
-	{
-		combo = getSelect( combo );
-		return combo ? combo.$.selectedIndex : -1;
-	}
-	function setSelectedIndex( combo, index )
-	{
-		combo = getSelect( combo );
-		if ( index < 0 )
-			return null;
-		var count = combo.getChildren().count();
-		combo.$.selectedIndex = ( index >= count ) ? ( count - 1 ) : index;
-		return combo;
-	}
-	function getOptions( combo )
-	{
-		combo = getSelect( combo );
-		return combo ? combo.getChildren() : false;
-	}
-	function getSelect( obj )
-	{
-		if ( obj && obj.domId && obj.getInputElement().$ )				// Dialog element.
-			return  obj.getInputElement();
-		else if ( obj && obj.$ )
-			return obj;
-		return false;
-	}
-
-	return {
-		title : editor.lang.select.title,
-		minWidth : CKEDITOR.env.ie ? 460 : 395,
-		minHeight : CKEDITOR.env.ie ? 320 : 300,
-		onShow : function()
-		{
-			delete this.selectBox;
-			this.setupContent( 'clear' );
-			var element = this.getParentEditor().getSelection().getSelectedElement();
-			if ( element && element.getName() == "select" )
-			{
-				this.selectBox = element;
-				this.setupContent( element.getName(), element );
-
-				// Load Options into dialog.
-				var objOptions = getOptions( element );
-				for ( var i = 0 ; i < objOptions.count() ; i++ )
-					this.setupContent( 'option', objOptions.getItem( i ) );
-			}
-		},
-		onOk : function()
-		{
-			var editor = this.getParentEditor(),
-				element = this.selectBox,
-				isInsertMode = !element;
-
-			if ( isInsertMode )
-				element = editor.document.createElement( 'select' );
-			this.commitContent( element );
-
-			if ( isInsertMode )
-			{
-				editor.insertElement( element );
-				if ( CKEDITOR.env.ie )
-				{
-					var sel = editor.getSelection(),
-						bms = sel.createBookmarks();
-					setTimeout(function()
-					{
-						sel.selectBookmarks( bms );
-					}, 0 );
-				}
-			}
-		},
-		contents : [
-			{
-				id : 'info',
-				label : editor.lang.select.selectInfo,
-				title : editor.lang.select.selectInfo,
-				accessKey : '',
-				elements : [
-					{
-						id : 'txtName',
-						type : 'text',
-						widths : [ '25%','75%' ],
-						labelLayout : 'horizontal',
-						label : editor.lang.common.name,
-						'default' : '',
-						accessKey : 'N',
-						style : 'width:350px',
-						setup : function( name, element )
-						{
-							if ( name == 'clear' )
-								this.setValue( this[ 'default' ] || '' );
-							else if ( name == 'select' )
-							{
-								this.setValue(
-										element.data( 'cke-saved-name' ) ||
-										element.getAttribute( 'name' ) ||
-										'' );
-							}
-						},
-						commit : function( element )
-						{
-							if ( this.getValue() )
-								element.data( 'cke-saved-name', this.getValue() );
-							else
-							{
-								element.data( 'cke-saved-name', false );
-								element.removeAttribute( 'name' );
-							}
-						}
-					},
-					{
-						id : 'txtValue',
-						type : 'text',
-						widths : [ '25%','75%' ],
-						labelLayout : 'horizontal',
-						label : editor.lang.select.value,
-						style : 'width:350px',
-						'default' : '',
-						className : 'cke_disabled',
-						onLoad : function()
-						{
-							this.getInputElement().setAttribute( 'readOnly', true );
-						},
-						setup : function( name, element )
-						{
-							if ( name == 'clear' )
-								this.setValue( '' );
-							else if ( name == 'option' && element.getAttribute( 'selected' ) )
-								this.setValue( element.$.value );
-						}
-					},
-					{
-						type : 'hbox',
-						widths : [ '175px', '170px' ],
-						children :
-						[
-							{
-								id : 'txtSize',
-								type : 'text',
-								labelLayout : 'horizontal',
-								label : editor.lang.select.size,
-								'default' : '',
-								accessKey : 'S',
-								style : 'width:175px',
-								validate: function()
-								{
-									var func = CKEDITOR.dialog.validate.integer( editor.lang.common.validateNumberFailed );
-									return ( ( this.getValue() === '' ) || func.apply( this ) );
-								},
-								setup : function( name, element )
-								{
-									if ( name == 'select' )
-										this.setValue( element.getAttribute( 'size' ) || '' );
-									if ( CKEDITOR.env.webkit )
-										this.getInputElement().setStyle( 'width', '86px' );
-								},
-								commit : function( element )
-								{
-									if ( this.getValue() )
-										element.setAttribute( 'size', this.getValue() );
-									else
-										element.removeAttribute( 'size' );
-								}
-							},
-							{
-								type : 'html',
-								html : '<span>' + CKEDITOR.tools.htmlEncode( editor.lang.select.lines ) + '</span>'
-							}
-						]
-					},
-					{
-						type : 'html',
-						html : '<span>' + CKEDITOR.tools.htmlEncode( editor.lang.select.opAvail ) + '</span>'
-					},
-					{
-						type : 'hbox',
-						widths : [ '115px', '115px' ,'100px' ],
-						children :
-						[
-							{
-								type : 'vbox',
-								children :
-								[
-									{
-										id : 'txtOptName',
-										type : 'text',
-										label : editor.lang.select.opText,
-										style : 'width:115px',
-										setup : function( name, element )
-										{
-											if ( name == 'clear' )
-												this.setValue( "" );
-										}
-									},
-									{
-										type : 'select',
-										id : 'cmbName',
-										label : '',
-										title : '',
-										size : 5,
-										style : 'width:115px;height:75px',
-										items : [],
-										onChange : function()
-										{
-											var dialog = this.getDialog(),
-												values = dialog.getContentElement( 'info', 'cmbValue' ),
-												optName = dialog.getContentElement( 'info', 'txtOptName' ),
-												optValue = dialog.getContentElement( 'info', 'txtOptValue' ),
-												iIndex = getSelectedIndex( this );
-
-											setSelectedIndex( values, iIndex );
-											optName.setValue( this.getValue() );
-											optValue.setValue( values.getValue() );
-										},
-										setup : function( name, element )
-										{
-											if ( name == 'clear' )
-												removeAllOptions( this );
-											else if ( name == 'option' )
-												addOption( this, element.getText(), element.getText(),
-													this.getDialog().getParentEditor().document );
-										},
-										commit : function( element )
-										{
-											var dialog = this.getDialog(),
-												optionsNames = getOptions( this ),
-												optionsValues = getOptions( dialog.getContentElement( 'info', 'cmbValue' ) ),
-												selectValue = dialog.getContentElement( 'info', 'txtValue' ).getValue();
-
-											removeAllOptions( element );
-
-											for ( var i = 0 ; i < optionsNames.count() ; i++ )
-											{
-												var oOption = addOption( element, optionsNames.getItem( i ).getValue(),
-													optionsValues.getItem( i ).getValue(), dialog.getParentEditor().document );
-												if ( optionsValues.getItem( i ).getValue() == selectValue )
-												{
-													oOption.setAttribute( 'selected', 'selected' );
-													oOption.selected = true;
-												}
-											}
-										}
-									}
-								]
-							},
-							{
-								type : 'vbox',
-								children :
-								[
-									{
-										id : 'txtOptValue',
-										type : 'text',
-										label : editor.lang.select.opValue,
-										style : 'width:115px',
-										setup : function( name, element )
-										{
-											if ( name == 'clear' )
-												this.setValue( "" );
-										}
-									},
-									{
-										type : 'select',
-										id : 'cmbValue',
-										label : '',
-										size : 5,
-										style : 'width:115px;height:75px',
-										items : [],
-										onChange : function()
-										{
-											var dialog = this.getDialog(),
-												names = dialog.getContentElement( 'info', 'cmbName' ),
-												optName = dialog.getContentElement( 'info', 'txtOptName' ),
-												optValue = dialog.getContentElement( 'info', 'txtOptValue' ),
-												iIndex = getSelectedIndex( this );
-
-											setSelectedIndex( names, iIndex );
-											optName.setValue( names.getValue() );
-											optValue.setValue( this.getValue() );
-										},
-										setup : function( name, element )
-										{
-											if ( name == 'clear' )
-												removeAllOptions( this );
-											else if ( name == 'option' )
-											{
-												var oValue	= element.getValue();
-												addOption( this, oValue, oValue,
-													this.getDialog().getParentEditor().document );
-												if ( element.getAttribute( 'selected' ) == 'selected' )
-													this.getDialog().getContentElement( 'info', 'txtValue' ).setValue( oValue );
-											}
-										}
-									}
-								]
-							},
-							{
-								type : 'vbox',
-								padding : 5,
-								children :
-								[
-									{
-										type : 'button',
-										id : 'btnAdd',
-										style : '',
-										label : editor.lang.select.btnAdd,
-										title : editor.lang.select.btnAdd,
-										style : 'width:100%;',
-										onClick : function()
-										{
-											//Add new option.
-											var dialog = this.getDialog(),
-												parentEditor = dialog.getParentEditor(),
-												optName = dialog.getContentElement( 'info', 'txtOptName' ),
-												optValue = dialog.getContentElement( 'info', 'txtOptValue' ),
-												names = dialog.getContentElement( 'info', 'cmbName' ),
-												values = dialog.getContentElement( 'info', 'cmbValue' );
-
-											addOption(names, optName.getValue(), optName.getValue(), dialog.getParentEditor().document );
-											addOption(values, optValue.getValue(), optValue.getValue(), dialog.getParentEditor().document );
-
-											optName.setValue( "" );
-											optValue.setValue( "" );
-										}
-									},
-									{
-										type : 'button',
-										id : 'btnModify',
-										label : editor.lang.select.btnModify,
-										title : editor.lang.select.btnModify,
-										style : 'width:100%;',
-										onClick : function()
-										{
-											//Modify selected option.
-											var dialog = this.getDialog(),
-												optName = dialog.getContentElement( 'info', 'txtOptName' ),
-												optValue = dialog.getContentElement( 'info', 'txtOptValue' ),
-												names = dialog.getContentElement( 'info', 'cmbName' ),
-												values = dialog.getContentElement( 'info', 'cmbValue' ),
-												iIndex = getSelectedIndex( names );
-
-											if ( iIndex >= 0 )
-											{
-												modifyOption( names, iIndex, optName.getValue(), optName.getValue() );
-												modifyOption( values, iIndex, optValue.getValue(), optValue.getValue() );
-											}
-										}
-									},
-									{
-										type : 'button',
-										id : 'btnUp',
-										style : 'width:100%;',
-										label : editor.lang.select.btnUp,
-										title : editor.lang.select.btnUp,
-										onClick : function()
-										{
-											//Move up.
-											var dialog = this.getDialog(),
-												names = dialog.getContentElement( 'info', 'cmbName' ),
-												values = dialog.getContentElement( 'info', 'cmbValue' );
-
-											changeOptionPosition( names, -1, dialog.getParentEditor().document );
-											changeOptionPosition( values, -1, dialog.getParentEditor().document );
-										}
-									},
-									{
-										type : 'button',
-										id : 'btnDown',
-										style : 'width:100%;',
-										label : editor.lang.select.btnDown,
-										title : editor.lang.select.btnDown,
-										onClick : function()
-										{
-											//Move down.
-											var dialog = this.getDialog(),
-												names = dialog.getContentElement( 'info', 'cmbName' ),
-												values = dialog.getContentElement( 'info', 'cmbValue' );
-
-											changeOptionPosition( names, 1, dialog.getParentEditor().document );
-											changeOptionPosition( values, 1, dialog.getParentEditor().document );
-										}
-									}
-								]
-							}
-						]
-					},
-					{
-						type : 'hbox',
-						widths : [ '40%', '20%', '40%' ],
-						children :
-						[
-							{
-								type : 'button',
-								id : 'btnSetValue',
-								label : editor.lang.select.btnSetValue,
-								title : editor.lang.select.btnSetValue,
-								onClick : function()
-								{
-									//Set as default value.
-									var dialog = this.getDialog(),
-										values = dialog.getContentElement( 'info', 'cmbValue' ),
-										txtValue = dialog.getContentElement( 'info', 'txtValue' );
-									txtValue.setValue( values.getValue() );
-								}
-							},
-							{
-								type : 'button',
-								id : 'btnDelete',
-								label : editor.lang.select.btnDelete,
-								title : editor.lang.select.btnDelete,
-								onClick : function()
-								{
-									// Delete option.
-									var dialog = this.getDialog(),
-										names = dialog.getContentElement( 'info', 'cmbName' ),
-										values = dialog.getContentElement( 'info', 'cmbValue' ),
-										optName = dialog.getContentElement( 'info', 'txtOptName' ),
-										optValue = dialog.getContentElement( 'info', 'txtOptValue' );
-
-									removeSelectedOptions( names );
-									removeSelectedOptions( values );
-
-									optName.setValue( "" );
-									optValue.setValue( "" );
-								}
-							},
-							{
-								id : 'chkMulti',
-								type : 'checkbox',
-								label : editor.lang.select.chkMulti,
-								'default' : '',
-								accessKey : 'M',
-								value : "checked",
-								setup : function( name, element )
-								{
-									if ( name == 'select' )
-										this.setValue( element.getAttribute( 'multiple' ) );
-									if ( CKEDITOR.env.webkit )
-										this.getElement().getParent().setStyle( 'vertical-align', 'middle' );
-								},
-								commit : function( element )
-								{
-									if ( this.getValue() )
-										element.setAttribute( 'multiple', this.getValue() );
-									else
-										element.removeAttribute( 'multiple' );
-								}
-							}
-						]
-					}
-				]
-			}
-		]
-	};
-});
+/*
+Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+CKEDITOR.dialog.add( 'select', function( editor )
+{
+	// Add a new option to a SELECT object (combo or list).
+	function addOption( combo, optionText, optionValue, documentObject, index )
+	{
+		combo = getSelect( combo );
+		var oOption;
+		if ( documentObject )
+			oOption = documentObject.createElement( "OPTION" );
+		else
+			oOption = document.createElement( "OPTION" );
+
+		if ( combo && oOption && oOption.getName() == 'option' )
+		{
+			if ( CKEDITOR.env.ie ) {
+				if ( !isNaN( parseInt( index, 10) ) )
+					combo.$.options.add( oOption.$, index );
+				else
+					combo.$.options.add( oOption.$ );
+
+				oOption.$.innerHTML = optionText.length > 0 ? optionText : '';
+				oOption.$.value     = optionValue;
+			}
+			else
+			{
+				if ( index !== null && index < combo.getChildCount() )
+					combo.getChild( index < 0 ? 0 : index ).insertBeforeMe( oOption );
+				else
+					combo.append( oOption );
+
+				oOption.setText( optionText.length > 0 ? optionText : '' );
+				oOption.setValue( optionValue );
+			}
+		}
+		else
+			return false;
+
+		return oOption;
+	}
+	// Remove all selected options from a SELECT object.
+	function removeSelectedOptions( combo )
+	{
+		combo = getSelect( combo );
+
+		// Save the selected index
+		var iSelectedIndex = getSelectedIndex( combo );
+
+		// Remove all selected options.
+		for ( var i = combo.getChildren().count() - 1 ; i >= 0 ; i-- )
+		{
+			if ( combo.getChild( i ).$.selected )
+				combo.getChild( i ).remove();
+		}
+
+		// Reset the selection based on the original selected index.
+		setSelectedIndex( combo, iSelectedIndex );
+	}
+	//Modify option  from a SELECT object.
+	function modifyOption( combo, index, title, value )
+	{
+		combo = getSelect( combo );
+		if ( index < 0 )
+			return false;
+		var child = combo.getChild( index );
+		child.setText( title );
+		child.setValue( value );
+		return child;
+	}
+	function removeAllOptions( combo )
+	{
+		combo = getSelect( combo );
+		while ( combo.getChild( 0 ) && combo.getChild( 0 ).remove() )
+		{ /*jsl:pass*/ }
+	}
+	// Moves the selected option by a number of steps (also negative).
+	function changeOptionPosition( combo, steps, documentObject )
+	{
+		combo = getSelect( combo );
+		var iActualIndex = getSelectedIndex( combo );
+		if ( iActualIndex < 0 )
+			return false;
+
+		var iFinalIndex = iActualIndex + steps;
+		iFinalIndex = ( iFinalIndex < 0 ) ? 0 : iFinalIndex;
+		iFinalIndex = ( iFinalIndex >= combo.getChildCount() ) ? combo.getChildCount() - 1 : iFinalIndex;
+
+		if ( iActualIndex == iFinalIndex )
+			return false;
+
+		var oOption = combo.getChild( iActualIndex ),
+			sText	= oOption.getText(),
+			sValue	= oOption.getValue();
+
+		oOption.remove();
+
+		oOption = addOption( combo, sText, sValue, ( !documentObject ) ? null : documentObject, iFinalIndex );
+		setSelectedIndex( combo, iFinalIndex );
+		return oOption;
+	}
+	function getSelectedIndex( combo )
+	{
+		combo = getSelect( combo );
+		return combo ? combo.$.selectedIndex : -1;
+	}
+	function setSelectedIndex( combo, index )
+	{
+		combo = getSelect( combo );
+		if ( index < 0 )
+			return null;
+		var count = combo.getChildren().count();
+		combo.$.selectedIndex = ( index >= count ) ? ( count - 1 ) : index;
+		return combo;
+	}
+	function getOptions( combo )
+	{
+		combo = getSelect( combo );
+		return combo ? combo.getChildren() : false;
+	}
+	function getSelect( obj )
+	{
+		if ( obj && obj.domId && obj.getInputElement().$ )				// Dialog element.
+			return  obj.getInputElement();
+		else if ( obj && obj.$ )
+			return obj;
+		return false;
+	}
+
+	return {
+		title : editor.lang.select.title,
+		minWidth : CKEDITOR.env.ie ? 460 : 395,
+		minHeight : CKEDITOR.env.ie ? 320 : 300,
+		onShow : function()
+		{
+			delete this.selectBox;
+			this.setupContent( 'clear' );
+			var element = this.getParentEditor().getSelection().getSelectedElement();
+			if ( element && element.getName() == "select" )
+			{
+				this.selectBox = element;
+				this.setupContent( element.getName(), element );
+
+				// Load Options into dialog.
+				var objOptions = getOptions( element );
+				for ( var i = 0 ; i < objOptions.count() ; i++ )
+					this.setupContent( 'option', objOptions.getItem( i ) );
+			}
+		},
+		onOk : function()
+		{
+			var editor = this.getParentEditor(),
+				element = this.selectBox,
+				isInsertMode = !element;
+
+			if ( isInsertMode )
+				element = editor.document.createElement( 'select' );
+			this.commitContent( element );
+
+			if ( isInsertMode )
+			{
+				editor.insertElement( element );
+				if ( CKEDITOR.env.ie )
+				{
+					var sel = editor.getSelection(),
+						bms = sel.createBookmarks();
+					setTimeout(function()
+					{
+						sel.selectBookmarks( bms );
+					}, 0 );
+				}
+			}
+		},
+		contents : [
+			{
+				id : 'info',
+				label : editor.lang.select.selectInfo,
+				title : editor.lang.select.selectInfo,
+				accessKey : '',
+				elements : [
+					{
+						id : 'txtName',
+						type : 'text',
+						widths : [ '25%','75%' ],
+						labelLayout : 'horizontal',
+						label : editor.lang.common.name,
+						'default' : '',
+						accessKey : 'N',
+						style : 'width:350px',
+						setup : function( name, element )
+						{
+							if ( name == 'clear' )
+								this.setValue( this[ 'default' ] || '' );
+							else if ( name == 'select' )
+							{
+								this.setValue(
+										element.data( 'cke-saved-name' ) ||
+										element.getAttribute( 'name' ) ||
+										'' );
+							}
+						},
+						commit : function( element )
+						{
+							if ( this.getValue() )
+								element.data( 'cke-saved-name', this.getValue() );
+							else
+							{
+								element.data( 'cke-saved-name', false );
+								element.removeAttribute( 'name' );
+							}
+						}
+					},
+					{
+						id : 'txtValue',
+						type : 'text',
+						widths : [ '25%','75%' ],
+						labelLayout : 'horizontal',
+						label : editor.lang.select.value,
+						style : 'width:350px',
+						'default' : '',
+						className : 'cke_disabled',
+						onLoad : function()
+						{
+							this.getInputElement().setAttribute( 'readOnly', true );
+						},
+						setup : function( name, element )
+						{
+							if ( name == 'clear' )
+								this.setValue( '' );
+							else if ( name == 'option' && element.getAttribute( 'selected' ) )
+								this.setValue( element.$.value );
+						}
+					},
+					{
+						type : 'hbox',
+						widths : [ '175px', '170px' ],
+						children :
+						[
+							{
+								id : 'txtSize',
+								type : 'text',
+								labelLayout : 'horizontal',
+								label : editor.lang.select.size,
+								'default' : '',
+								accessKey : 'S',
+								style : 'width:175px',
+								validate: function()
+								{
+									var func = CKEDITOR.dialog.validate.integer( editor.lang.common.validateNumberFailed );
+									return ( ( this.getValue() === '' ) || func.apply( this ) );
+								},
+								setup : function( name, element )
+								{
+									if ( name == 'select' )
+										this.setValue( element.getAttribute( 'size' ) || '' );
+									if ( CKEDITOR.env.webkit )
+										this.getInputElement().setStyle( 'width', '86px' );
+								},
+								commit : function( element )
+								{
+									if ( this.getValue() )
+										element.setAttribute( 'size', this.getValue() );
+									else
+										element.removeAttribute( 'size' );
+								}
+							},
+							{
+								type : 'html',
+								html : '<span>' + CKEDITOR.tools.htmlEncode( editor.lang.select.lines ) + '</span>'
+							}
+						]
+					},
+					{
+						type : 'html',
+						html : '<span>' + CKEDITOR.tools.htmlEncode( editor.lang.select.opAvail ) + '</span>'
+					},
+					{
+						type : 'hbox',
+						widths : [ '115px', '115px' ,'100px' ],
+						children :
+						[
+							{
+								type : 'vbox',
+								children :
+								[
+									{
+										id : 'txtOptName',
+										type : 'text',
+										label : editor.lang.select.opText,
+										style : 'width:115px',
+										setup : function( name, element )
+										{
+											if ( name == 'clear' )
+												this.setValue( "" );
+										}
+									},
+									{
+										type : 'select',
+										id : 'cmbName',
+										label : '',
+										title : '',
+										size : 5,
+										style : 'width:115px;height:75px',
+										items : [],
+										onChange : function()
+										{
+											var dialog = this.getDialog(),
+												values = dialog.getContentElement( 'info', 'cmbValue' ),
+												optName = dialog.getContentElement( 'info', 'txtOptName' ),
+												optValue = dialog.getContentElement( 'info', 'txtOptValue' ),
+												iIndex = getSelectedIndex( this );
+
+											setSelectedIndex( values, iIndex );
+											optName.setValue( this.getValue() );
+											optValue.setValue( values.getValue() );
+										},
+										setup : function( name, element )
+										{
+											if ( name == 'clear' )
+												removeAllOptions( this );
+											else if ( name == 'option' )
+												addOption( this, element.getText(), element.getText(),
+													this.getDialog().getParentEditor().document );
+										},
+										commit : function( element )
+										{
+											var dialog = this.getDialog(),
+												optionsNames = getOptions( this ),
+												optionsValues = getOptions( dialog.getContentElement( 'info', 'cmbValue' ) ),
+												selectValue = dialog.getContentElement( 'info', 'txtValue' ).getValue();
+
+											removeAllOptions( element );
+
+											for ( var i = 0 ; i < optionsNames.count() ; i++ )
+											{
+												var oOption = addOption( element, optionsNames.getItem( i ).getValue(),
+													optionsValues.getItem( i ).getValue(), dialog.getParentEditor().document );
+												if ( optionsValues.getItem( i ).getValue() == selectValue )
+												{
+													oOption.setAttribute( 'selected', 'selected' );
+													oOption.selected = true;
+												}
+											}
+										}
+									}
+								]
+							},
+							{
+								type : 'vbox',
+								children :
+								[
+									{
+										id : 'txtOptValue',
+										type : 'text',
+										label : editor.lang.select.opValue,
+										style : 'width:115px',
+										setup : function( name, element )
+										{
+											if ( name == 'clear' )
+												this.setValue( "" );
+										}
+									},
+									{
+										type : 'select',
+										id : 'cmbValue',
+										label : '',
+										size : 5,
+										style : 'width:115px;height:75px',
+										items : [],
+										onChange : function()
+										{
+											var dialog = this.getDialog(),
+												names = dialog.getContentElement( 'info', 'cmbName' ),
+												optName = dialog.getContentElement( 'info', 'txtOptName' ),
+												optValue = dialog.getContentElement( 'info', 'txtOptValue' ),
+												iIndex = getSelectedIndex( this );
+
+											setSelectedIndex( names, iIndex );
+											optName.setValue( names.getValue() );
+											optValue.setValue( this.getValue() );
+										},
+										setup : function( name, element )
+										{
+											if ( name == 'clear' )
+												removeAllOptions( this );
+											else if ( name == 'option' )
+											{
+												var oValue	= element.getValue();
+												addOption( this, oValue, oValue,
+													this.getDialog().getParentEditor().document );
+												if ( element.getAttribute( 'selected' ) == 'selected' )
+													this.getDialog().getContentElement( 'info', 'txtValue' ).setValue( oValue );
+											}
+										}
+									}
+								]
+							},
+							{
+								type : 'vbox',
+								padding : 5,
+								children :
+								[
+									{
+										type : 'button',
+										id : 'btnAdd',
+										style : '',
+										label : editor.lang.select.btnAdd,
+										title : editor.lang.select.btnAdd,
+										style : 'width:100%;',
+										onClick : function()
+										{
+											//Add new option.
+											var dialog = this.getDialog(),
+												parentEditor = dialog.getParentEditor(),
+												optName = dialog.getContentElement( 'info', 'txtOptName' ),
+												optValue = dialog.getContentElement( 'info', 'txtOptValue' ),
+												names = dialog.getContentElement( 'info', 'cmbName' ),
+												values = dialog.getContentElement( 'info', 'cmbValue' );
+
+											addOption(names, optName.getValue(), optName.getValue(), dialog.getParentEditor().document );
+											addOption(values, optValue.getValue(), optValue.getValue(), dialog.getParentEditor().document );
+
+											optName.setValue( "" );
+											optValue.setValue( "" );
+										}
+									},
+									{
+										type : 'button',
+										id : 'btnModify',
+										label : editor.lang.select.btnModify,
+										title : editor.lang.select.btnModify,
+										style : 'width:100%;',
+										onClick : function()
+										{
+											//Modify selected option.
+											var dialog = this.getDialog(),
+												optName = dialog.getContentElement( 'info', 'txtOptName' ),
+												optValue = dialog.getContentElement( 'info', 'txtOptValue' ),
+												names = dialog.getContentElement( 'info', 'cmbName' ),
+												values = dialog.getContentElement( 'info', 'cmbValue' ),
+												iIndex = getSelectedIndex( names );
+
+											if ( iIndex >= 0 )
+											{
+												modifyOption( names, iIndex, optName.getValue(), optName.getValue() );
+												modifyOption( values, iIndex, optValue.getValue(), optValue.getValue() );
+											}
+										}
+									},
+									{
+										type : 'button',
+										id : 'btnUp',
+										style : 'width:100%;',
+										label : editor.lang.select.btnUp,
+										title : editor.lang.select.btnUp,
+										onClick : function()
+										{
+											//Move up.
+											var dialog = this.getDialog(),
+												names = dialog.getContentElement( 'info', 'cmbName' ),
+												values = dialog.getContentElement( 'info', 'cmbValue' );
+
+											changeOptionPosition( names, -1, dialog.getParentEditor().document );
+											changeOptionPosition( values, -1, dialog.getParentEditor().document );
+										}
+									},
+									{
+										type : 'button',
+										id : 'btnDown',
+										style : 'width:100%;',
+										label : editor.lang.select.btnDown,
+										title : editor.lang.select.btnDown,
+										onClick : function()
+										{
+											//Move down.
+											var dialog = this.getDialog(),
+												names = dialog.getContentElement( 'info', 'cmbName' ),
+												values = dialog.getContentElement( 'info', 'cmbValue' );
+
+											changeOptionPosition( names, 1, dialog.getParentEditor().document );
+											changeOptionPosition( values, 1, dialog.getParentEditor().document );
+										}
+									}
+								]
+							}
+						]
+					},
+					{
+						type : 'hbox',
+						widths : [ '40%', '20%', '40%' ],
+						children :
+						[
+							{
+								type : 'button',
+								id : 'btnSetValue',
+								label : editor.lang.select.btnSetValue,
+								title : editor.lang.select.btnSetValue,
+								onClick : function()
+								{
+									//Set as default value.
+									var dialog = this.getDialog(),
+										values = dialog.getContentElement( 'info', 'cmbValue' ),
+										txtValue = dialog.getContentElement( 'info', 'txtValue' );
+									txtValue.setValue( values.getValue() );
+								}
+							},
+							{
+								type : 'button',
+								id : 'btnDelete',
+								label : editor.lang.select.btnDelete,
+								title : editor.lang.select.btnDelete,
+								onClick : function()
+								{
+									// Delete option.
+									var dialog = this.getDialog(),
+										names = dialog.getContentElement( 'info', 'cmbName' ),
+										values = dialog.getContentElement( 'info', 'cmbValue' ),
+										optName = dialog.getContentElement( 'info', 'txtOptName' ),
+										optValue = dialog.getContentElement( 'info', 'txtOptValue' );
+
+									removeSelectedOptions( names );
+									removeSelectedOptions( values );
+
+									optName.setValue( "" );
+									optValue.setValue( "" );
+								}
+							},
+							{
+								id : 'chkMulti',
+								type : 'checkbox',
+								label : editor.lang.select.chkMulti,
+								'default' : '',
+								accessKey : 'M',
+								value : "checked",
+								setup : function( name, element )
+								{
+									if ( name == 'select' )
+										this.setValue( element.getAttribute( 'multiple' ) );
+									if ( CKEDITOR.env.webkit )
+										this.getElement().getParent().setStyle( 'vertical-align', 'middle' );
+								},
+								commit : function( element )
+								{
+									if ( this.getValue() )
+										element.setAttribute( 'multiple', this.getValue() );
+									else
+										element.removeAttribute( 'multiple' );
+								}
+							}
+						]
+					}
+				]
+			}
+		]
+	};
+});