CKEDITOR.dialog.add('crossreference-link-dialog', function(editor) {

 	var config = editor.config.crossreference;

 	var updateAnchors = function(dialog) {

 		dialog.setState(CKEDITOR.DIALOG_STATE_BUSY);

 		dialog.anchors = [];

 		dialog.anchorsByGuid = {};

 		dialog.anchorsGroupNameByGuid = {};

 		var type = null;

 		var typeName = dialog.getValueOf('tab-main', 'type');

 		if (typeName)

 			type = config.types[typeName];

 		dialog.setValueOf('tab-main', 'filter', '');

 		var anchorSelect = dialog.getContentElement('tab-main', 'anchor');

 		anchorSelect.clear();

 		anchorSelect.add('', '');

 		var anchorGroupSelect = dialog.getContentElement('tab-main', 'anchorGroup');

 		anchorGroupSelect.clear();

 		anchorGroupSelect.add('', '');

 		if (type && type.groupAnchors == true)

 			anchorGroupSelect.getElement().show();

 		else

 			anchorGroupSelect.getElement().hide();

 		config.findAnchors(config, editor, type, function(anchors) {

 			dialog.anchors = anchors;

 			dialog.anchorsByGuid = {};

 			dialog.anchorsGroupNameByGuid = {};

 			for (var i = 0; i < anchors.length; i++) {

 				var anchor = anchors[i];

 				var guid = anchor.guid;

 				var label = anchor.text;

 				anchorSelect.add(label, guid);

 				if (type.groupAnchors == true && anchor.groupGuid) {

 					dialog.anchorsGroupNameByGuid[anchor.groupGuid] = anchor.groupName;

 				}

 				dialog.anchorsByGuid[guid] = anchor;

 			}

 			if (type && type.groupAnchors == true) {

 				for (var groupGuid in dialog.anchorsGroupNameByGuid) {

 					var groupName = dialog.anchorsGroupNameByGuid[groupGuid];

 					anchorGroupSelect.add(groupName, groupGuid);

 				}

 			}

 			// fix   and others

 			$('option', anchorSelect.getInputElement().$).each(function() {

 				var option = $(this);

 				var text = option.text();

 				option.html(text);

 			});

 			if (!dialog.insertMode)

 				anchorSelect.setup(dialog.element);

 			dialog.setState(CKEDITOR.DIALOG_STATE_IDLE);

 		});

 	};

 	var filterAnchors = function(dialog) {

 		var filter = dialog.getValueOf('tab-main', 'filter');

 		if (filter)

 			filter = filter.trim().toLowerCase();

 		else

 			filter = '';

 		var type = null;

 		var typeName = dialog.getValueOf('tab-main', 'type');

 		if (typeName)

 			type = config.types[typeName];

 		var groupGuid = null;

 		if (type && type.groupAnchors == true)

 			groupGuid = dialog.getValueOf('tab-main', 'anchorGroup');

 		var anchorSelect = dialog.getContentElement('tab-main', 'anchor');

 		var prevValue = anchorSelect.getValue();

 		var selected = null;

 		$('option', anchorSelect.getInputElement().$).each(function() {

 			var option = $(this);

 			var guid = option.val();

 			var anchor = dialog.anchorsByGuid[guid];

 			var text = option.text();

 			var matches = filter.length == 0 || text.toLowerCase().indexOf(filter) != -1;

 			if (groupGuid)

 				matches = matches && anchor && anchor.groupGuid == groupGuid;

 			if (matches) {

 				option.removeAttr('disabled', 'disabled');

 				if (selected == null)

 					selected = option.val();

 				else if (guid == prevValue)

 					selected = option.val();

 			} else {

 				option.attr('disabled', 'disabled');

 			}

 		});

 		anchorSelect.setValue(selected);

 	};

 	return {

 		title : editor.lang.crossreference.link,

 		minWidth : 400,

 		minHeight : 150,

 		contents : [ 

 			{

 				id : 'tab-main',

 				label : editor.lang.crossreference.link,

 				elements : [ 

 					{

 						type : 'vbox',

 						widths : [ '100%' ],

 						children : [

 							{

 								type : 'html',

 								id : 'description',

 								html : '<div style="white-space: normal; text-align: justify;">' + editor.lang.crossreference.linkDescription + '</div>',

 							},

 							{

 								type : 'select',

 								id : 'type',

 								width: '100%',

 								label : editor.lang.crossreference.anchorType,

 								required: true,

 								items : [['']],

 								onLoad: function() {

 									this.getInputElement().setStyle('width', '100%');

 									for (var typeName in config.types) {

 										var type = config.types[typeName];

 										var label = type.name;

 										this.add(label, type.type);

 									}

 								},

 								onChange: function() {

 									updateAnchors(this.getDialog());

 								},

 								setup: function(element) {

 									this.setValue(element.getAttribute('cross-reference'));

 								},

 								commit: function(element) {

 									element.setAttribute('cross-reference', this.getValue());

 									element.setAttribute('cross-link', '');

 								}

 							},

 							{

 								type : 'select',

 								id : 'anchorGroup',

 								width: '100%',

 								label : editor.lang.crossreference.anchorGroup,

 								required: false,

 								items : [['']],

 								onLoad: function() {

 									this.getInputElement().setStyle('width', '100%');

 								},

 								onChange: function() {

 									filterAnchors(this.getDialog());

 								}

 							},

 							{

 								type : 'text',

 								id : 'filter',

 								width: '100%',

 								label : editor.lang.crossreference.linkFilter,

 								onKeyUp : function() {

 									filterAnchors(this.getDialog());

 								}

 							},

 							{

 								type : 'select',

 								id : 'anchor',

 								width: '100%',

 								label : editor.lang.crossreference.anchor,

 								required: true,

 								items : [['']],

 								onLoad: function() {

 									this.getInputElement().setStyle('width', '100%');

 								},

 								setup: function(element) {

 									this.setValue(element.getAttribute('cross-guid'));

 								},

 								commit: function(element) {

 									element.setAttribute('cross-guid', this.getValue());

 								}

 							}

 						]

 					} 

 				]

 			} 

 		],

 		onLoad : function() {

 		},

 		onShow : function() {

 			var selection = editor.getSelection();

 			this.element = selection.getStartElement();

 			if (this.element)

 				this.element = this.element.getAscendant('a', true);

 			if (!this.element || this.element.getName() != 'a') {

 				this.element = editor.document.createElement('a');

 				this.element.setAttribute('cross-link', '');

 				this.insertMode = true;

 			} else {

 				this.insertMode = false;

 			}

 			if (this.insertMode)

 				updateAnchors(this);

 			else

 				this.setupContent(this.element);

 		},

 		onOk : function() {

 			if (!this.getValueOf('tab-main', 'type'))

 				return;

 			if (!this.getValueOf('tab-main', 'anchor'))

 				return;

 			this.commitContent(this.element);

 			if (this.insertMode)

 				editor.insertElement(this.element);

 			editor.execCommand('update-crossreferences');

 		}

 	};

 });