Subversion Repositories Sites.tela-botanica.org

Rev

Rev 609 | Blame | Compare with Previous | Last modification | View Log | RSS feed

/**
 * $Id: editor_template_src.js 296 2007-08-21 10:36:35Z spocke $
 *
 * @author Moxiecode
 * @copyright Copyright © 2004-2007, Moxiecode Systems AB, All rights reserved.
 */

/* Import theme specific language pack */
tinyMCE.importThemeLanguagePack('advanced');

var TinyMCE_AdvancedTheme = {
        // Private theme fields
        _defColors : "000000,993300,333300,003300,003366,000080,333399,333333,800000,FF6600,808000,008000,008080,0000FF,666699,808080,FF0000,FF9900,99CC00,339966,33CCCC,3366FF,800080,999999,FF00FF,FFCC00,FFFF00,00FF00,00FFFF,00CCFF,993366,C0C0C0,FF99CC,FFCC99,FFFF99,CCFFCC,CCFFFF,99CCFF,CC99FF,FFFFFF",
        _autoImportCSSClasses : true,
        _resizer : {},
        _buttons : [
                // Control id, button img, button title, command, user_interface, value
                ['bold', '{$lang_bold_img}', 'lang_bold_desc', 'Bold'],
                ['italic', '{$lang_italic_img}', 'lang_italic_desc', 'Italic'],
                ['underline', '{$lang_underline_img}', 'lang_underline_desc', 'Underline'],
                ['strikethrough', 'strikethrough.gif', 'lang_striketrough_desc', 'Strikethrough'],
                ['justifyleft', 'justifyleft.gif', 'lang_justifyleft_desc', 'JustifyLeft'],
                ['justifycenter', 'justifycenter.gif', 'lang_justifycenter_desc', 'JustifyCenter'],
                ['justifyright', 'justifyright.gif', 'lang_justifyright_desc', 'JustifyRight'],
                ['justifyfull', 'justifyfull.gif', 'lang_justifyfull_desc', 'JustifyFull'],
                ['bullist', 'bullist.gif', 'lang_bullist_desc', 'InsertUnorderedList'],
                ['numlist', 'numlist.gif', 'lang_numlist_desc', 'InsertOrderedList'],
                ['outdent', 'outdent.gif', 'lang_outdent_desc', 'Outdent'],
                ['indent', 'indent.gif', 'lang_indent_desc', 'Indent'],
                ['cut', 'cut.gif', 'lang_cut_desc', 'Cut'],
                ['copy', 'copy.gif', 'lang_copy_desc', 'Copy'],
                ['paste', 'paste.gif', 'lang_paste_desc', 'Paste'],
                ['undo', 'undo.gif', 'lang_undo_desc', 'Undo'],
                ['redo', 'redo.gif', 'lang_redo_desc', 'Redo'],
                ['link', 'link.gif', 'lang_link_desc', 'mceLink', true],
                ['unlink', 'unlink.gif', 'lang_unlink_desc', 'unlink'],
                ['image', 'image.gif', 'lang_image_desc', 'mceImage', true],
                ['cleanup', 'cleanup.gif', 'lang_cleanup_desc', 'mceCleanup'],
                ['help', 'help.gif', 'lang_help_desc', 'mceHelp'],
                ['code', 'code.gif', 'lang_theme_code_desc', 'mceCodeEditor'],
                ['hr', 'hr.gif', 'lang_theme_hr_desc', 'inserthorizontalrule'],
                ['removeformat', 'removeformat.gif', 'lang_theme_removeformat_desc', 'removeformat'],
                ['sub', 'sub.gif', 'lang_theme_sub_desc', 'subscript'],
                ['sup', 'sup.gif', 'lang_theme_sup_desc', 'superscript'],
                ['forecolor', 'forecolor.gif', 'lang_theme_forecolor_desc', 'forecolor', true],
                ['forecolorpicker', 'forecolor.gif', 'lang_theme_forecolor_desc', 'forecolorpicker', true],
                ['backcolor', 'backcolor.gif', 'lang_theme_backcolor_desc', 'HiliteColor', true],
                ['backcolorpicker', 'backcolor.gif', 'lang_theme_backcolor_desc', 'backcolorpicker', true],
                ['charmap', 'charmap.gif', 'lang_theme_charmap_desc', 'mceCharMap'],
                ['visualaid', 'visualaid.gif', 'lang_theme_visualaid_desc', 'mceToggleVisualAid'],
                ['anchor', 'anchor.gif', 'lang_theme_anchor_desc', 'mceInsertAnchor'],
                ['newdocument', 'newdocument.gif', 'lang_newdocument_desc', 'mceNewDocument']
        ],

        _buttonMap : 'anchor,backcolor,bold,bullist,charmap,cleanup,code,copy,cut,forecolor,help,hr,image,indent,italic,justifycenter,justifyfull,justifyleft,justifyright,link,newdocument,numlist,outdent,paste,redo,removeformat,strikethrough,sub,sup,underline,undo,unlink,visualaid,advhr,ltr,rtl,emotions,flash,fullpage,fullscreen,iespell,insertdate,inserttime,pastetext,pasteword,selectall,preview,print,save,replace,search,table,cell_props,delete_col,delete_row,col_after,col_before,row_after,row_before,merge_cells,row_props,split_cells,delete_table',

        /**
         * Returns HTML code for the specificed control.
         */
        getControlHTML : function(button_name) {
                var i, x, but;

                // Lookup button in button list
                for (i=0; i<TinyMCE_AdvancedTheme._buttons.length; i++) {
                        but = TinyMCE_AdvancedTheme._buttons[i];

                        if (but[0] == button_name && (button_name == "forecolor" || button_name == "backcolor"))
                                return tinyMCE.getMenuButtonHTML(but[0], but[2], '{$themeurl}/images/' + but[1], but[3] + "Menu", but[3], (but.length > 4 ? but[4] : false), (but.length > 5 ? but[5] : null));

                        if (but[0] == button_name)
                                return tinyMCE.getButtonHTML(but[0], but[2], '{$themeurl}/images/' + but[1], but[3], (but.length > 4 ? but[4] : false), (but.length > 5 ? but[5] : null));
                }

                // Custom controlls other than buttons
                switch (button_name) {
                        case "formatselect":
                                var html = '<select id="{$editor_id}_formatSelect" name="{$editor_id}_formatSelect" onfocus="tinyMCE.addSelectAccessibility(event, this, window);" onchange="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'FormatBlock\',false,this.options[this.selectedIndex].value);" class="mceSelectList">';
                                var formats = tinyMCE.getParam("theme_advanced_blockformats", "p,address,pre,h1,h2,h3,h4,h5,h6", true).split(',');
                                var lookup = [
                                        ['p', '{$lang_theme_paragraph}'],
                                        ['address', '{$lang_theme_address}'],
                                        ['pre', '{$lang_theme_pre}'],
                                        ['h1', '{$lang_theme_h1}'],
                                        ['h2', '{$lang_theme_h2}'],
                                        ['h3', '{$lang_theme_h3}'],
                                        ['h4', '{$lang_theme_h4}'],
                                        ['h5', '{$lang_theme_h5}'],
                                        ['h6', '{$lang_theme_h6}'],
                                        ['div', '{$lang_theme_div}'],
                                        ['blockquote', '{$lang_theme_blockquote}'],
                                        ['code', '{$lang_theme_code}'],
                                        ['dt', '{$lang_theme_dt}'],
                                        ['dd', '{$lang_theme_dd}'],
                                        ['samp', '{$lang_theme_samp}']
                                ];

                                html += '<option value="">{$lang_theme_block}</option>';

                                // Build format select
                                for (var i=0; i<formats.length; i++) {
                                        for (var x=0; x<lookup.length; x++) {
                                                if (formats[i] == lookup[x][0])
                                                        html += '<option value="&lt;' + lookup[x][0] + '&gt;">' + lookup[x][1] + '</option>';
                                        }
                                }

                                html += '</select>';

                                return html;

                        case "styleselect":
                                return '<select id="{$editor_id}_styleSelect" onmousedown="tinyMCE.themes.advanced._setupCSSClasses(\'{$editor_id}\');" name="{$editor_id}_styleSelect" onfocus="tinyMCE.addSelectAccessibility(event,this,window);" onchange="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'mceSetCSSClass\',false,this.options[this.selectedIndex].value);" class="mceSelectList">{$style_select_options}</select>';

                        case "fontselect":
                                var fontHTML = '<select id="{$editor_id}_fontNameSelect" name="{$editor_id}_fontNameSelect" onfocus="tinyMCE.addSelectAccessibility(event, this, window);" onchange="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'FontName\',false,this.options[this.selectedIndex].value);" class="mceSelectList"><option value="">{$lang_theme_fontdefault}</option>';
                                var iFonts = 'Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;Georgia=georgia,times new roman,times,serif;Tahoma=tahoma,arial,helvetica,sans-serif;Times New Roman=times new roman,times,serif;Verdana=verdana,arial,helvetica,sans-serif;Impact=impact;WingDings=wingdings';
                                var nFonts = 'Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats';
                                var fonts = tinyMCE.getParam("theme_advanced_fonts", nFonts).split(';');
                                for (i=0; i<fonts.length; i++) {
                                        if (fonts[i] != '') {
                                                var parts = fonts[i].split('=');
                                                fontHTML += '<option value="' + parts[1] + '">' + parts[0] + '</option>';
                                        }
                                }

                                fontHTML += '</select>';
                                return fontHTML;

                        case "fontsizeselect":
                                return '<select id="{$editor_id}_fontSizeSelect" name="{$editor_id}_fontSizeSelect" onfocus="tinyMCE.addSelectAccessibility(event, this, window);" onchange="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'FontSize\',false,this.options[this.selectedIndex].value);" class="mceSelectList">'+
                                                '<option value="0">{$lang_theme_font_size}</option>'+
                                                '<option value="1">1 (8 pt)</option>'+
                                                '<option value="2">2 (10 pt)</option>'+
                                                '<option value="3">3 (12 pt)</option>'+
                                                '<option value="4">4 (14 pt)</option>'+
                                                '<option value="5">5 (18 pt)</option>'+
                                                '<option value="6">6 (24 pt)</option>'+
                                                '<option value="7">7 (36 pt)</option>'+
                                                '</select>';

                        case "|":
                        case "separator":
                                return '<img src="{$themeurl}/images/separator.gif" width="2" height="20" class="mceSeparatorLine" alt="" />';

                        case "spacer":
                                return '<img src="{$themeurl}/images/separator.gif" width="2" height="15" border="0" class="mceSeparatorLine" style="vertical-align: middle" alt="" />';

                        case "rowseparator":
                                return '<br />';
                }

                return "";
        },

        /**
         * Theme specific execcommand handling.
         */
        execCommand : function(editor_id, element, command, user_interface, value) {
                switch (command) {
                        case 'mceHelp':
                                tinyMCE.openWindow({
                                        file : 'about.htm',
                                        width : 480,
                                        height : 380
                                }, {
                                        tinymce_version : tinyMCE.majorVersion + "." + tinyMCE.minorVersion,
                                        tinymce_releasedate : tinyMCE.releaseDate,
                                        inline : "yes"
                                });
                        return true;

                        case "mceLink":
                                var inst = tinyMCE.getInstanceById(editor_id);
                                var doc = inst.getDoc();
                                var selectedText = "";

                                if (tinyMCE.isMSIE) {
                                        var rng = doc.selection.createRange();
                                        selectedText = rng.text;
                                } else
                                        selectedText = inst.getSel().toString();

                                if (!tinyMCE.linkElement) {
                                        if ((tinyMCE.selectedElement.nodeName.toLowerCase() != "img") && (selectedText.length <= 0))
                                                return true;
                                }

                                var href = "", target = "", title = "", onclick = "", action = "insert", style_class = "";

                                if (tinyMCE.selectedElement.nodeName.toLowerCase() == "a")
                                        tinyMCE.linkElement = tinyMCE.selectedElement;

                                // Is anchor not a link
                                if (tinyMCE.linkElement != null && tinyMCE.getAttrib(tinyMCE.linkElement, 'href') == "")
                                        tinyMCE.linkElement = null;

                                if (tinyMCE.linkElement) {
                                        href = tinyMCE.getAttrib(tinyMCE.linkElement, 'href');
                                        target = tinyMCE.getAttrib(tinyMCE.linkElement, 'target');
                                        title = tinyMCE.getAttrib(tinyMCE.linkElement, 'title');
                                        onclick = tinyMCE.getAttrib(tinyMCE.linkElement, 'onclick');
                                        style_class = tinyMCE.getAttrib(tinyMCE.linkElement, 'class');

                                        // Try old onclick to if copy/pasted content
                                        if (onclick == "")
                                                onclick = tinyMCE.getAttrib(tinyMCE.linkElement, 'onclick');

                                        onclick = tinyMCE.cleanupEventStr(onclick);

                                        href = eval(tinyMCE.settings['urlconverter_callback'] + "(href, tinyMCE.linkElement, true);");

                                        // Use mce_href if defined
                                        mceRealHref = tinyMCE.getAttrib(tinyMCE.linkElement, 'mce_href');
                                        if (mceRealHref != "") {
                                                href = mceRealHref;

                                                if (tinyMCE.getParam('convert_urls'))
                                                        href = eval(tinyMCE.settings['urlconverter_callback'] + "(href, tinyMCE.linkElement, true);");
                                        }

                                        action = "update";
                                }

                                var template = new Array();

                                template['file'] = 'link.htm';
                                template['width'] = 310;
                                template['height'] = 200;

                                // Language specific width and height addons
                                template['width'] += tinyMCE.getLang('lang_insert_link_delta_width', 0);
                                template['height'] += tinyMCE.getLang('lang_insert_link_delta_height', 0);

                                if (inst.settings['insertlink_callback']) {
                                        var returnVal = eval(inst.settings['insertlink_callback'] + "(href, target, title, onclick, action, style_class);");
                                        if (returnVal && returnVal['href'])
                                                TinyMCE_AdvancedTheme._insertLink(returnVal['href'], returnVal['target'], returnVal['title'], returnVal['onclick'], returnVal['style_class']);
                                } else {
                                        tinyMCE.openWindow(template, {href : href, target : target, title : title, onclick : onclick, action : action, className : style_class, inline : "yes"});
                                }

                                return true;

                        case "mceImage":
                                var src = "", alt = "", border = "", hspace = "", vspace = "", width = "", height = "", align = "";
                                var title = "", onmouseover = "", onmouseout = "", action = "insert";
                                var img = tinyMCE.imgElement;
                                var inst = tinyMCE.getInstanceById(editor_id);

                                if (tinyMCE.selectedElement != null && tinyMCE.selectedElement.nodeName.toLowerCase() == "img") {
                                        img = tinyMCE.selectedElement;
                                        tinyMCE.imgElement = img;
                                }

                                if (img) {
                                        // Is it a internal MCE visual aid image, then skip this one.
                                        if (tinyMCE.getAttrib(img, 'name').indexOf('mce_') == 0)
                                                return true;

                                        src = tinyMCE.getAttrib(img, 'src');
                                        alt = tinyMCE.getAttrib(img, 'alt');

                                        // Try polling out the title
                                        if (alt == "")
                                                alt = tinyMCE.getAttrib(img, 'title');

                                        // Fix width/height attributes if the styles is specified
                                        if (tinyMCE.isGecko) {
                                                var w = img.style.width;
                                                if (w != null && w != "")
                                                        img.setAttribute("width", w);

                                                var h = img.style.height;
                                                if (h != null && h != "")
                                                        img.setAttribute("height", h);
                                        }

                                        border = tinyMCE.getAttrib(img, 'border');
                                        hspace = tinyMCE.getAttrib(img, 'hspace');
                                        vspace = tinyMCE.getAttrib(img, 'vspace');
                                        width = tinyMCE.getAttrib(img, 'width');
                                        height = tinyMCE.getAttrib(img, 'height');
                                        align = tinyMCE.getAttrib(img, 'align');
                                        onmouseover = tinyMCE.getAttrib(img, 'onmouseover');
                                        onmouseout = tinyMCE.getAttrib(img, 'onmouseout');
                                        title = tinyMCE.getAttrib(img, 'title');

                                        // Is realy specified?
                                        if (tinyMCE.isMSIE) {
                                                width = img.attributes['width'].specified ? width : "";
                                                height = img.attributes['height'].specified ? height : "";
                                        }

                                        //onmouseover = tinyMCE.getImageSrc(tinyMCE.cleanupEventStr(onmouseover));
                                        //onmouseout = tinyMCE.getImageSrc(tinyMCE.cleanupEventStr(onmouseout));

                                        src = eval(tinyMCE.settings['urlconverter_callback'] + "(src, img, true);");

                                        // Use mce_src if defined
                                        mceRealSrc = tinyMCE.getAttrib(img, 'mce_src');
                                        if (mceRealSrc != "") {
                                                src = mceRealSrc;

                                                if (tinyMCE.getParam('convert_urls'))
                                                        src = eval(tinyMCE.settings['urlconverter_callback'] + "(src, img, true);");
                                        }

                                        //if (onmouseover != "")
                                        //      onmouseover = eval(tinyMCE.settings['urlconverter_callback'] + "(onmouseover, img, true);");

                                        //if (onmouseout != "")
                                        //      onmouseout = eval(tinyMCE.settings['urlconverter_callback'] + "(onmouseout, img, true);");

                                        action = "update";
                                }

                                var template = new Array();

                                template['file'] = 'image.htm?src={$src}';
                                template['width'] = 355;
                                template['height'] = 265 + (tinyMCE.isMSIE ? 25 : 0);

                                // Language specific width and height addons
                                template['width'] += tinyMCE.getLang('lang_insert_image_delta_width', 0);
                                template['height'] += tinyMCE.getLang('lang_insert_image_delta_height', 0);

                                if (inst.settings['insertimage_callback']) {
                                        var returnVal = eval(inst.settings['insertimage_callback'] + "(src, alt, border, hspace, vspace, width, height, align, title, onmouseover, onmouseout, action);");
                                        if (returnVal && returnVal['src'])
                                                TinyMCE_AdvancedTheme._insertImage(returnVal['src'], returnVal['alt'], returnVal['border'], returnVal['hspace'], returnVal['vspace'], returnVal['width'], returnVal['height'], returnVal['align'], returnVal['title'], returnVal['onmouseover'], returnVal['onmouseout']);
                                } else
                                        tinyMCE.openWindow(template, {src : src, alt : alt, border : border, hspace : hspace, vspace : vspace, width : width, height : height, align : align, title : title, onmouseover : onmouseover, onmouseout : onmouseout, action : action, inline : "yes"});

                                return true;

                        case "forecolor":
                                var fcp = new TinyMCE_Layer(editor_id + '_fcPreview', false), p, img, elm;

                                TinyMCE_AdvancedTheme._hideMenus(editor_id);

                                if (!fcp.exists()) {
                                        fcp.create('div', 'mceColorPreview', document.getElementById(editor_id + '_toolbar'));
                                        elm = fcp.getElement();
                                        elm._editor_id = editor_id;
                                        elm._command = "forecolor";
                                        elm._switchId = editor_id + "_forecolor";
                                        tinyMCE.addEvent(elm, 'click', TinyMCE_AdvancedTheme._handleMenuEvent);
                                        tinyMCE.addEvent(elm, 'mouseover', TinyMCE_AdvancedTheme._handleMenuEvent);
                                        tinyMCE.addEvent(elm, 'mouseout', TinyMCE_AdvancedTheme._handleMenuEvent);
                                }

                                img = tinyMCE.selectNodes(document.getElementById(editor_id + "_forecolor"), function(n) {return n.nodeName == "IMG";})[0];
                                p = tinyMCE.getAbsPosition(img, document.getElementById(editor_id + '_toolbar'));

                                fcp.moveTo(p.absLeft, p.absTop);
                                fcp.getElement().style.backgroundColor = value != null ? value : tinyMCE.getInstanceById(editor_id).foreColor;
                                fcp.show();

                                return false;

                        case "forecolorpicker":
                                this._pickColor(editor_id, 'forecolor');
                                return true;

                        case "forecolorMenu":
                                TinyMCE_AdvancedTheme._hideMenus(editor_id);

                                // Create color layer
                                var ml = new TinyMCE_Layer(editor_id + '_fcMenu');

                                if (!ml.exists())
                                        ml.create('div', 'mceMenu', document.body, TinyMCE_AdvancedTheme._getColorHTML(editor_id, 'theme_advanced_text_colors', 'forecolor'));

                                tinyMCE.switchClass(editor_id + '_forecolor', 'mceMenuButtonFocus');
                                ml.moveRelativeTo(document.getElementById(editor_id + "_forecolor"), 'bl');

                                ml.moveBy(tinyMCE.isMSIE && !tinyMCE.isOpera ? -1 : 1, -1);

                                if (tinyMCE.isOpera)
                                        ml.moveBy(0, -2);

                                ml.show();
                        return true;

                        case "HiliteColor":
                                var bcp = new TinyMCE_Layer(editor_id + '_bcPreview', false), p, img;

                                TinyMCE_AdvancedTheme._hideMenus(editor_id);

                                if (!bcp.exists()) {
                                        bcp.create('div', 'mceColorPreview', document.getElementById(editor_id + '_toolbar'));
                                        elm = bcp.getElement();
                                        elm._editor_id = editor_id;
                                        elm._command = "HiliteColor";
                                        elm._switchId = editor_id + "_backcolor";
                                        tinyMCE.addEvent(elm, 'click', TinyMCE_AdvancedTheme._handleMenuEvent);
                                        tinyMCE.addEvent(elm, 'mouseover', TinyMCE_AdvancedTheme._handleMenuEvent);
                                        tinyMCE.addEvent(elm, 'mouseout', TinyMCE_AdvancedTheme._handleMenuEvent);
                                }

                                img = tinyMCE.selectNodes(document.getElementById(editor_id + "_backcolor"), function(n) {return n.nodeName == "IMG";})[0];
                                p = tinyMCE.getAbsPosition(img, document.getElementById(editor_id + '_toolbar'));

                                bcp.moveTo(p.absLeft, p.absTop);
                                bcp.getElement().style.backgroundColor = value != null ? value : tinyMCE.getInstanceById(editor_id).backColor;
                                bcp.show();

                                return false;

                        case "HiliteColorMenu":
                                TinyMCE_AdvancedTheme._hideMenus(editor_id);

                                // Create color layer
                                var ml = new TinyMCE_Layer(editor_id + '_bcMenu');

                                if (!ml.exists())
                                        ml.create('div', 'mceMenu', document.body, TinyMCE_AdvancedTheme._getColorHTML(editor_id, 'theme_advanced_background_colors', 'HiliteColor'));

                                tinyMCE.switchClass(editor_id + '_backcolor', 'mceMenuButtonFocus');
                                ml.moveRelativeTo(document.getElementById(editor_id + "_backcolor"), 'bl');

                                ml.moveBy(tinyMCE.isMSIE && !tinyMCE.isOpera ? -1 : 1, -1);

                                if (tinyMCE.isOpera)
                                        ml.moveBy(0, -2);

                                ml.show();
                        return true;
        
                        case "backcolorpicker":
                                this._pickColor(editor_id, 'HiliteColor');
                                return true;

                        case "mceColorPicker":
                                if (user_interface) {
                                        var template = [];
        
                                        if (!value['callback'] && !value['color'])
                                                value['color'] = value['document'].getElementById(value['element_id']).value;

                                        template['file'] = 'color_picker.htm';
                                        template['width'] = 380;
                                        template['height'] = 250;
                                        template['close_previous'] = "no";

                                        template['width'] += tinyMCE.getLang('lang_theme_advanced_colorpicker_delta_width', 0);
                                        template['height'] += tinyMCE.getLang('lang_theme_advanced_colorpicker_delta_height', 0);

                                        if (typeof(value['store_selection']) == "undefined")
                                                value['store_selection'] = true;

                                        tinyMCE.lastColorPickerValue = value;
                                        tinyMCE.openWindow(template, {editor_id : editor_id, mce_store_selection : value['store_selection'], inline : "yes", command : "mceColorPicker", input_color : value['color']});
                                } else {
                                        var savedVal = tinyMCE.lastColorPickerValue, elm;

                                        if (savedVal['callback']) {
                                                savedVal['callback'](value);
                                                return true;
                                        }

                                        elm = savedVal['document'].getElementById(savedVal['element_id']);
                                        elm.value = value;

                                        if (elm.onchange != null && elm.onchange != '')
                                                eval('elm.onchange();');
                                }
                        return true;

                        case "mceCodeEditor":
                                var template = new Array();

                                template['file'] = 'source_editor.htm';
                                template['width'] = parseInt(tinyMCE.getParam("theme_advanced_source_editor_width", 720));
                                template['height'] = parseInt(tinyMCE.getParam("theme_advanced_source_editor_height", 580));

                                tinyMCE.openWindow(template, {editor_id : editor_id, resizable : "yes", scrollbars : "no", inline : "yes"});
                                return true;

                        case "mceCharMap":
                                var template = new Array();

                                template['file'] = 'charmap.htm';
                                template['width'] = 550 + (tinyMCE.isOpera ? 40 : 0);
                                template['height'] = 250;

                                template['width'] += tinyMCE.getLang('lang_theme_advanced_charmap_delta_width', 0);
                                template['height'] += tinyMCE.getLang('lang_theme_advanced_charmap_delta_height', 0);

                                tinyMCE.openWindow(template, {editor_id : editor_id, inline : "yes"});
                                return true;

                        case "mceInsertAnchor":
                                var template = new Array();

                                template['file'] = 'anchor.htm';
                                template['width'] = 320;
                                template['height'] = 90 + (tinyMCE.isNS7 ? 30 : 0);

                                template['width'] += tinyMCE.getLang('lang_theme_advanced_anchor_delta_width', 0);
                                template['height'] += tinyMCE.getLang('lang_theme_advanced_anchor_delta_height', 0);

                                tinyMCE.openWindow(template, {editor_id : editor_id, inline : "yes"});
                                return true;

                        case "mceNewDocument":
                                if (confirm(tinyMCE.entityDecode(tinyMCE.getLang('lang_newdocument'))))
                                        tinyMCE.execInstanceCommand(editor_id, 'mceSetContent', false, ' ');

                                return true;
                }

                return false;
        },

        /**
         * Editor instance template function.
         */
        getEditorTemplate : function(settings, editorId) {
                function removeFromArray(in_array, remove_array) {
                        var outArray = new Array(), skip;
                        
                        for (var i=0; i<in_array.length; i++) {
                                skip = false;

                                for (var j=0; j<remove_array.length; j++) {
                                        if (in_array[i] == remove_array[j]) {
                                                skip = true;
                                        }
                                }

                                if (!skip) {
                                        outArray[outArray.length] = in_array[i];
                                }
                        }

                        return outArray;
                }

                function addToArray(in_array, add_array) {
                        for (var i=0; i<add_array.length; i++) {
                                in_array[in_array.length] = add_array[i];
                        }

                        return in_array;
                }

                var template = new Array();
                var deltaHeight = 0;
                var resizing = tinyMCE.getParam("theme_advanced_resizing", false);
                var path = tinyMCE.getParam("theme_advanced_path", true);
                var statusbarHTML = '<div id="{$editor_id}_path" class="mceStatusbarPathText" style="display: ' + (path ? "block" : "none") + '">&#160;</div><div id="{$editor_id}_resize" class="mceStatusbarResize" style="display: ' + (resizing ? "block" : "none") + '" onmousedown="tinyMCE.themes.advanced._setResizing(event,\'{$editor_id}\',true);"></div><br style="clear: both" />';
                var layoutManager = tinyMCE.getParam("theme_advanced_layout_manager", "SimpleLayout");

                // Setup style select options -- MOVED UP FOR EXTERNAL TOOLBAR COMPATABILITY!
                var styleSelectHTML = '<option value="">{$lang_theme_style_select}</option>';
                if (settings['theme_advanced_styles']) {
                        var stylesAr = settings['theme_advanced_styles'].split(';');
                        
                        for (var i=0; i<stylesAr.length; i++) {
                                var key, value;

                                key = stylesAr[i].split('=')[0];
                                value = stylesAr[i].split('=')[1];

                                styleSelectHTML += '<option value="' + value + '">' + key + '</option>';
                        }

                        TinyMCE_AdvancedTheme._autoImportCSSClasses = false;
                }

                switch(layoutManager) {
                        case "SimpleLayout" : //the default TinyMCE Layout (for backwards compatibility)...
                                var toolbarHTML = "";
                                var toolbarLocation = tinyMCE.getParam("theme_advanced_toolbar_location", "bottom");
                                var toolbarAlign = tinyMCE.getParam("theme_advanced_toolbar_align", "center");
                                var pathLocation = tinyMCE.getParam("theme_advanced_path_location", "none"); // Compatiblity
                                var statusbarLocation = tinyMCE.getParam("theme_advanced_statusbar_location", pathLocation);
                                var defVals = {
                                        theme_advanced_buttons1 : "bold,italic,underline,strikethrough,separator,justifyleft,justifycenter,justifyright,justifyfull,separator,styleselect,formatselect",
                                        theme_advanced_buttons2 : "bullist,numlist,separator,outdent,indent,separator,undo,redo,separator,link,unlink,anchor,image,cleanup,help,code",
                                        theme_advanced_buttons3 : "hr,removeformat,visualaid,separator,sub,sup,separator,charmap"
                                };

                                // Add accessibility control
                                toolbarHTML += '<a href="#" accesskey="q" title="' + tinyMCE.getLang("lang_toolbar_focus") + '"';

                                if (!tinyMCE.getParam("accessibility_focus"))
                                        toolbarHTML += ' onfocus="tinyMCE.getInstanceById(\'' + editorId + '\').getWin().focus();"';

                                toolbarHTML += '></a>';

                                // Render rows
                                for (var i=1; i<100; i++) {
                                        var def = defVals["theme_advanced_buttons" + i];

                                        var buttons = tinyMCE.getParam("theme_advanced_buttons" + i, def == null ? '' : def, true, ',');
                                        if (buttons.length == 0)
                                                break;

                                        buttons = removeFromArray(buttons, tinyMCE.getParam("theme_advanced_disable", "", true, ','));
                                        buttons = addToArray(buttons, tinyMCE.getParam("theme_advanced_buttons" + i + "_add", "", true, ','));
                                        buttons = addToArray(tinyMCE.getParam("theme_advanced_buttons" + i + "_add_before", "", true, ','), buttons);

                                        for (var b=0; b<buttons.length; b++)
                                                toolbarHTML += tinyMCE.getControlHTML(buttons[b]);

                                        if (buttons.length > 0) {
                                                toolbarHTML += "<br />";
                                                deltaHeight -= 23;
                                        }
                                }

                                // Add accessibility control
                                toolbarHTML += '<a href="#" accesskey="z" onfocus="tinyMCE.getInstanceById(\'' + editorId + '\').getWin().focus();"></a>';

                                // Setup template html
                                template['html'] = '<table class="mceEditor" border="0" cellpadding="0" cellspacing="0" width="{$width}" height="{$height}" style="width:{$width_style};height:{$height_style}"><tbody>';

                                if (toolbarLocation == "top")
                                        template['html'] += '<tr><td dir="ltr" class="mceToolbarTop" align="' + toolbarAlign + '" height="1" nowrap="nowrap"><span id="' + editorId + '_toolbar" class="mceToolbarContainer">' + toolbarHTML + '</span></td></tr>';

                                if (statusbarLocation == "top") {
                                        template['html'] += '<tr><td class="mceStatusbarTop" height="1">' + statusbarHTML + '</td></tr>';
                                        deltaHeight -= 23;
                                }

                                template['html'] += '<tr><td align="center"><span id="{$editor_id}"></span></td></tr>';

                                if (toolbarLocation == "bottom")
                                        template['html'] += '<tr><td dir="ltr" class="mceToolbarBottom" align="' + toolbarAlign + '" height="1"><span id="' + editorId + '_toolbar" class="mceToolbarContainer">' + toolbarHTML + '</span></td></tr>';

                                // External toolbar changes
                                if (toolbarLocation == "external") {
                                        var bod = document.body;
                                        var elm = document.createElement ("div");

                                        toolbarHTML = tinyMCE.replaceVar(toolbarHTML, 'style_select_options', styleSelectHTML);
                                        toolbarHTML = tinyMCE.applyTemplate(toolbarHTML, {editor_id : editorId});

                                        elm.className = "mceToolbarExternal";
                                        elm.id = editorId+"_toolbar";
                                        elm.innerHTML = '<table width="100%" border="0" align="center"><tr><td align="center">'+toolbarHTML+'</td></tr></table>';
                                        bod.appendChild (elm);
                                        // bod.style.marginTop = elm.offsetHeight + "px";

                                        deltaHeight = 0;
                                        tinyMCE.getInstanceById(editorId).toolbarElement = elm;

                                        //template['html'] = '<div id="mceExternalToolbar" align="center" class="mceToolbarExternal"><table width="100%" border="0" align="center"><tr><td align="center">'+toolbarHTML+'</td></tr></table></div>' + template["html"];
                                } else {
                                        tinyMCE.getInstanceById(editorId).toolbarElement = null;
                                }

                                if (statusbarLocation == "bottom") {
                                        template['html'] += '<tr><td class="mceStatusbarBottom" height="1">' + statusbarHTML + '</td></tr>';
                                        deltaHeight -= 23;
                                }

                                template['html'] += '</tbody></table>';
                                //"SimpleLayout"
                        break;

                        case "RowLayout" : //Container Layout - containers defined in "theme_advanced_containers" are rendered from top to bottom.
                                template['html'] = '<table class="mceEditor" border="0" cellpadding="0" cellspacing="0" width="{$width}" height="{$height}" style="width:{$width}px;height:{$height}px"><tbody>';

                                var containers = tinyMCE.getParam("theme_advanced_containers", "", true, ",");
                                var defaultContainerCSS = tinyMCE.getParam("theme_advanced_containers_default_class", "container");
                                var defaultContainerAlign = tinyMCE.getParam("theme_advanced_containers_default_align", "center");

                                //Render Containers:
                                for (var i = 0; i < containers.length; i++)
                                {
                                        if (containers[i] == "mceEditor") //Exceptions for mceEditor and ...
                                                template['html'] += '<tr><td align="center" class="mceEditor_border"><span id="{$editor_id}"></span></td></tr>';
                                        else if (containers[i] == "mceElementpath" || containers[i] == "mceStatusbar") // ... mceElementpath:
                                        {
                                                var pathClass = "mceStatusbar";

                                                if (i == containers.length-1)
                                                {
                                                        pathClass = "mceStatusbarBottom";
                                                }
                                                else if (i == 0)
                                                {
                                                        pathClass = "mceStatusbar";
                                                }
                                                else
                                                {
                                                        deltaHeight-=2;
                                                }

                                                template['html'] += '<tr><td class="' + pathClass + '" height="1">' + statusbarHTML + '</td></tr>';
                                                deltaHeight -= 22;
                                        } else { // Render normal Container
                                                var curContainer = tinyMCE.getParam("theme_advanced_container_"+containers[i], "", true, ',');
                                                var curContainerHTML = "";
                                                var curAlign = tinyMCE.getParam("theme_advanced_container_"+containers[i]+"_align", defaultContainerAlign);
                                                var curCSS = tinyMCE.getParam("theme_advanced_container_"+containers[i]+"_class", defaultContainerCSS);

                                                curContainer = removeFromArray(curContainer, tinyMCE.getParam("theme_advanced_disable", "", true, ','));

                                                for (var j=0; j<curContainer.length; j++)
                                                        curContainerHTML += tinyMCE.getControlHTML(curContainer[j]);

                                                if (curContainer.length > 0) {
                                                        curContainerHTML += "<br />";
                                                        deltaHeight -= 23;
                                                }

                                                template['html'] += '<tr><td class="' + curCSS + '" align="' + curAlign + '" height="1">' + curContainerHTML + '</td></tr>';
                                        }
                                }

                                template['html'] += '</tbody></table>';
                                //RowLayout
                        break;

                        case "CustomLayout" : //User defined layout callback...
                                var customLayout = tinyMCE.getParam("theme_advanced_custom_layout","");

                                if (customLayout != "" && eval("typeof(" + customLayout + ")") != "undefined") {
                                        template = eval(customLayout + "(template);");
                                }
                        break;
                }

                if (resizing)
                        template['html'] += '<span id="{$editor_id}_resize_box" class="mceResizeBox"></span>';

                template['html'] = tinyMCE.replaceVar(template['html'], 'style_select_options', styleSelectHTML);

                // Set to default values
                if (!template['delta_width'])
                        template['delta_width'] = 0;

                if (!template['delta_height'])
                        template['delta_height'] = deltaHeight;

                return template;
        },

        initInstance : function(inst) {
                if (tinyMCE.getParam("theme_advanced_resizing", false)) {
                        if (tinyMCE.getParam("theme_advanced_resizing_use_cookie", true)) {
                                var w = TinyMCE_AdvancedTheme._getCookie("TinyMCE_" + inst.editorId + "_width");
                                var h = TinyMCE_AdvancedTheme._getCookie("TinyMCE_" + inst.editorId + "_height");

                                TinyMCE_AdvancedTheme._resizeTo(inst, w, h, tinyMCE.getParam("theme_advanced_resize_horizontal", true));
                        }
                }

                inst.addShortcut('ctrl', 'k', 'lang_link_desc', 'mceLink');
        },

        removeInstance : function(inst) {
                new TinyMCE_Layer(inst.editorId + '_fcMenu').remove();
                new TinyMCE_Layer(inst.editorId + '_bcMenu').remove();
        },

        hideInstance : function(inst) {
                TinyMCE_AdvancedTheme._hideMenus(inst.editorId);
        },

        _handleMenuEvent : function(e) {
                var te = tinyMCE.isMSIE ? window.event.srcElement : e.target;
                tinyMCE._menuButtonEvent(e.type == "mouseover" ? "over" : "out", document.getElementById(te._switchId));

                if (e.type == "click")
                        tinyMCE.execInstanceCommand(te._editor_id, te._command);
        },

        _hideMenus : function(id) {
                var fcml = new TinyMCE_Layer(id + '_fcMenu'), bcml = new TinyMCE_Layer(id + '_bcMenu');

                if (fcml.exists() && fcml.isVisible()) {
                        tinyMCE.switchClass(id + '_forecolor', 'mceMenuButton');
                        fcml.hide();
                }

                if (bcml.exists() && bcml.isVisible()) {
                        tinyMCE.switchClass(id + '_backcolor', 'mceMenuButton');
                        bcml.hide();
                }
        },

        /**
         * Node change handler.
         */
        handleNodeChange : function(editor_id, node, undo_index, undo_levels, visual_aid, any_selection, setup_content) {
                var alignNode, breakOut, classNode;

                function selectByValue(select_elm, value, first_index) {
                        first_index = typeof(first_index) == "undefined" ? false : true;

                        if (select_elm) {
                                for (var i=0; i<select_elm.options.length; i++) {
                                        var ov = "" + select_elm.options[i].value;

                                        if (first_index && ov.toLowerCase().indexOf(value.toLowerCase()) == 0) {
                                                select_elm.selectedIndex = i;
                                                return true;
                                        }

                                        if (ov == value) {
                                                select_elm.selectedIndex = i;
                                                return true;
                                        }
                                }
                        }

                        return false;
                };

                // No node provided
                if (node == null)
                        return;

                // Update path
                var pathElm = document.getElementById(editor_id + "_path");
                var inst = tinyMCE.getInstanceById(editor_id);
                var doc = inst.getDoc();
                TinyMCE_AdvancedTheme._hideMenus(editor_id);

                if (pathElm) {
                        // Get node path
                        var parentNode = node;
                        var path = new Array();
                        
                        while (parentNode != null) {
                                if (parentNode.nodeName.toUpperCase() == "BODY") {
                                        break;
                                }

                                // Only append element nodes to path
                                if (parentNode.nodeType == 1 && tinyMCE.getAttrib(parentNode, "class").indexOf('mceItemHidden') == -1) {
                                        path[path.length] = parentNode;
                                }

                                parentNode = parentNode.parentNode;
                        }

                        // Setup HTML
                        var html = "";
                        for (var i=path.length-1; i>=0; i--) {
                                var nodeName = path[i].nodeName.toLowerCase();
                                var nodeData = "";

                                if (nodeName.indexOf("html:") == 0)
                                        nodeName = nodeName.substring(5);

                                if (nodeName == "b") {
                                        nodeName = "strong";
                                }

                                if (nodeName == "i") {
                                        nodeName = "em";
                                }

                                if (nodeName == "span") {
                                        var cn = tinyMCE.getAttrib(path[i], "class");
                                        if (cn != "" && cn.indexOf('mceItem') == -1)
                                                nodeData += "class: " + cn + " ";

                                        var st = tinyMCE.getAttrib(path[i], "style");
                                        if (st != "") {
                                                st = tinyMCE.serializeStyle(tinyMCE.parseStyle(st));
                                                nodeData += "style: " + tinyMCE.xmlEncode(st) + " ";
                                        }
                                }

                                if (nodeName == "font") {
                                        if (tinyMCE.getParam("convert_fonts_to_spans"))
                                                nodeName = "span";

                                        var face = tinyMCE.getAttrib(path[i], "face");
                                        if (face != "")
                                                nodeData += "font: " + tinyMCE.xmlEncode(face) + " ";

                                        var size = tinyMCE.getAttrib(path[i], "size");
                                        if (size != "")
                                                nodeData += "size: " + tinyMCE.xmlEncode(size) + " ";

                                        var color = tinyMCE.getAttrib(path[i], "color");
                                        if (color != "")
                                                nodeData += "color: " + tinyMCE.xmlEncode(color) + " ";
                                }

                                if (tinyMCE.getAttrib(path[i], 'id') != "") {
                                        nodeData += "id: " + path[i].getAttribute('id') + " ";
                                }

                                var className = tinyMCE.getVisualAidClass(tinyMCE.getAttrib(path[i], "class"), false);
                                if (className != "" && className.indexOf('mceItem') == -1)
                                        nodeData += "class: " + className + " ";

                                if (tinyMCE.getAttrib(path[i], 'src') != "") {
                                        var src = tinyMCE.getAttrib(path[i], "mce_src");

                                        if (src == "")
                                                 src = tinyMCE.getAttrib(path[i], "src");

                                        nodeData += "src: " + tinyMCE.xmlEncode(src) + " ";
                                }

                                if (path[i].nodeName == 'A' && tinyMCE.getAttrib(path[i], 'href') != "") {
                                        var href = tinyMCE.getAttrib(path[i], "mce_href");

                                        if (href == "")
                                                 href = tinyMCE.getAttrib(path[i], "href");

                                        nodeData += "href: " + tinyMCE.xmlEncode(href) + " ";
                                }

                                className = tinyMCE.getAttrib(path[i], "class");
                                if ((nodeName == "img" || nodeName == "span") && className.indexOf('mceItem') != -1) {
                                        nodeName = className.replace(/mceItem([a-z]+)/gi, '$1').toLowerCase();
                                        nodeData = path[i].getAttribute('title');
                                }

                                if (nodeName == "a" && (anchor = tinyMCE.getAttrib(path[i], "name")) != "") {
                                        nodeName = "a";
                                        nodeName += "#" + tinyMCE.xmlEncode(anchor);
                                        nodeData = "";
                                }

                                if (tinyMCE.getAttrib(path[i], 'name').indexOf("mce_") != 0) {
                                        var className = tinyMCE.getVisualAidClass(tinyMCE.getAttrib(path[i], "class"), false);
                                        if (className != "" && className.indexOf('mceItem') == -1) {
                                                nodeName += "." + className;
                                        }
                                }

                                var cmd = 'tinyMCE.execInstanceCommand(\'' + editor_id + '\',\'mceSelectNodeDepth\',false,\'' + i + '\');';
                                html += '<a title="' + nodeData + '" href="javascript:' + cmd + '" onclick="' + cmd + 'return false;" onmousedown="return false;" target="_self" class="mcePathItem">' + nodeName + '</a>';

                                if (i > 0) {
                                        html += " &raquo; ";
                                }
                        }

                        pathElm.innerHTML = '<a href="#" accesskey="x"></a>' + tinyMCE.getLang('lang_theme_path') + ": " + html + '&#160;';
                }

                // Reset old states
                tinyMCE.switchClass(editor_id + '_justifyleft', 'mceButtonNormal');
                tinyMCE.switchClass(editor_id + '_justifyright', 'mceButtonNormal');
                tinyMCE.switchClass(editor_id + '_justifycenter', 'mceButtonNormal');
                tinyMCE.switchClass(editor_id + '_justifyfull', 'mceButtonNormal');
                tinyMCE.switchClass(editor_id + '_bold', 'mceButtonNormal');
                tinyMCE.switchClass(editor_id + '_italic', 'mceButtonNormal');
                tinyMCE.switchClass(editor_id + '_underline', 'mceButtonNormal');
                tinyMCE.switchClass(editor_id + '_strikethrough', 'mceButtonNormal');
                tinyMCE.switchClass(editor_id + '_bullist', 'mceButtonNormal');
                tinyMCE.switchClass(editor_id + '_numlist', 'mceButtonNormal');
                tinyMCE.switchClass(editor_id + '_sub', 'mceButtonNormal');
                tinyMCE.switchClass(editor_id + '_sup', 'mceButtonNormal');
                tinyMCE.switchClass(editor_id + '_anchor', 'mceButtonNormal');
                tinyMCE.switchClass(editor_id + '_link', 'mceButtonDisabled');
                tinyMCE.switchClass(editor_id + '_unlink', 'mceButtonDisabled');
                tinyMCE.switchClass(editor_id + '_outdent', 'mceButtonDisabled');
                tinyMCE.switchClass(editor_id + '_image', 'mceButtonNormal');
                tinyMCE.switchClass(editor_id + '_hr', 'mceButtonNormal');

                if (node.nodeName == "A" && tinyMCE.getAttrib(node, "class").indexOf('mceItemAnchor') != -1)
                        tinyMCE.switchClass(editor_id + '_anchor', 'mceButtonSelected');

                // Get link
                var anchorLink = tinyMCE.getParentElement(node, "a", "href");

                if (anchorLink || any_selection) {
                        tinyMCE.switchClass(editor_id + '_link', anchorLink ? 'mceButtonSelected' : 'mceButtonNormal');
                        tinyMCE.switchClass(editor_id + '_unlink', anchorLink ? 'mceButtonSelected' : 'mceButtonNormal');
                }

                // Handle visual aid
                tinyMCE.switchClass(editor_id + '_visualaid', visual_aid ? 'mceButtonSelected' : 'mceButtonNormal');

                if (undo_levels != -1) {
                        tinyMCE.switchClass(editor_id + '_undo', 'mceButtonDisabled');
                        tinyMCE.switchClass(editor_id + '_redo', 'mceButtonDisabled');
                }

                // Within li, blockquote
                if (tinyMCE.getParentElement(node, "li,blockquote"))
                        tinyMCE.switchClass(editor_id + '_outdent', 'mceButtonNormal');

                // Has redo levels
                if (undo_index != -1 && (undo_index < undo_levels-1 && undo_levels > 0))
                        tinyMCE.switchClass(editor_id + '_redo', 'mceButtonNormal');

                // Has undo levels
                if (undo_index != -1 && (undo_index > 0 && undo_levels > 0))
                        tinyMCE.switchClass(editor_id + '_undo', 'mceButtonNormal');

                // Select class in select box
                var selectElm = document.getElementById(editor_id + "_styleSelect");
                
                if (selectElm) {
                        TinyMCE_AdvancedTheme._setupCSSClasses(editor_id);

                        classNode = node;
                        breakOut = false;
                        var index = 0;

                        do {
                                if (classNode && classNode.className) {
                                        for (var i=0; i<selectElm.options.length; i++) {
                                                if (selectElm.options[i].value == classNode.className) {
                                                        index = i;
                                                        breakOut = true;
                                                        break;
                                                }
                                        }
                                }
                        } while (!breakOut && classNode != null && (classNode = classNode.parentNode) != null);

                        selectElm.selectedIndex = index;
                }

                // Select formatblock
                var selectElm = document.getElementById(editor_id + "_formatSelect");
                if (selectElm) {
                        var elm = tinyMCE.getParentElement(node, "p,div,h1,h2,h3,h4,h5,h6,pre,address");

                        if (elm)
                                selectByValue(selectElm, "<" + elm.nodeName.toLowerCase() + ">");
                        else
                                selectByValue(selectElm, "");
                }

                // Select fontselect
                var selectElm = document.getElementById(editor_id + "_fontNameSelect");
                if (selectElm) {
                        if (!tinyMCE.isSafari && !(tinyMCE.isMSIE && !tinyMCE.isOpera)) {
                                var face = inst.queryCommandValue('FontName');

                                face = face == null || face == "" ? "" : face;

                                selectByValue(selectElm, face, face != "");
                        } else {
                                var elm = tinyMCE.getParentElement(node, "font", "face");

                                if (elm) {
                                        var family = tinyMCE.getAttrib(elm, "face");

                                        if (family == '')
                                                family = '' + elm.style.fontFamily;

                                        if (!selectByValue(selectElm, family, family != ""))
                                                selectByValue(selectElm, "");
                                } else
                                        selectByValue(selectElm, "");
                        }
                }

                // Select fontsize
                var selectElm = document.getElementById(editor_id + "_fontSizeSelect");
                if (selectElm) {
                        if (!tinyMCE.isSafari && !tinyMCE.isOpera) {
                                var size = inst.queryCommandValue('FontSize');
                                selectByValue(selectElm, size == null || size == "" ? "0" : size);
                        } else {
                                var elm = tinyMCE.getParentElement(node, "font", "size");
                                if (elm) {
                                        var size = tinyMCE.getAttrib(elm, "size");

                                        if (size == '') {
                                                var sizes = new Array('', '8px', '10px', '12px', '14px', '18px', '24px', '36px');

                                                size = '' + elm.style.fontSize;

                                                for (var i=0; i<sizes.length; i++) {
                                                        if (('' + sizes[i]) == size) {
                                                                size = i;
                                                                break;
                                                        }
                                                }
                                        }

                                        if (!selectByValue(selectElm, size))
                                                selectByValue(selectElm, "");
                                } else
                                        selectByValue(selectElm, "0");
                        }
                }

                // Handle align attributes
                alignNode = node;
                breakOut = false;
                do {
                        if (!alignNode.getAttribute || !alignNode.getAttribute('align'))
                                continue;

                        switch (alignNode.getAttribute('align').toLowerCase()) {
                                case "left":
                                        tinyMCE.switchClass(editor_id + '_justifyleft', 'mceButtonSelected');
                                        breakOut = true;
                                break;

                                case "right":
                                        tinyMCE.switchClass(editor_id + '_justifyright', 'mceButtonSelected');
                                        breakOut = true;
                                break;

                                case "middle":
                                case "center":
                                        tinyMCE.switchClass(editor_id + '_justifycenter', 'mceButtonSelected');
                                        breakOut = true;
                                break;

                                case "justify":
                                        tinyMCE.switchClass(editor_id + '_justifyfull', 'mceButtonSelected');
                                        breakOut = true;
                                break;
                        }
                } while (!breakOut && (alignNode = alignNode.parentNode) != null);

                // Div justification
                var div = tinyMCE.getParentElement(node, "div");
                if (div && div.style.textAlign == "center")
                        tinyMCE.switchClass(editor_id + '_justifycenter', 'mceButtonSelected');

                // Do special text
                if (!setup_content) {
                        // , "JustifyLeft", "_justifyleft", "JustifyCenter", "justifycenter", "JustifyRight", "justifyright", "JustifyFull", "justifyfull", "InsertUnorderedList", "bullist", "InsertOrderedList", "numlist", "InsertUnorderedList", "bullist", "Outdent", "outdent", "Indent", "indent", "subscript", "sub"
                        var ar = new Array("Bold", "_bold", "Italic", "_italic", "Strikethrough", "_strikethrough", "superscript", "_sup", "subscript", "_sub");
                        for (var i=0; i<ar.length; i+=2) {
                                if (inst.queryCommandState(ar[i]))
                                        tinyMCE.switchClass(editor_id + ar[i+1], 'mceButtonSelected');
                        }

                        if (inst.queryCommandState("Underline") && (node.parentNode == null || node.parentNode.nodeName != "A"))
                                tinyMCE.switchClass(editor_id + '_underline', 'mceButtonSelected');
                }

                // Handle elements
                do {
                        switch (node.nodeName) {
                                case "UL":
                                        tinyMCE.switchClass(editor_id + '_bullist', 'mceButtonSelected');
                                break;

                                case "OL":
                                        tinyMCE.switchClass(editor_id + '_numlist', 'mceButtonSelected');
                                break;

                                case "HR":
                                         tinyMCE.switchClass(editor_id + '_hr', 'mceButtonSelected');
                                break;

                                case "IMG":
                                if (tinyMCE.getAttrib(node, 'name').indexOf('mce_') != 0 && tinyMCE.getAttrib(node, 'class').indexOf('mceItem') == -1) {
                                        tinyMCE.switchClass(editor_id + '_image', 'mceButtonSelected');
                                }
                                break;
                        }
                } while ((node = node.parentNode) != null);
        },

        // Private theme internal functions

        // This function auto imports CSS classes into the class selection droplist
        _setupCSSClasses : function(editor_id) {
                var i, selectElm;

                if (!TinyMCE_AdvancedTheme._autoImportCSSClasses)
                        return;

                selectElm = document.getElementById(editor_id + '_styleSelect');

                if (selectElm && selectElm.getAttribute('cssImported') != 'true') {
                        var csses = tinyMCE.getCSSClasses(editor_id);
                        if (csses && selectElm) {
                                for (i=0; i<csses.length; i++)
                                        selectElm.options[selectElm.options.length] = new Option(csses[i], csses[i]);
                        }

                        // Only do this once
                        if (csses != null && csses.length > 0)
                                selectElm.setAttribute('cssImported', 'true');
                }
        },

        _setCookie : function(name, value, expires, path, domain, secure) {
                var curCookie = name + "=" + escape(value) +
                        ((expires) ? "; expires=" + expires.toGMTString() : "") +
                        ((path) ? "; path=" + escape(path) : "") +
                        ((domain) ? "; domain=" + domain : "") +
                        ((secure) ? "; secure" : "");

                document.cookie = curCookie;
        },

        _getCookie : function(name) {
                var dc = document.cookie;
                var prefix = name + "=";
                var begin = dc.indexOf("; " + prefix);

                if (begin == -1) {
                        begin = dc.indexOf(prefix);

                        if (begin != 0)
                                return null;
                } else
                        begin += 2;

                var end = document.cookie.indexOf(";", begin);

                if (end == -1)
                        end = dc.length;

                return unescape(dc.substring(begin + prefix.length, end));
        },

        _resizeTo : function(inst, w, h, set_w) {
                var editorContainer = document.getElementById(inst.editorId + '_parent');
                var tableElm = editorContainer.firstChild;
                var iframe = inst.iframeElement;

                if (w == null || w == "null") {
                        set_w = false;
                        w = 0;
                }

                if (h == null || h == "null")
                        return;

                w = parseInt(w);
                h = parseInt(h);

                if (tinyMCE.isGecko) {
                        w += 2;
                        h += 2;
                }

                var dx = w - tableElm.clientWidth;
                var dy = h - tableElm.clientHeight;

                w = w < 1 ? 30 : w;
                h = h < 1 ? 30 : h;

                if (set_w)
                        tableElm.style.width = w + "px";

                tableElm.style.height = h + "px";

                iw = iframe.clientWidth + dx;
                ih = iframe.clientHeight + dy;

                iw = iw < 1 ? 30 : iw;
                ih = ih < 1 ? 30 : ih;

                if (tinyMCE.isGecko) {
                        iw -= 2;
                        ih -= 2;
                }

                if (set_w)
                        iframe.style.width = iw + "px";

                iframe.style.height = ih + "px";

                // Is it to small, make it bigger again
                if (set_w) {
                        var tableBodyElm = tableElm.firstChild;
                        var minIframeWidth = tableBodyElm.scrollWidth;
                        if (inst.iframeElement.clientWidth < minIframeWidth) {
                                dx = minIframeWidth - inst.iframeElement.clientWidth;

                                inst.iframeElement.style.width = (iw + dx) + "px";
                        }
                }

                // Remove pesky table controls
                inst.useCSS = false;
        },

        /**
         * Handles resizing events.
         */
        _resizeEventHandler : function(e) {
                var resizer = TinyMCE_AdvancedTheme._resizer;

                // Do nothing
                if (!resizer.resizing)
                        return;

                e = typeof(e) == "undefined" ? window.event : e;

                var dx = e.screenX - resizer.downX;
                var dy = e.screenY - resizer.downY;
                var resizeBox = resizer.resizeBox;
                var editorId = resizer.editorId;

                switch (e.type) {
                        case "mousemove":
                                var w, h;

                                w = resizer.width + dx;
                                h = resizer.height + dy;

                                w = w < 1 ? 1 : w;
                                h = h < 1 ? 1 : h;

                                if (resizer.horizontal)
                                        resizeBox.style.width = w + "px";

                                resizeBox.style.height = h + "px";
                                break;

                        case "mouseup":
                                TinyMCE_AdvancedTheme._setResizing(e, editorId, false);
                                TinyMCE_AdvancedTheme._resizeTo(tinyMCE.getInstanceById(editorId), resizer.width + dx, resizer.height + dy, resizer.horizontal);

                                // Expire in a month
                                if (tinyMCE.getParam("theme_advanced_resizing_use_cookie", true)) {
                                        var expires = new Date();
                                        expires.setTime(expires.getTime() + 3600000 * 24 * 30);

                                        // Set the cookies
                                        TinyMCE_AdvancedTheme._setCookie("TinyMCE_" + editorId + "_width", "" + (resizer.horizontal ? resizer.width + dx : ""), expires);
                                        TinyMCE_AdvancedTheme._setCookie("TinyMCE_" + editorId + "_height", "" + (resizer.height + dy), expires);
                                }
                                break;
                }
        },

        /**
         * Starts/stops the editor resizing.
         */
        _setResizing : function(e, editor_id, state) {
                e = typeof(e) == "undefined" ? window.event : e;

                var resizer = TinyMCE_AdvancedTheme._resizer;
                var editorContainer = document.getElementById(editor_id + '_parent');
                var editorArea = document.getElementById(editor_id + '_parent').firstChild;
                var resizeBox = document.getElementById(editor_id + '_resize_box');
                var inst = tinyMCE.getInstanceById(editor_id);

                if (state) {
                        // Place box over editor area
                        var width = editorArea.clientWidth;
                        var height = editorArea.clientHeight;

                        resizeBox.style.width = width + "px";
                        resizeBox.style.height = height + "px";

                        resizer.iframeWidth = inst.iframeElement.clientWidth;
                        resizer.iframeHeight = inst.iframeElement.clientHeight;

                        // Hide editor and show resize box
                        editorArea.style.display = "none";
                        resizeBox.style.display = "block";

                        // Add event handlers, only once
                        if (!resizer.eventHandlers) {
                                if (tinyMCE.isMSIE)
                                        tinyMCE.addEvent(document, "mousemove", TinyMCE_AdvancedTheme._resizeEventHandler);
                                else
                                        tinyMCE.addEvent(window, "mousemove", TinyMCE_AdvancedTheme._resizeEventHandler);

                                tinyMCE.addEvent(document, "mouseup", TinyMCE_AdvancedTheme._resizeEventHandler);

                                resizer.eventHandlers = true;
                        }

                        resizer.resizing = true;
                        resizer.downX = e.screenX;
                        resizer.downY = e.screenY;
                        resizer.width = parseInt(resizeBox.style.width);
                        resizer.height = parseInt(resizeBox.style.height);
                        resizer.editorId = editor_id;
                        resizer.resizeBox = resizeBox;
                        resizer.horizontal = tinyMCE.getParam("theme_advanced_resize_horizontal", true);
                } else {
                        resizer.resizing = false;
                        resizeBox.style.display = "none";
                        editorArea.style.display = tinyMCE.isMSIE && !tinyMCE.isOpera ? "block" : "table";
                        tinyMCE.execCommand('mceResetDesignMode');
                }
        },

        _getColorHTML : function(id, n, cm) {
                var i, h, cl;

                h = '<span class="mceMenuLine"></span>';
                cl = tinyMCE.getParam(n, TinyMCE_AdvancedTheme._defColors).split(',');

                h += '<table class="mceColors"><tr>';
                for (i=0; i<cl.length; i++) {
                        c = 'tinyMCE.execInstanceCommand(\'' + id + '\', \'' + cm + '\', false, \'#' + cl[i] + '\');';
                        h += '<td><a href="javascript:' + c + '" style="background-color: #' + cl[i] + '" onclick="' + c + ';return false;"></a></td>';

                        if ((i+1) % 8 == 0)
                                h += '</tr><tr>';
                }

                h += '</tr></table>';

                if (tinyMCE.getParam("theme_advanced_more_colors", true))
                        h += '<a href="javascript:void(0);" onclick="TinyMCE_AdvancedTheme._pickColor(\'' + id + '\',\'' + cm + '\');" class="mceMoreColors">' + tinyMCE.getLang('lang_more_colors') + '</a>';

                return h;
        },

        _pickColor : function(id, cm) {
                var inputColor, inst = tinyMCE.selectedInstance;

                if (cm == 'forecolor' && inst)
                        inputColor = inst.foreColor;

                if ((cm == 'backcolor' || cm == 'HiliteColor') && inst)
                        inputColor = inst.backColor;

                tinyMCE.execCommand('mceColorPicker', true, {color : inputColor, callback : function(c) {
                        tinyMCE.execInstanceCommand(id, cm, false, c);
                }});
        },

        _insertImage : function(src, alt, border, hspace, vspace, width, height, align, title, onmouseover, onmouseout) {
                tinyMCE.execCommand("mceInsertContent", false, tinyMCE.createTagHTML('img', {
                        src : tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings['base_href'], src), // Force absolute
                        mce_src : src,
                        alt : alt,
                        border : border,
                        hspace : hspace,
                        vspace : vspace,
                        width : width,
                        height : height,
                        align : align,
                        title : title,
                        onmouseover : onmouseover,
                        onmouseout : onmouseout
                }));
        },

        _insertLink : function(href, target, title, onclick, style_class) {
                tinyMCE.execCommand('mceBeginUndoLevel');

                if (tinyMCE.selectedInstance && tinyMCE.selectedElement && tinyMCE.selectedElement.nodeName.toLowerCase() == "img") {
                        var doc = tinyMCE.selectedInstance.getDoc();
                        var linkElement = tinyMCE.getParentElement(tinyMCE.selectedElement, "a");
                        var newLink = false;

                        if (!linkElement) {
                                linkElement = doc.createElement("a");
                                newLink = true;
                        }

                        var mhref = href;
                        var thref = eval(tinyMCE.settings['urlconverter_callback'] + "(href, linkElement);");
                        mhref = tinyMCE.getParam('convert_urls') ? href : mhref;

                        tinyMCE.setAttrib(linkElement, 'href', thref);
                        tinyMCE.setAttrib(linkElement, 'mce_href', mhref);
                        tinyMCE.setAttrib(linkElement, 'target', target);
                        tinyMCE.setAttrib(linkElement, 'title', title);
                        tinyMCE.setAttrib(linkElement, 'onclick', onclick);
                        tinyMCE.setAttrib(linkElement, 'class', style_class);

                        if (newLink) {
                                linkElement.appendChild(tinyMCE.selectedElement.cloneNode(true));
                                tinyMCE.selectedElement.parentNode.replaceChild(linkElement, tinyMCE.selectedElement);
                        }

                        return;
                }

                if (!tinyMCE.linkElement && tinyMCE.selectedInstance) {
                        if (tinyMCE.isSafari) {
                                tinyMCE.execCommand("mceInsertContent", false, '<a href="' + tinyMCE.uniqueURL + '">' + tinyMCE.selectedInstance.selection.getSelectedHTML() + '</a>');
                        } else
                                tinyMCE.selectedInstance.contentDocument.execCommand("createlink", false, tinyMCE.uniqueURL);

                        tinyMCE.linkElement = tinyMCE.getElementByAttributeValue(tinyMCE.selectedInstance.contentDocument.body, "a", "href", tinyMCE.uniqueURL);

                        var elementArray = tinyMCE.getElementsByAttributeValue(tinyMCE.selectedInstance.contentDocument.body, "a", "href", tinyMCE.uniqueURL);

                        for (var i=0; i<elementArray.length; i++) {
                                var mhref = href;
                                var thref = eval(tinyMCE.settings['urlconverter_callback'] + "(href, elementArray[i]);");
                                mhref = tinyMCE.getParam('convert_urls') ? href : mhref;

                                tinyMCE.setAttrib(elementArray[i], 'href', thref);
                                tinyMCE.setAttrib(elementArray[i], 'mce_href', mhref);
                                tinyMCE.setAttrib(elementArray[i], 'target', target);
                                tinyMCE.setAttrib(elementArray[i], 'title', title);
                                tinyMCE.setAttrib(elementArray[i], 'onclick', onclick);
                                tinyMCE.setAttrib(elementArray[i], 'class', style_class);
                        }

                        tinyMCE.linkElement = elementArray[0];
                }

                if (tinyMCE.linkElement) {
                        var mhref = href;
                        href = eval(tinyMCE.settings['urlconverter_callback'] + "(href, tinyMCE.linkElement);");
                        mhref = tinyMCE.getParam('convert_urls') ? href : mhref;

                        tinyMCE.setAttrib(tinyMCE.linkElement, 'href', href);
                        tinyMCE.setAttrib(tinyMCE.linkElement, 'mce_href', mhref);
                        tinyMCE.setAttrib(tinyMCE.linkElement, 'target', target);
                        tinyMCE.setAttrib(tinyMCE.linkElement, 'title', title);
                        tinyMCE.setAttrib(tinyMCE.linkElement, 'onclick', onclick);
                        tinyMCE.setAttrib(tinyMCE.linkElement, 'class', style_class);
                }

                tinyMCE.execCommand('mceEndUndoLevel');
        }
};

tinyMCE.addTheme("advanced", TinyMCE_AdvancedTheme);

// Add default buttons maps for advanced theme and all internal plugins
tinyMCE.addButtonMap(TinyMCE_AdvancedTheme._buttonMap);