text: ﻿/**
   * @license Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
   * For licensing, see LICENSE.md or http://ckeditor.com/license
   */
  
  ( function() {
  	// It is possible to set things in three different places.
  	// 1. As attributes in the object tag.
  	// 2. As param tags under the object tag.
  	// 3. As attributes in the embed tag.
  	// It is possible for a single attribute to be present in more than one place.
  	// So let's define a mapping between a sementic attribute and its syntactic
  	// equivalents.
  	// Then we'll set and retrieve attribute values according to the mapping,
  	// instead of having to check and set each syntactic attribute every time.
  	//
  	// Reference: http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_12701
  	var ATTRTYPE_OBJECT = 1,
  		ATTRTYPE_PARAM = 2,
  		ATTRTYPE_EMBED = 4;
  
  	var attributesMap = {
  		id: [ {
  			type: ATTRTYPE_OBJECT, name: 'id'
  		} ],
  		classid: [ {
  			type: ATTRTYPE_OBJECT, name: 'classid'
  		} ],
  		codebase: [ {
  			type: ATTRTYPE_OBJECT, name: 'codebase'
  		} ],
  		pluginspage: [ {
  			type: ATTRTYPE_EMBED, name: 'pluginspage'
  		} ],
  		src: [ {
  			type: ATTRTYPE_PARAM, name: 'movie'
  		}, {
  			type: ATTRTYPE_EMBED, name: 'src'
  		}, {
  			type: ATTRTYPE_OBJECT, name: 'data'
  		} ],
  		name: [ {
  			type: ATTRTYPE_EMBED, name: 'name'
  		} ],
  		align: [ {
  			type: ATTRTYPE_OBJECT, name: 'align'
  		} ],
  		'class': [ {
  			type: ATTRTYPE_OBJECT, name: 'class'
  		}, {
  			type: ATTRTYPE_EMBED, name: 'class'
  		} ],
  		width: [ {
  			type: ATTRTYPE_OBJECT, name: 'width'
  		}, {
  			type: ATTRTYPE_EMBED, name: 'width'
  		} ],
  		height: [ {
  			type: ATTRTYPE_OBJECT, name: 'height'
  		}, {
  			type: ATTRTYPE_EMBED, name: 'height'
  		} ],
  		hSpace: [ {
  			type: ATTRTYPE_OBJECT, name: 'hSpace'
  		}, {
  			type: ATTRTYPE_EMBED, name: 'hSpace'
  		} ],
  		vSpace: [ {
  			type: ATTRTYPE_OBJECT, name: 'vSpace'
  		}, {
  			type: ATTRTYPE_EMBED, name: 'vSpace'
  		} ],
  		style: [ {
  			type: ATTRTYPE_OBJECT, name: 'style'
  		}, {
  			type: ATTRTYPE_EMBED, name: 'style'
  		} ],
  		type: [ {
  			type: ATTRTYPE_EMBED, name: 'type'
  		} ]
  	};
  
  	var names = [ 'play', 'loop', 'menu', 'quality', 'scale', 'salign', 'wmode', 'bgcolor', 'base', 'flashvars', 'allowScriptAccess', 'allowFullScreen' ];
  	for ( var i = 0; i < names.length; i++ )
  		attributesMap[ names[ i ] ] = [ {
  		type: ATTRTYPE_EMBED, name: names[ i ]
  	}, {
  		type: ATTRTYPE_PARAM, name: names[ i ]
  	} ];
  
  	// These attributes are "true" by default and not present in editor data (when "true").
  	// Note that, though default value of "allowFullScreen" is "true", it is not listed here.
  	// "allowFullScreen" is present in editor data regardless of the value (#7634).
  	names = [ 'play', 'loop', 'menu' ];
  	for ( i = 0; i < names.length; i++ )
  		attributesMap[ names[ i ] ][ 0 ][ 'default' ] = attributesMap[ names[ i ] ][ 1 ][ 'default' ] = true;
  
  	var defaultToPixel = CKEDITOR.tools.cssLength;
  
  	function loadValue( objectNode, embedNode, paramMap ) {
  		var attributes = attributesMap[ this.id ];
  		if ( !attributes )
  			return;
  
  		var isCheckbox = ( this instanceof CKEDITOR.ui.dialog.checkbox );
  		for ( var i = 0; i < attributes.length; i++ ) {
  			var attrDef = attributes[ i ];
  			switch ( attrDef.type ) {
  				case ATTRTYPE_OBJECT:
  					if ( !objectNode )
  						continue;
  					if ( objectNode.getAttribute( attrDef.name ) !== null ) {
  						var value = objectNode.getAttribute( attrDef.name );
  						if ( isCheckbox )
  							this.setValue( value.toLowerCase() == 'true' );
  						else
  							this.setValue( value );
  						return;
  					} else if ( isCheckbox )
  						this.setValue( !!attrDef[ 'default' ] );
  					break;
  				case ATTRTYPE_PARAM:
  					if ( !objectNode )
  						continue;
  					if ( attrDef.name in paramMap ) {
  						value = paramMap[ attrDef.name ];
  						if ( isCheckbox )
  							this.setValue( value.toLowerCase() == 'true' );
  						else
  							this.setValue( value );
  						return;
  					} else if ( isCheckbox )
  						this.setValue( !!attrDef[ 'default' ] );
  					break;
  				case ATTRTYPE_EMBED:
  					if ( !embedNode )
  						continue;
  					if ( embedNode.getAttribute( attrDef.name ) ) {
  						value = embedNode.getAttribute( attrDef.name );
  						if ( isCheckbox )
  							this.setValue( value.toLowerCase() == 'true' );
  						else
  							this.setValue( value );
  						return;
  					} else if ( isCheckbox )
  						this.setValue( !!attrDef[ 'default' ] );
  			}
  		}
  	}
  
  	function commitValue( objectNode, embedNode, paramMap ) {
  		var attributes = attributesMap[ this.id ];
  		if ( !attributes )
  			return;
  
  		var isRemove = ( this.getValue() === '' ),
  			isCheckbox = ( this instanceof CKEDITOR.ui.dialog.checkbox );
  
  		for ( var i = 0; i < attributes.length; i++ ) {
  			var attrDef = attributes[ i ];
  			switch ( attrDef.type ) {
  				case ATTRTYPE_OBJECT:
  					// Avoid applying the data attribute when not needed (#7733)
  					if ( !objectNode || ( attrDef.name == 'data' && embedNode && !objectNode.hasAttribute( 'data' ) ) )
  						continue;
  					var value = this.getValue();
  					if ( isRemove || isCheckbox && value === attrDef[ 'default' ] )
  						objectNode.removeAttribute( attrDef.name );
  					else
  						objectNode.setAttribute( attrDef.name, value );
  					break;
  				case ATTRTYPE_PARAM:
  					if ( !objectNode )
  						continue;
  					value = this.getValue();
  					if ( isRemove || isCheckbox && value === attrDef[ 'default' ] ) {
  						if ( attrDef.name in paramMap )
  							paramMap[ attrDef.name ].remove();
  					} else {
  						if ( attrDef.name in paramMap )
  							paramMap[ attrDef.name ].setAttribute( 'value', value );
  						else {
  							var param = CKEDITOR.dom.element.createFromHtml( '<cke:param></cke:param>', objectNode.getDocument() );
  							param.setAttributes( { name: attrDef.name, value: value } );
  							if ( objectNode.getChildCount() < 1 )
  								param.appendTo( objectNode );
  							else
  								param.insertBefore( objectNode.getFirst() );
  						}
  					}
  					break;
  				case ATTRTYPE_EMBED:
  					if ( !embedNode )
  						continue;
  					value = this.getValue();
  					if ( isRemove || isCheckbox && value === attrDef[ 'default' ] )
  						embedNode.removeAttribute( attrDef.name );
  					else
  						embedNode.setAttribute( attrDef.name, value );
  			}
  		}
  	}
  
  	CKEDITOR.dialog.add( 'flash', function( editor ) {
  		var makeObjectTag = !editor.config.flashEmbedTagOnly,
  			makeEmbedTag = editor.config.flashAddEmbedTag || editor.config.flashEmbedTagOnly;
  
  		var previewPreloader,
  			previewAreaHtml = '<div>' + CKEDITOR.tools.htmlEncode( editor.lang.common.preview ) + '<br>' +
  			'<div id="cke_FlashPreviewLoader' + CKEDITOR.tools.getNextNumber() + '" style="display:none"><div class="loading">&nbsp;</div></div>' +
  			'<div id="cke_FlashPreviewBox' + CKEDITOR.tools.getNextNumber() + '" class="FlashPreviewBox"></div></div>';
  
  		return {
  			title: editor.lang.flash.title,
  			minWidth: 420,
  			minHeight: 310,
  			onShow: function() {
  				// Clear previously saved elements.
  				this.fakeImage = this.objectNode = this.embedNode = null;
  				previewPreloader = new CKEDITOR.dom.element( 'embed', editor.document );
  
  				// Try to detect any embed or object tag that has Flash parameters.
  				var fakeImage = this.getSelectedElement();
  				if ( fakeImage && fakeImage.data( 'cke-real-element-type' ) && fakeImage.data( 'cke-real-element-type' ) == 'flash' ) {
  					this.fakeImage = fakeImage;
  
  					var realElement = editor.restoreRealElement( fakeImage ),
  						objectNode = null,
  						embedNode = null,
  						paramMap = {};
  					if ( realElement.getName() == 'cke:object' ) {
  						objectNode = realElement;
  						var embedList = objectNode.getElementsByTag( 'embed', 'cke' );
  						if ( embedList.count() > 0 )
  							embedNode = embedList.getItem( 0 );
  						var paramList = objectNode.getElementsByTag( 'param', 'cke' );
  						for ( var i = 0, length = paramList.count(); i < length; i++ ) {
  							var item = paramList.getItem( i ),
  								name = item.getAttribute( 'name' ),
  								value = item.getAttribute( 'value' );
  							paramMap[ name ] = value;
  						}
  					} else if ( realElement.getName() == 'cke:embed' )
  						embedNode = realElement;
  
  					this.objectNode = objectNode;
  					this.embedNode = embedNode;
  
  					this.setupContent( objectNode, embedNode, paramMap, fakeImage );
  				}
  			},
  			onOk: function() {
  				// If there's no selected object or embed, create one. Otherwise, reuse the
  				// selected object and embed nodes.
  				var objectNode = null,
  					embedNode = null,
  					paramMap = null;
  				if ( !this.fakeImage ) {
  					if ( makeObjectTag ) {
  						objectNode = CKEDITOR.dom.element.createFromHtml( '<cke:object></cke:object>', editor.document );
  						var attributes = {
  							classid: 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000',
  							codebase: 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0'
  						};
  						objectNode.setAttributes( attributes );
  					}
  					if ( makeEmbedTag ) {
  						embedNode = CKEDITOR.dom.element.createFromHtml( '<cke:embed></cke:embed>', editor.document );
  						embedNode.setAttributes( {
  							type: 'application/x-shockwave-flash',
  							pluginspage: 'http://www.macromedia.com/go/getflashplayer'
  						} );
  						if ( objectNode )
  							embedNode.appendTo( objectNode );
  					}
  				} else {
  					objectNode = this.objectNode;
  					embedNode = this.embedNode;
  				}
  
  				// Produce the paramMap if there's an object tag.
  				if ( objectNode ) {
  					paramMap = {};
  					var paramList = objectNode.getElementsByTag( 'param', 'cke' );
  					for ( var i = 0, length = paramList.count(); i < length; i++ )
  						paramMap[ paramList.getItem( i ).getAttribute( 'name' ) ] = paramList.getItem( i );
  				}
  
  				// A subset of the specified attributes/styles
  				// should also be applied on the fake element to
  				// have better visual effect. (#5240)
  				var extraStyles = {},
  					extraAttributes = {};
  				this.commitContent( objectNode, embedNode, paramMap, extraStyles, extraAttributes );
  
  				// Refresh the fake image.
  				var newFakeImage = editor.createFakeElement( objectNode || embedNode, 'cke_flash', 'flash', true );
  				newFakeImage.setAttributes( extraAttributes );
  				newFakeImage.setStyles( extraStyles );
  				if ( this.fakeImage ) {
  					newFakeImage.replace( this.fakeImage );
  					editor.getSelection().selectElement( newFakeImage );
  				} else
  					editor.insertElement( newFakeImage );
  			},
  
  			onHide: function() {
  				if ( this.preview )
  					this.preview.setHtml( '' );
  			},
  
  			contents: [
  				{
  				id: 'info',
  				label: editor.lang.common.generalTab,
  				accessKey: 'I',
  				elements: [
  					{
  					type: 'vbox',
  					padding: 0,
  					children: [
  						{
  						type: 'hbox',
  						widths: [ '280px', '110px' ],
  						align: 'right',
  						children: [
  							{
  							id: 'src',
  							type: 'text',
  							label: editor.lang.common.url,
  							required: true,
  							validate: CKEDITOR.dialog.validate.notEmpty( editor.lang.flash.validateSrc ),
  							setup: loadValue,
  							commit: commitValue,
  							onLoad: function() {
  								var dialog = this.getDialog(),
  									updatePreview = function( src ) {
  										// Query the preloader to figure out the url impacted by based href.
  										previewPreloader.setAttribute( 'src', src );
  										dialog.preview.setHtml( '<embed height="100%" width="100%" src="' + CKEDITOR.tools.htmlEncode( previewPreloader.getAttribute( 'src' ) )
  											+ '" type="application/x-shockwave-flash"></embed>' );
  									};
  								// Preview element
  								dialog.preview = dialog.getContentElement( 'info', 'preview' ).getElement().getChild( 3 );
  
  								// Sync on inital value loaded.
  								this.on( 'change', function( evt ) {
  
  									if ( evt.data && evt.data.value )
  										updatePreview( evt.data.value );
  								} );
  								// Sync when input value changed.
  								this.getInputElement().on( 'change', function( evt ) {
  
  									updatePreview( this.getValue() );
  								}, this );
  							}
  						},
  							{
  							type: 'button',
  							id: 'browse',
  							filebrowser: 'info:src',
  							hidden: true,
  							// v-align with the 'src' field.
  							// TODO: We need something better than a fixed size here.
  							style: 'display:inline-block;margin-top:14px;',
  							label: editor.lang.common.browseServer
  						}
  						]
  					}
  					]
  				},
  					{
  					type: 'hbox',
  					widths: [ '25%', '25%', '25%', '25%', '25%' ],
  					children: [
  						{
  						type: 'text',
  						id: 'width',
  						requiredContent: 'embed[width]',
  						style: 'width:95px',
  						label: editor.lang.common.width,
  						validate: CKEDITOR.dialog.validate.htmlLength( editor.lang.common.invalidHtmlLength.replace( '%1', editor.lang.common.width ) ),
  						setup: loadValue,
  						commit: commitValue
  					},
  						{
  						type: 'text',
  						id: 'height',
  						requiredContent: 'embed[height]',
  						style: 'width:95px',
  						label: editor.lang.common.height,
  						validate: CKEDITOR.dialog.validate.htmlLength( editor.lang.common.invalidHtmlLength.replace( '%1', editor.lang.common.height ) ),
  						setup: loadValue,
  						commit: commitValue
  					},
  						{
  						type: 'text',
  						id: 'hSpace',
  						requiredContent: 'embed[hspace]',
  						style: 'width:95px',
  						label: editor.lang.flash.hSpace,
  						validate: CKEDITOR.dialog.validate.integer( editor.lang.flash.validateHSpace ),
  						setup: loadValue,
  						commit: commitValue
  					},
  						{
  						type: 'text',
  						id: 'vSpace',
  						requiredContent: 'embed[vspace]',
  						style: 'width:95px',
  						label: editor.lang.flash.vSpace,
  						validate: CKEDITOR.dialog.validate.integer( editor.lang.flash.validateVSpace ),
  						setup: loadValue,
  						commit: commitValue
  					}
  					]
  				},
  
  					{
  					type: 'vbox',
  					children: [
  						{
  						type: 'html',
  						id: 'preview',
  						style: 'width:95%;',
  						html: previewAreaHtml
  					}
  					]
  				}
  				]
  			},
  				{
  				id: 'Upload',
  				hidden: true,
  				filebrowser: 'uploadButton',
  				label: editor.lang.common.upload,
  				elements: [
  					{
  					type: 'file',
  					id: 'upload',
  					label: editor.lang.common.upload,
  					size: 38
  				},
  					{
  					type: 'fileButton',
  					id: 'uploadButton',
  					label: editor.lang.common.uploadSubmit,
  					filebrowser: 'info:src',
  					'for': [ 'Upload', 'upload' ]
  				}
  				]
  			},
  				{
  				id: 'properties',
  				label: editor.lang.flash.propertiesTab,
  				elements: [
  					{
  					type: 'hbox',
  					widths: [ '50%', '50%' ],
  					children: [
  						{
  						id: 'scale',
  						type: 'select',
  						requiredContent: 'embed[scale]',
  						label: editor.lang.flash.scale,
  						'default': '',
  						style: 'width : 100%;',
  						items: [
  							[ editor.lang.common.notSet, '' ],
  							[ editor.lang.flash.scaleAll, 'showall' ],
  							[ editor.lang.flash.scaleNoBorder, 'noborder' ],
  							[ editor.lang.flash.scaleFit, 'exactfit' ]
  							],
  						setup: loadValue,
  						commit: commitValue
  					},
  						{
  						id: 'allowScriptAccess',
  						type: 'select',
  						requiredContent: 'embed[allowscriptaccess]',
  						label: editor.lang.flash.access,
  						'default': '',
  						style: 'width : 100%;',
  						items: [
  							[ editor.lang.common.notSet, '' ],
  							[ editor.lang.flash.accessAlways, 'always' ],
  							[ editor.lang.flash.accessSameDomain, 'samedomain' ],
  							[ editor.lang.flash.accessNever, 'never' ]
  							],
  						setup: loadValue,
  						commit: commitValue
  					}
  					]
  				},
  					{
  					type: 'hbox',
  					widths: [ '50%', '50%' ],
  					children: [
  						{
  						id: 'wmode',
  						type: 'select',
  						requiredContent: 'embed[wmode]',
  						label: editor.lang.flash.windowMode,
  						'default': '',
  						style: 'width : 100%;',
  						items: [
  							[ editor.lang.common.notSet, '' ],
  							[ editor.lang.flash.windowModeWindow, 'window' ],
  							[ editor.lang.flash.windowModeOpaque, 'opaque' ],
  							[ editor.lang.flash.windowModeTransparent, 'transparent' ]
  							],
  						setup: loadValue,
  						commit: commitValue
  					},
  						{
  						id: 'quality',
  						type: 'select',
  						requiredContent: 'embed[quality]',
  						label: editor.lang.flash.quality,
  						'default': 'high',
  						style: 'width : 100%;',
  						items: [
  							[ editor.lang.common.notSet, '' ],
  							[ editor.lang.flash.qualityBest, 'best' ],
  							[ editor.lang.flash.qualityHigh, 'high' ],
  							[ editor.lang.flash.qualityAutoHigh, 'autohigh' ],
  							[ editor.lang.flash.qualityMedium, 'medium' ],
  							[ editor.lang.flash.qualityAutoLow, 'autolow' ],
  							[ editor.lang.flash.qualityLow, 'low' ]
  							],
  						setup: loadValue,
  						commit: commitValue
  					}
  					]
  				},
  					{
  					type: 'hbox',
  					widths: [ '50%', '50%' ],
  					children: [
  						{
  						id: 'align',
  						type: 'select',
  						requiredContent: 'object[align]',
  						label: editor.lang.common.align,
  						'default': '',
  						style: 'width : 100%;',
  						items: [
  							[ editor.lang.common.notSet, '' ],
  							[ editor.lang.common.alignLeft, 'left' ],
  							[ editor.lang.flash.alignAbsBottom, 'absBottom' ],
  							[ editor.lang.flash.alignAbsMiddle, 'absMiddle' ],
  							[ editor.lang.flash.alignBaseline, 'baseline' ],
  							[ editor.lang.common.alignBottom, 'bottom' ],
  							[ editor.lang.common.alignMiddle, 'middle' ],
  							[ editor.lang.common.alignRight, 'right' ],
  							[ editor.lang.flash.alignTextTop, 'textTop' ],
  							[ editor.lang.common.alignTop, 'top' ]
  							],
  						setup: loadValue,
  						commit: function( objectNode, embedNode, paramMap, extraStyles, extraAttributes ) {
  							var value = this.getValue();
  							commitValue.apply( this, arguments );
  							value && ( extraAttributes.align = value );
  						}
  					},
  						{
  						type: 'html',
  						html: '<div></div>'
  					}
  					]
  				},
  					{
  					type: 'fieldset',
  					label: CKEDITOR.tools.htmlEncode( editor.lang.flash.flashvars ),
  					children: [
  						{
  						type: 'vbox',
  						padding: 0,
  						children: [
  							{
  							type: 'checkbox',
  							id: 'menu',
  							label: editor.lang.flash.chkMenu,
  							'default': true,
  							setup: loadValue,
  							commit: commitValue
  						},
  							{
  							type: 'checkbox',
  							id: 'play',
  							label: editor.lang.flash.chkPlay,
  							'default': true,
  							setup: loadValue,
  							commit: commitValue
  						},
  							{
  							type: 'checkbox',
  							id: 'loop',
  							label: editor.lang.flash.chkLoop,
  							'default': true,
  							setup: loadValue,
  							commit: commitValue
  						},
  							{
  							type: 'checkbox',
  							id: 'allowFullScreen',
  							label: editor.lang.flash.chkFull,
  							'default': true,
  							setup: loadValue,
  							commit: commitValue
  						}
  						]
  					}
  					]
  				}
  				]
  			},
  				{
  				id: 'advanced',
  				label: editor.lang.common.advancedTab,
  				elements: [
  					{
  					type: 'hbox',
  					children: [
  						{
  						type: 'text',
  						id: 'id',
  						requiredContent: 'object[id]',
  						label: editor.lang.common.id,
  						setup: loadValue,
  						commit: commitValue
  					}
  					]
  				},
  					{
  					type: 'hbox',
  					widths: [ '45%', '55%' ],
  					children: [
  						{
  						type: 'text',
  						id: 'bgcolor',
  						requiredContent: 'embed[bgcolor]',
  						label: editor.lang.flash.bgcolor,
  						setup: loadValue,
  						commit: commitValue
  					},
  						{
  						type: 'text',
  						id: 'class',
  						requiredContent: 'embed(cke-xyz)', // Random text like 'xyz' will check if all are allowed.
  						label: editor.lang.common.cssClass,
  						setup: loadValue,
  						commit: commitValue
  					}
  					]
  				},
  					{
  					type: 'text',
  					id: 'style',
  					requiredContent: 'embed{cke-xyz}', // Random text like 'xyz' will check if all are allowed.
  					validate: CKEDITOR.dialog.validate.inlineStyle( editor.lang.common.invalidInlineStyle ),
  					label: editor.lang.common.cssStyle,
  					setup: loadValue,
  					commit: commitValue
  				}
  				]
  			}
  			]
  		};
  	} );
  } )();
  