(function () {
  CKEDITOR.dialog.add('esp_attachment', function (editor) {
    var selectableTargets = /^(_(?:self|top|parent|blank))$/;
    var parseLink = function (editor, element) {
        var href = element ? element.getAttribute('href') : '',
          emailMatch, anchorMatch, urlMatch, retval = {};
        retval.type = 'url';
        retval.url = href;
        if (element) {
          var target = element.getAttribute('target');
          retval.target = {};
          if (target) {
            var targetMatch = target.match(selectableTargets);
            if (targetMatch) retval.target.type = retval.target.name = target;
            else {
              retval.target.type = 'frame';
              retval.target.name = target
            }
          }
          var me = this;
          retval.title = element.getAttribute('title')
        }
        var elements = editor.document.getElementsByTag('img'),
          realAnchors = new CKEDITOR.dom.nodeList(editor.document.$.anchors),
          anchors = retval.anchors = [];
        for (var i = 0; i < elements.count(); i++) {
          var item = elements.getItem(i);
          if (item.getAttribute('_cke_realelement') && item.getAttribute('_cke_real_element_type') == 'anchor') {
            anchors.push(editor.restoreRealElement(item))
          }
        }
        for (i = 0; i < realAnchors.count(); i++) anchors.push(realAnchors.getItem(i));
        for (i = 0; i < anchors.length; i++) {
          item = anchors[i];
          anchors[i] = {
            name: item.getAttribute('name'),
            id: item.getAttribute('id')
          }
        }
        this._.selectedElement = element;
        return retval
      };
    var targetChanged = function () {
        var dialog = this.getDialog(),
          targetName = dialog.getContentElement('info', 'linkTargetName'),
          value = this.getValue();
        if (!targetName) return;
        targetName.setLabel(editor.lang.link.targetFrameName);
        this.getDialog().setValueOf('info', 'linkTargetName', value.charAt(0) == '_' ? value : '')
      };

    function parseUrl(url) {
      var filename = url.split('/').pop();
      var extname = filename.split('.').pop();
      return {
        filename: filename.replace(/%20/g, " "),
        className: "attach_" + extname
      }
    }
    return {
      title: editor.lang.esp_attachment.title,
      minWidth: 420,
      minHeight: 200,
      onShow: function () {
        this.fakeObj = false;
        var editor = this.getParentEditor(),
          selection = editor.getSelection(),
          ranges = selection.getRanges(),
          element = null,
          me = this;
        if (ranges.length == 1) {
          var rangeRoot = ranges[0].getCommonAncestor(true);
          element = rangeRoot.getAscendant('a', true);
          if (element && element.getAttribute('href')) {
            selection.selectElement(element)
          } else if ((element = rangeRoot.getAscendant('img', true)) && element.getAttribute('_cke_real_element_type') && element.getAttribute('_cke_real_element_type') == 'anchor') {
            this.fakeObj = element;
            element = editor.restoreRealElement(this.fakeObj);
            selection.selectElement(this.fakeObj)
          } else element = null
        }
        this.setupContent(parseLink.apply(this, [editor, element]))
      },
      onOk: function () {
        var attributes = {
          href: ''
        },
          removeAttributes = [],
          data = {
            href: attributes.href
          },
          me = this,
          editor = this.getParentEditor();
        this.commitContent(data);
        var url = data.url || '';
        attributes.href = (url.indexOf('/') === 0 || url.indexOf('http://') === 0) ? url : "http://" + url;
        var file = parseUrl(url);
        var title = data.title || '';
        attributes.title = (data.title.length == 0) ? file.filename : data.title;
        if (data.target) {
          if (data.target.type != 'notSet' && data.target.name) attributes.target = data.target.name;
          else removeAttributes.push('target');
          removeAttributes.push('_cke_pa_onclick', 'onclick')
        }
        if (!this._.selectedElement) {
          var selection = editor.getSelection(),
            ranges = selection.getRanges();
          if (ranges.length == 1 && ranges[0].collapsed) {
            var text = new CKEDITOR.dom.text(attributes.title, editor.document);
            ranges[0].insertNode(text);
            ranges[0].selectNodeContents(text);
            selection.selectRanges(ranges)
          }
          var style = new CKEDITOR.style({
            element: 'a',
            attributes: attributes
          });
          style.type = CKEDITOR.STYLE_INLINE;
          style.apply(editor.document)
        } else {
          var element = this._.selectedElement;
          if (CKEDITOR.env.ie && attributes.name != element.getAttribute('name')) {
            var newElement = new CKEDITOR.dom.element('<a name="' + CKEDITOR.tools.htmlEncode(attributes.name) + '">', editor.document);
            selection = editor.getSelection();
            element.moveChildren(newElement);
            element.copyAttributes(newElement, {
              name: 1
            });
            newElement.replace(element);
            element = newElement;
            selection.selectElement(element)
          }
          element.setAttributes(attributes);
          element.removeAttributes(removeAttributes);
          if (element.getAttribute('title')) element.setHtml(element.getAttribute('title'));
          if (element.getAttribute('name')) element.addClass('cke_anchor');
          else element.removeClass('cke_anchor');
          if (this.fakeObj) editor.createFakeElement(element, 'cke_anchor', 'anchor').replace(this.fakeObj);
          delete this._.selectedElement
        }
      },
      contents: [{
        label: editor.lang.common.generalTab,
        id: 'info',
        accessKey: 'I',
        elements: [{
          type: 'vbox',
          padding: 0,
          children: [{
            type: 'html',
            html: '<span>' + CKEDITOR.tools.htmlEncode(editor.lang.esp_attachment.url) + '</span>'
          }, {
            type: 'hbox',
            widths: ['320px', '80px'],
            align: 'right',
            children: [{
              id: 'txtUrl',
              type: 'text',
              label: '',
              validate: CKEDITOR.dialog.validate.notEmpty(editor.lang.flash.validateSrc),
              setup: function (data) {
                if (data.url) this.setValue(data.url);
                this.select()
              },
              commit: function (data) {
                data.url = this.getValue()
              }
            }, {
              type: 'button',
              id: 'browse',
              filebrowser: 'info:txtUrl',
              hidden: true,
              align: 'center',
              label: editor.lang.esp_attachment.browseServer
            }]
          }]
        }, {
          type: 'vbox',
          padding: 0,
          children: [{
            id: 'txtAlt',
            type: 'text',
            label: editor.lang.esp_attachment.name,
            setup: function (data) {
              if (data.title) this.setValue(data.title)
            },
            commit: function (data) {
              data.title = this.getValue()
            }
          }]
        }, {
          type: 'hbox',
          widths: ['50%', '50%'],
          children: [{
            type: 'select',
            id: 'linkTargetType',
            label: editor.lang.link.target,
            'default': 'notSet',
            style: 'width : 100%;',
            'items': [
              [editor.lang.esp_attachment.link.targetNotSet, 'notSet'],
              [editor.lang.esp_attachment.link.targetFrame, 'frame'],
              [editor.lang.esp_attachment.link.targetNew, '_blank'],
              [editor.lang.esp_attachment.link.targetTop, '_top'],
              [editor.lang.esp_attachment.link.targetSelf, '_self'],
              [editor.lang.esp_attachment.link.targetParent, '_parent']
            ],
            onChange: targetChanged,
            setup: function (data) {
              if (data.target) this.setValue(data.target.type)
            },
            commit: function (data) {
              if (!data.target) data.target = {};
              data.target.type = this.getValue()
            }
          }, {
            type: 'text',
            id: 'linkTargetName',
            label: editor.lang.link.targetFrameName,
            'default': '',
            setup: function (data) {
              if (data.target) this.setValue(data.target.name)
            },
            commit: function (data) {
              if (!data.target) data.target = {};
              data.target.name = this.getValue()
            }
          }]
        }]
      }]
    }
  })
})();