Upgrade TinyMCE to v3.4.5
[citadel.git] / webcit / tiny_mce / themes / advanced / editor_template_src.js
index 979bcfab54463bf9c4dfc7053dd8d3b4d53e4e7f..bee26e161025b55d7efa965e4dcf449c300f26f9 100644 (file)
-/* Import theme specific language pack */
-tinyMCE.importThemeLanguagePack('advanced');
-
-// Variable declarations
-var TinyMCE_advanced_autoImportCSSClasses = true;
-var TinyMCE_advanced_resizer = new Object();
-var TinyMCE_advanced_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', 'left.gif', '{$lang_justifyleft_desc}', 'JustifyLeft'],
-       ['justifycenter', 'center.gif', '{$lang_justifycenter_desc}', 'JustifyCenter'],
-       ['justifyright', 'right.gif', '{$lang_justifyright_desc}', 'JustifyRight'],
-       ['justifyfull', 'full.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}', 'mceForeColor', true],
-       ['backcolor', 'backcolor.gif', '{$lang_theme_backcolor_desc}', 'mceBackColor', 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']
-];
-
-/**
- * Returns HTML code for the specificed control.
- */
-function TinyMCE_advanced_getControlHTML(button_name)
-{
-       var buttonTileMap = new Array('anchor.gif','backcolor.gif','bullist.gif','center.gif',
-                                                                                       'charmap.gif','cleanup.gif','code.gif','copy.gif','custom_1.gif',
-                                                                                       'cut.gif','forecolor.gif','full.gif','help.gif','hr.gif',
-                                                                                       'image.gif','indent.gif','left.gif','link.gif','numlist.gif',
-                                                                                       'outdent.gif','paste.gif','redo.gif','removeformat.gif',
-                                                                                       'right.gif','strikethrough.gif','sub.gif','sup.gif','undo.gif',
-                                                                                       'unlink.gif','visualaid.gif');
-
-       // Lookup button in button list
-       for (var i=0; i<TinyMCE_advanced_buttons.length; i++)
-       {
-               var but = TinyMCE_advanced_buttons[i];
-
-               if (but[0] == button_name)
-               {
-                       // Check for it in tilemap
-                       if (tinyMCE.settings['button_tile_map'])
-                       {
-                               for (var x=0; !tinyMCE.isMSIE && x<buttonTileMap.length; x++)
-                               {
-                                       if (buttonTileMap[x] == but[1])
-                                       {
-                                               return '<a href="javascript:tinyMCE.execInstanceCommand(\'{$editor_id}\',\'' + but[3] + '\', ' + (but.length > 4 ? but[4] : false) + (but.length > 5 ? ', \'' + but[5] + '\'' : '') + ')" target="_self" onmousedown="return false;"><img id="{$editor_id}_' + but[0] +'" src="{$themeurl}/images/spacer.gif" style="background-image:url({$themeurl}/images/buttons.gif); background-position: ' + (0-(x*20)) + 'px 0px" title="' + but[2] + '" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" /></a>';
-                                       }
-                               }
-                       }
-
-                       // Old style
-                       return '<a href="javascript:tinyMCE.execInstanceCommand(\'{$editor_id}\',\'' + but[3] + '\', ' + (but.length > 4 ? but[4] : false) + (but.length > 5 ? ', \'' + but[5] + '\'' : '') + ')" target="_self" onmousedown="return false;"><img id="{$editor_id}_' + but[0] + '" src="{$themeurl}/images/' + but[1] + '" title="' + but[2] + '" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" /></a>';
-               }
-       }
-
-       // 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}']
-                       ];
-
-                       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="<' + lookup[x][0] + '>">' + lookup[x][1] + '</option>';
-                                       }
-                               }
-                       }
-
-                       html += '</select>';
-                       //formatselect
-               return html;
-
-               case "styleselect":
-                       //styleselect
-               return '<select id="{$editor_id}_styleSelect" onmousedown="TinyMCE_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,sand;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 (var 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":
-                       //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/spacer.gif" width="1" height="15" class="mceSeparatorLine">';
-
-               case "spacer":
-               return '<img src="{$themeurl}/images/spacer.gif" width="1" height="15" border="0" class="mceSeparatorLine" style="vertical-align: middle" />';
-
-               case "rowseparator":
-               return '<br />';
-       }
-
-       return "";
-}
-
-/**
- * Theme specific exec command handeling.
- */
-function TinyMCE_advanced_execCommand(editor_id, element, command, user_interface, value)
-{
-       switch (command)
-       {
-               case "mceForeColor":
-                       var template = new Array();
-                       var elm = tinyMCE.selectedInstance.getFocusElement();
-                       var inputColor = tinyMCE.getAttrib(elm, "color");
-
-                       if (inputColor == '')
-                               inputColor = elm.style.color;
-
-                       if (!inputColor)
-                               inputColor = "#000000";
-
-                       template['file'] = 'color_picker.htm';
-                       template['width'] = 220;
-                       template['height'] = 190;
-
-                       tinyMCE.openWindow(template, {editor_id : editor_id, inline : "yes", command : "forecolor", input_color : inputColor});
-               return true;
-
-               case "mceBackColor":
-                       var template = new Array();
-                       var elm = tinyMCE.selectedInstance.getFocusElement();
-                       var inputColor = elm.style.backgroundColor;
-
-                       if (!inputColor)
-                               inputColor = "#000000";
-
-                       template['file'] = 'color_picker.htm';
-                       template['width'] = 220;
-                       template['height'] = 190;
-
-                       template['width'] += tinyMCE.getLang('lang_theme_advanced_backcolor_delta_width', 0);
-                       template['height'] += tinyMCE.getLang('lang_theme_advanced_backcolor_delta_height', 0);
-
-                       tinyMCE.openWindow(template, {editor_id : editor_id, inline : "yes", command : "HiliteColor", input_color : inputColor});
-                       //mceBackColor
-               return true;
-
-               case "mceColorPicker":
-                       if (user_interface) {
-                               var template = new Array();
-                               var inputColor = value['document'].getElementById(value['element_id']).value;
-
-                               template['file'] = 'color_picker.htm';
-                               template['width'] = 220;
-                               template['height'] = 190;
-                               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 : inputColor});
-                       } else {
-                               var savedVal = tinyMCE.lastColorPickerValue;
-                               var elm = savedVal['document'].getElementById(savedVal['element_id']);
-                               elm.value = value;
-                               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", 500));
-                       template['height'] = parseInt(tinyMCE.getParam("theme_advanced_source_editor_height", 400));
-
-                       tinyMCE.openWindow(template, {editor_id : editor_id, resizable : "yes", scrollbars : "no", inline : "yes"});
-                       //mceCodeEditor
-               return true;
-
-               case "mceCharMap":
-                       var template = new Array();
-
-                       template['file'] = 'charmap.htm';
-                       template['width'] = 550;
-                       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"});
-                       //mceCharMap
-               return true;
-
-               case "mceInsertAnchor":
-                       var template = new Array();
-
-                       template['file'] = 'anchor.htm';
-                       template['width'] = 320;
-                       template['height'] = 90;
-
-                       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.getLang('lang_newdocument')))
-                               tinyMCE.execInstanceCommand(editor_id, 'mceSetContent', false, '');
-
-                       return true;
-       }
-
-       // Default behavior
-       return false;
-}
-
-/**
- * Editor instance template function.
- */
-function TinyMCE_advanced_getEditorTemplate(settings, editorId)
-{
-       function removeFromArray(in_array, remove_array)
-       {
-               var outArray = new Array();
-               
-               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") + '">&nbsp;</div><div id="{$editor_id}_resize" class="mceStatusbarResize" style="display: ' + (resizing ? "block" : "none") + '" onmousedown="TinyMCE_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_advanced_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") + '"></a>';
-
-                       // Render rows
-                       for (var i=1; i<100; i++) {
-                               var def = defVals["theme_advanced_buttons" + i];
-
-                               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}px;height:{$height}px"><tbody>';
-
-                       if (toolbarLocation == "top")
-                       {
-                               template['html'] += '<tr><td class="mceToolbarTop" align="' + toolbarAlign + '" height="1" nowrap="nowrap">' + toolbarHTML + '</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 class="mceToolbarBottom" align="' + toolbarAlign + '" height="1">' + toolbarHTML + '</td></tr>';
-                       }
-
-                       // External toolbar changes
-                       if (toolbarLocation == "external")
-                       {
-                               var bod = document.body;
-                               var elm = document.createElement ("div");
-                               
-                               toolbarHTML = tinyMCE.replaceVars(toolbarHTML, tinyMCE.settings);
-                               toolbarHTML = tinyMCE.replaceVars(toolbarHTML, tinyMCELang);
-                               toolbarHTML = tinyMCE.replaceVar(toolbarHTML, 'style_select_options', styleSelectHTML);
-                               toolbarHTML = tinyMCE.replaceVar(toolbarHTML, "editor_id", editorId);
-                               toolbarHTML = tinyMCE.applyTemplate(toolbarHTML);
-
-                               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'] += '</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);
-
-                                       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 "BorderLayout" : //will be like java.awt.BorderLayout of SUN Java...
-                       // Not implemented yet... 
-               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;
-                       
-               default:
-                       alert('UNDEFINED LAYOUT MANAGER! PLEASE CHECK YOUR TINYMCE CONFIG!');
-                       //CustomLayout
-               break;
-       }
-
-       template['html'] += '<div id="{$editor_id}_resize_box" class="mceResizeBox"></div>';
-       template['html'] = tinyMCE.replaceVar(template['html'], 'style_select_options', styleSelectHTML);
-       template['delta_width'] = 0;
-       template['delta_height'] = deltaHeight;
-
-       return template;
-}
-
-/**
- * Starts/stops the editor resizing.
- */
-function TinyMCE_advanced_setResizing(e, editor_id, state) {
-       e = typeof(e) == "undefined" ? window.event : e;
-
-       var resizer = TinyMCE_advanced_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_advanced_resizeEventHandler);
-                       else
-                               tinyMCE.addEvent(window, "mousemove", TinyMCE_advanced_resizeEventHandler);
-
-                       tinyMCE.addEvent(document, "mouseup", TinyMCE_advanced_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 ? "block" : "table";
-               tinyMCE.execCommand('mceResetDesignMode');
-       }
-}
-
-function TinyMCE_advanced_initInstance(inst) {
-       if (tinyMCE.getParam("theme_advanced_resizing", false)) {
-               var w = TinyMCE_advanced_getCookie("TinyMCE_" + inst.editorId + "_width");
-               var h = TinyMCE_advanced_getCookie("TinyMCE_" + inst.editorId + "_height");
-
-               TinyMCE_advanced_resizeTo(inst, w, h, tinyMCE.getParam("theme_advanced_resize_horizontal", true));
-       }
-}
-
-function TinyMCE_advanced_setCookie(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;
-}
-
-function TinyMCE_advanced_getCookie(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));
-}
-
-function TinyMCE_advanced_resizeTo(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;
-
-       if (set_w)
-               tableElm.style.width = w + "px";
-
-       tableElm.style.height = h + "px";
-
-       iw = iframe.clientWidth + dx;
-       ih = iframe.clientHeight + dy;
-
-       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";
-               }
-       }
-}
-
-/**
- * Handles resizing events.
- */
-function TinyMCE_advanced_resizeEventHandler(e) {
-       var resizer = TinyMCE_advanced_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":
-                       if (resizer.horizontal)
-                               resizeBox.style.width = (resizer.width + dx) + "px";
-
-                       resizeBox.style.height = (resizer.height + dy) + "px";
-                       break;
-
-               case "mouseup":
-                       TinyMCE_advanced_setResizing(e, editorId, false);
-                       TinyMCE_advanced_resizeTo(tinyMCE.getInstanceById(editorId), resizer.width + dx, resizer.height + dy, resizer.horizontal);
-
-                       // Expire in a month
-                       var expires = new Date();
-                       expires.setTime(expires.getTime() + 3600000 * 24 * 30);
-
-                       // Set the cookies
-                       TinyMCE_advanced_setCookie("TinyMCE_" + editorId + "_width", "" + (resizer.horizontal ? resizer.width + dx : ""), expires);
-                       TinyMCE_advanced_setCookie("TinyMCE_" + editorId + "_height", "" + (resizer.height + dy), expires);
-                       break;
-       }
-}
-
-/**
- * Insert link template function.
- */
-function TinyMCE_advanced_getInsertLinkTemplate()
-{
-       var template = new Array();
-
-       template['file'] = 'link.htm';
-       template['width'] = 330;
-       template['height'] = 170;
-
-       // 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);
-
-       return template;
-};
-
-/**
- * Insert image template function.
- */
-function TinyMCE_advanced_getInsertImageTemplate()
-{
-       var template = new Array();
-
-       template['file'] = 'image.htm?src={$src}';
-       template['width'] = 340;
-       template['height'] = 245;
-
-       // 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);
-
-       return template;
-};
-
-/**
- * Node change handler.
- */
-function TinyMCE_advanced_handleNodeChange (editor_id, node, undo_index,
-                                                                                                                         undo_levels, visual_aid, any_selection)
-{
-       function selectByValue(select_elm, value)
-       {
-               if (select_elm)
-               {
-                       for (var i=0; i<select_elm.options.length; i++)
-                       {
-                               if (select_elm.options[i].value == value)
-                               {
-                                       select_elm.selectedIndex = i;
-                                       return true;
-                               }
-                       }
-               }
-
-               return false;
-       };
-
-       function getAttrib(elm, name)
-       {
-               return elm.getAttribute(name) ? elm.getAttribute(name) : "";
-       };
-
-       // No node provided
-       if (node == null)
-       {
-               return;
-       }
-
-       // Update path
-       var pathElm = document.getElementById(editor_id + "_path");
-       
-       if (pathElm)
-       {
-               // Get node path
-               var parentNode = node;
-               var path = new Array();
-               
-               while (parentNode)
-               {
-                       if (parentNode.nodeName.toLowerCase() == "body")
-                       {
-                               break;
-                       }
-
-                       // Only append element nodes to path
-                       if (parentNode.nodeType == 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 == "b")
-                       {
-                               nodeName = "strong";
-                       }
-
-                       if (nodeName == "i")
-                       {
-                               nodeName = "em";
-                       }
-
-                       if (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 (getAttrib(path[i], 'src') != "")
-                       {
-                               nodeData += "src: " + path[i].getAttribute('src') + " ";
-                       }
-
-                       if (getAttrib(path[i], 'href') != "")
-                       {
-                               nodeData += "href: " + path[i].getAttribute('href') + " ";
-                       }
-
-                       if (nodeName == "img" && tinyMCE.getAttrib(path[i], "class").indexOf('mceItemFlash') != -1)
-                       {
-                               nodeName = "flash";
-                               nodeData = "";
-                       }
-
-                       if (nodeName == "a" && (anchor = tinyMCE.getAttrib(path[i], "name")) != "")
-                       {
-                               nodeName = "a";
-                               nodeName += "#" + anchor;
-                               nodeData = "";
-                       }
-
-                       if (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;
-                       }
-
-                       if (tinyMCE.isMSIE)
-                       {
-                               html += '<a title="' + nodeData + '" href="javascript:tinyMCE.execInstanceCommand(\'' + editor_id + '\',\'mceSelectNodeDepth\',false,\'' + i + '\');" onmousedown="return false;" target="_self" class="mcePathItem">' + nodeName + '</a>';
-                       }
-                       else
-                       {
-                               html += '<a title="' + nodeData + '" href="javascript:tinyMCE.execInstanceCommand(\'' + editor_id + '\',\'mceSelectNodeDepth\',false,\'' + i + '\');" target="_self" class="mcePathItem">' + nodeName + '</a>';
-                       }
-
-                       if (i > 0)
-                       {
-                               html += " &raquo; ";
-                       }
-               }
-
-               pathElm.innerHTML = '<a href="#" accesskey="x"></a>' + tinyMCE.getLang('lang_theme_path') + ": " + html + '&nbsp;';
-       }
-
-       // Reset old states
-       tinyMCE.switchClassSticky(editor_id + '_justifyleft', 'mceButtonNormal');
-       tinyMCE.switchClassSticky(editor_id + '_justifyright', 'mceButtonNormal');
-       tinyMCE.switchClassSticky(editor_id + '_justifycenter', 'mceButtonNormal');
-       tinyMCE.switchClassSticky(editor_id + '_justifyfull', 'mceButtonNormal');
-       tinyMCE.switchClassSticky(editor_id + '_bold', 'mceButtonNormal');
-       tinyMCE.switchClassSticky(editor_id + '_italic', 'mceButtonNormal');
-       tinyMCE.switchClassSticky(editor_id + '_underline', 'mceButtonNormal');
-       tinyMCE.switchClassSticky(editor_id + '_strikethrough', 'mceButtonNormal');
-       tinyMCE.switchClassSticky(editor_id + '_bullist', 'mceButtonNormal');
-       tinyMCE.switchClassSticky(editor_id + '_numlist', 'mceButtonNormal');
-       tinyMCE.switchClassSticky(editor_id + '_sub', 'mceButtonNormal');
-       tinyMCE.switchClassSticky(editor_id + '_sup', 'mceButtonNormal');
-       tinyMCE.switchClassSticky(editor_id + '_anchor', 'mceButtonNormal');
-       tinyMCE.switchClassSticky(editor_id + '_link', 'mceButtonDisabled', true);
-       tinyMCE.switchClassSticky(editor_id + '_unlink', 'mceButtonDisabled', true);
-       tinyMCE.switchClassSticky(editor_id + '_outdent', 'mceButtonDisabled', true);
-       tinyMCE.switchClassSticky(editor_id + '_image', 'mceButtonNormal');
-       tinyMCE.switchClassSticky(editor_id + '_hr', 'mceButtonNormal');
-
-       if (node.nodeName == "A" && tinyMCE.getAttrib(node, "class").indexOf('mceItemAnchor') != -1)
-               tinyMCE.switchClassSticky(editor_id + '_anchor', 'mceButtonSelected');
-
-       // Get link
-       var anchorLink = tinyMCE.getParentElement(node, "a", "href");
-
-       if (anchorLink || any_selection)
-       {
-               tinyMCE.switchClassSticky(editor_id + '_link', anchorLink ? 'mceButtonSelected' : 'mceButtonNormal', false);
-               tinyMCE.switchClassSticky(editor_id + '_unlink', anchorLink ? 'mceButtonSelected' : 'mceButtonNormal', false);
-       }
-
-       // Handle visual aid
-       tinyMCE.switchClassSticky(editor_id + '_visualaid', visual_aid ? 'mceButtonSelected' : 'mceButtonNormal', false);
-
-       if (undo_levels != -1)
-       {
-               tinyMCE.switchClassSticky(editor_id + '_undo', 'mceButtonDisabled', true);
-               tinyMCE.switchClassSticky(editor_id + '_redo', 'mceButtonDisabled', true);
-       }
-
-       // Within li, blockquote
-       if (tinyMCE.getParentElement(node, "li,blockquote"))
-       {
-               tinyMCE.switchClassSticky(editor_id + '_outdent', 'mceButtonNormal', false);
-       }
-
-       // Has redo levels
-       if (undo_index != -1 && (undo_index < undo_levels-1 && undo_levels > 0))
-       {
-               tinyMCE.switchClassSticky(editor_id + '_redo', 'mceButtonNormal', false);
-       }
-
-       // Has undo levels
-       if (undo_index != -1 && (undo_index > 0 && undo_levels > 0))
-       {
-               tinyMCE.switchClassSticky(editor_id + '_undo', 'mceButtonNormal', false);
-       }
-
-       // Select class in select box
-       var selectElm = document.getElementById(editor_id + "_styleSelect");
-       
-       if (selectElm)
-       {
-               TinyMCE_advanced_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));
-
-               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) {
-               var elm = tinyMCE.getParentElement(node);
-
-               if (elm) {
-                       var family = tinyMCE.getAttrib(elm, "face");
-                       if (family == '')
-                               family = '' + elm.style.fontFamily;
-
-                       if (!selectByValue(selectElm, family))
-                               selectByValue(selectElm, "");
-               } else
-                       selectByValue(selectElm, "");
-       }
-
-       // Select fontsize
-       var selectElm = document.getElementById(editor_id + "_fontSizeSelect");
-       if (selectElm) {
-               var elm = tinyMCE.getParentElement(node);
-
-               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.switchClassSticky(editor_id + '_justifyleft', 'mceButtonSelected');
-                               breakOut = true;
-                       break;
-
-                       case "right":
-                               tinyMCE.switchClassSticky(editor_id + '_justifyright', 'mceButtonSelected');
-                               breakOut = true;
-                       break;
-
-                       case "middle":
-                       case "center":
-                               tinyMCE.switchClassSticky(editor_id + '_justifycenter', 'mceButtonSelected');
-                               breakOut = true;
-                       break;
-
-                       case "justify":
-                               tinyMCE.switchClassSticky(editor_id + '_justifyfull', 'mceButtonSelected');
-                               breakOut = true;
-                       break;
-               }
-       } while (!breakOut && (alignNode = alignNode.parentNode));
-
-       // Div justification
-       var div = tinyMCE.getParentElement(node, "div");
-       if (div && div.style.textAlign == "center")
-               tinyMCE.switchClassSticky(editor_id + '_justifycenter', 'mceButtonSelected');
-
-       // Do special text
-       if (tinyMCE.isGecko && node.nodeType == 3)
-       {
-               var inst = tinyMCE.getInstanceById(editor_id);
-               var doc = inst.getDoc();
-
-               if (doc.queryCommandState("Bold"))
-               {
-                       tinyMCE.switchClassSticky(editor_id + '_bold', 'mceButtonSelected');
-               }
-
-               if (doc.queryCommandState("Italic"))
-               {
-                       tinyMCE.switchClassSticky(editor_id + '_italic', 'mceButtonSelected');
-               }
-
-               if (doc.queryCommandState("Underline") &&
-                                                                                 (node.parentNode == null || node.parentNode.nodeName != "A"))
-               {
-                       tinyMCE.switchClassSticky(editor_id + '_underline', 'mceButtonSelected');
-               }
-
-               if (doc.queryCommandState("Strikethrough"))
-               {
-                       tinyMCE.switchClassSticky(editor_id + '_strikethrough', 'mceButtonSelected');
-               }
-       }
-
-       // Handle elements
-       do
-       {
-               switch (node.nodeName.toLowerCase())
-               {
-                       case "b":
-                       case "strong":
-                               tinyMCE.switchClassSticky(editor_id + '_bold', 'mceButtonSelected');
-                       break;
-
-                       case "i":
-                       case "em":
-                               tinyMCE.switchClassSticky(editor_id + '_italic', 'mceButtonSelected');
-                       break;
-
-                       case "u":
-                               tinyMCE.switchClassSticky(editor_id + '_underline', 'mceButtonSelected');
-                       break;
-
-                       case "strike":
-                               tinyMCE.switchClassSticky(editor_id + '_strikethrough', 'mceButtonSelected');
-                       break;
-
-                       case "ul":
-                               tinyMCE.switchClassSticky(editor_id + '_bullist', 'mceButtonSelected');
-                       break;
-
-                       case "ol":
-                               tinyMCE.switchClassSticky(editor_id + '_numlist', 'mceButtonSelected');
-                       break;
-
-                       case "sub":
-                               tinyMCE.switchClassSticky(editor_id + '_sub', 'mceButtonSelected');
-                       break;
-
-                       case "sup":
-                               tinyMCE.switchClassSticky(editor_id + '_sup', 'mceButtonSelected');
-                       break;
-
-                       case "hr":
-                                tinyMCE.switchClassSticky(editor_id + '_hr', 'mceButtonSelected');
-                       break;
-
-                       case "img":
-                       if (getAttrib(node, 'name').indexOf('mce_') != 0)
-                       {
-                               tinyMCE.switchClassSticky(editor_id + '_image', 'mceButtonSelected');
-                       }
-                       break;
-               }
-       } while ((node = node.parentNode));
-};
-
-// This function auto imports CSS classes into the class selection droplist
-function TinyMCE_advanced_setupCSSClasses(editor_id)
-{
-       if (!TinyMCE_advanced_autoImportCSSClasses)
-       {
-               return;
-       }
-
-       var selectElm = document.getElementById(editor_id + '_styleSelect');
-
-       if (selectElm && selectElm.getAttribute('cssImported') != 'true')
-       {
-               var csses = tinyMCE.getCSSClasses(editor_id);
-               if (csses && selectElm)
-               {
-                       for (var i=0; i<csses.length; i++)
-                       {
-                               selectElm.options[selectElm.length] = new Option(csses[i], csses[i]);
-                       }
-               }
-
-               // Only do this once
-               if (csses != null && csses.length > 0)
-               {
-                       selectElm.setAttribute('cssImported', 'true');
-               }
-       }
-};
+/**\r
+ * editor_template_src.js\r
+ *\r
+ * Copyright 2009, Moxiecode Systems AB\r
+ * Released under LGPL License.\r
+ *\r
+ * License: http://tinymce.moxiecode.com/license\r
+ * Contributing: http://tinymce.moxiecode.com/contributing\r
+ */\r
+\r
+(function(tinymce) {\r
+       var DOM = tinymce.DOM, Event = tinymce.dom.Event, extend = tinymce.extend, each = tinymce.each, Cookie = tinymce.util.Cookie, lastExtID, explode = tinymce.explode;\r
+\r
+       // Tell it to load theme specific language pack(s)\r
+       tinymce.ThemeManager.requireLangPack('advanced');\r
+\r
+       tinymce.create('tinymce.themes.AdvancedTheme', {\r
+               sizes : [8, 10, 12, 14, 18, 24, 36],\r
+\r
+               // Control name lookup, format: title, command\r
+               controls : {\r
+                       bold : ['bold_desc', 'Bold'],\r
+                       italic : ['italic_desc', 'Italic'],\r
+                       underline : ['underline_desc', 'Underline'],\r
+                       strikethrough : ['striketrough_desc', 'Strikethrough'],\r
+                       justifyleft : ['justifyleft_desc', 'JustifyLeft'],\r
+                       justifycenter : ['justifycenter_desc', 'JustifyCenter'],\r
+                       justifyright : ['justifyright_desc', 'JustifyRight'],\r
+                       justifyfull : ['justifyfull_desc', 'JustifyFull'],\r
+                       bullist : ['bullist_desc', 'InsertUnorderedList'],\r
+                       numlist : ['numlist_desc', 'InsertOrderedList'],\r
+                       outdent : ['outdent_desc', 'Outdent'],\r
+                       indent : ['indent_desc', 'Indent'],\r
+                       cut : ['cut_desc', 'Cut'],\r
+                       copy : ['copy_desc', 'Copy'],\r
+                       paste : ['paste_desc', 'Paste'],\r
+                       undo : ['undo_desc', 'Undo'],\r
+                       redo : ['redo_desc', 'Redo'],\r
+                       link : ['link_desc', 'mceLink'],\r
+                       unlink : ['unlink_desc', 'unlink'],\r
+                       image : ['image_desc', 'mceImage'],\r
+                       cleanup : ['cleanup_desc', 'mceCleanup'],\r
+                       help : ['help_desc', 'mceHelp'],\r
+                       code : ['code_desc', 'mceCodeEditor'],\r
+                       hr : ['hr_desc', 'InsertHorizontalRule'],\r
+                       removeformat : ['removeformat_desc', 'RemoveFormat'],\r
+                       sub : ['sub_desc', 'subscript'],\r
+                       sup : ['sup_desc', 'superscript'],\r
+                       forecolor : ['forecolor_desc', 'ForeColor'],\r
+                       forecolorpicker : ['forecolor_desc', 'mceForeColor'],\r
+                       backcolor : ['backcolor_desc', 'HiliteColor'],\r
+                       backcolorpicker : ['backcolor_desc', 'mceBackColor'],\r
+                       charmap : ['charmap_desc', 'mceCharMap'],\r
+                       visualaid : ['visualaid_desc', 'mceToggleVisualAid'],\r
+                       anchor : ['anchor_desc', 'mceInsertAnchor'],\r
+                       newdocument : ['newdocument_desc', 'mceNewDocument'],\r
+                       blockquote : ['blockquote_desc', 'mceBlockQuote']\r
+               },\r
+\r
+               stateControls : ['bold', 'italic', 'underline', 'strikethrough', 'bullist', 'numlist', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', 'sub', 'sup', 'blockquote'],\r
+\r
+               init : function(ed, url) {\r
+                       var t = this, s, v, o;\r
+       \r
+                       t.editor = ed;\r
+                       t.url = url;\r
+                       t.onResolveName = new tinymce.util.Dispatcher(this);\r
+\r
+                       ed.forcedHighContrastMode = ed.settings.detect_highcontrast && t._isHighContrast();\r
+                       ed.settings.skin = ed.forcedHighContrastMode ? 'highcontrast' : ed.settings.skin;\r
+\r
+                       // Default settings\r
+                       t.settings = s = extend({\r
+                               theme_advanced_path : true,\r
+                               theme_advanced_toolbar_location : 'bottom',\r
+                               theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect",\r
+                               theme_advanced_buttons2 : "bullist,numlist,|,outdent,indent,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code",\r
+                               theme_advanced_buttons3 : "hr,removeformat,visualaid,|,sub,sup,|,charmap",\r
+                               theme_advanced_blockformats : "p,address,pre,h1,h2,h3,h4,h5,h6",\r
+                               theme_advanced_toolbar_align : "center",\r
+                               theme_advanced_fonts : "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",\r
+                               theme_advanced_more_colors : 1,\r
+                               theme_advanced_row_height : 23,\r
+                               theme_advanced_resize_horizontal : 1,\r
+                               theme_advanced_resizing_use_cookie : 1,\r
+                               theme_advanced_font_sizes : "1,2,3,4,5,6,7",\r
+                               theme_advanced_font_selector : "span",\r
+                               theme_advanced_show_current_color: 0,\r
+                               readonly : ed.settings.readonly\r
+                       }, ed.settings);\r
+\r
+                       // Setup default font_size_style_values\r
+                       if (!s.font_size_style_values)\r
+                               s.font_size_style_values = "8pt,10pt,12pt,14pt,18pt,24pt,36pt";\r
+\r
+                       if (tinymce.is(s.theme_advanced_font_sizes, 'string')) {\r
+                               s.font_size_style_values = tinymce.explode(s.font_size_style_values);\r
+                               s.font_size_classes = tinymce.explode(s.font_size_classes || '');\r
+\r
+                               // Parse string value\r
+                               o = {};\r
+                               ed.settings.theme_advanced_font_sizes = s.theme_advanced_font_sizes;\r
+                               each(ed.getParam('theme_advanced_font_sizes', '', 'hash'), function(v, k) {\r
+                                       var cl;\r
+\r
+                                       if (k == v && v >= 1 && v <= 7) {\r
+                                               k = v + ' (' + t.sizes[v - 1] + 'pt)';\r
+                                               cl = s.font_size_classes[v - 1];\r
+                                               v = s.font_size_style_values[v - 1] || (t.sizes[v - 1] + 'pt');\r
+                                       }\r
+\r
+                                       if (/^\s*\./.test(v))\r
+                                               cl = v.replace(/\./g, '');\r
+\r
+                                       o[k] = cl ? {'class' : cl} : {fontSize : v};\r
+                               });\r
+\r
+                               s.theme_advanced_font_sizes = o;\r
+                       }\r
+\r
+                       if ((v = s.theme_advanced_path_location) && v != 'none')\r
+                               s.theme_advanced_statusbar_location = s.theme_advanced_path_location;\r
+\r
+                       if (s.theme_advanced_statusbar_location == 'none')\r
+                               s.theme_advanced_statusbar_location = 0;\r
+\r
+                       if (ed.settings.content_css !== false)\r
+                               ed.contentCSS.push(ed.baseURI.toAbsolute(url + "/skins/" + ed.settings.skin + "/content.css"));\r
+\r
+                       // Init editor\r
+                       ed.onInit.add(function() {\r
+                               if (!ed.settings.readonly) {\r
+                                       ed.onNodeChange.add(t._nodeChanged, t);\r
+                                       ed.onKeyUp.add(t._updateUndoStatus, t);\r
+                                       ed.onMouseUp.add(t._updateUndoStatus, t);\r
+                                       ed.dom.bind(ed.dom.getRoot(), 'dragend', function() {\r
+                                               t._updateUndoStatus(ed);\r
+                                       });\r
+                               }\r
+                       });\r
+\r
+                       ed.onSetProgressState.add(function(ed, b, ti) {\r
+                               var co, id = ed.id, tb;\r
+\r
+                               if (b) {\r
+                                       t.progressTimer = setTimeout(function() {\r
+                                               co = ed.getContainer();\r
+                                               co = co.insertBefore(DOM.create('DIV', {style : 'position:relative'}), co.firstChild);\r
+                                               tb = DOM.get(ed.id + '_tbl');\r
+\r
+                                               DOM.add(co, 'div', {id : id + '_blocker', 'class' : 'mceBlocker', style : {width : tb.clientWidth + 2, height : tb.clientHeight + 2}});\r
+                                               DOM.add(co, 'div', {id : id + '_progress', 'class' : 'mceProgress', style : {left : tb.clientWidth / 2, top : tb.clientHeight / 2}});\r
+                                       }, ti || 0);\r
+                               } else {\r
+                                       DOM.remove(id + '_blocker');\r
+                                       DOM.remove(id + '_progress');\r
+                                       clearTimeout(t.progressTimer);\r
+                               }\r
+                       });\r
+\r
+                       DOM.loadCSS(s.editor_css ? ed.documentBaseURI.toAbsolute(s.editor_css) : url + "/skins/" + ed.settings.skin + "/ui.css");\r
+\r
+                       if (s.skin_variant)\r
+                               DOM.loadCSS(url + "/skins/" + ed.settings.skin + "/ui_" + s.skin_variant + ".css");\r
+               },\r
+\r
+               _isHighContrast : function() {\r
+                       var actualColor, div = DOM.add(DOM.getRoot(), 'div', {'style': 'background-color: rgb(171,239,86);'});\r
+\r
+                       actualColor = (DOM.getStyle(div, 'background-color', true) + '').toLowerCase().replace(/ /g, '');\r
+                       DOM.remove(div);\r
+\r
+                       return actualColor != 'rgb(171,239,86)' && actualColor != '#abef56';\r
+               },\r
+\r
+               createControl : function(n, cf) {\r
+                       var cd, c;\r
+\r
+                       if (c = cf.createControl(n))\r
+                               return c;\r
+\r
+                       switch (n) {\r
+                               case "styleselect":\r
+                                       return this._createStyleSelect();\r
+\r
+                               case "formatselect":\r
+                                       return this._createBlockFormats();\r
+\r
+                               case "fontselect":\r
+                                       return this._createFontSelect();\r
+\r
+                               case "fontsizeselect":\r
+                                       return this._createFontSizeSelect();\r
+\r
+                               case "forecolor":\r
+                                       return this._createForeColorMenu();\r
+\r
+                               case "backcolor":\r
+                                       return this._createBackColorMenu();\r
+                       }\r
+\r
+                       if ((cd = this.controls[n]))\r
+                               return cf.createButton(n, {title : "advanced." + cd[0], cmd : cd[1], ui : cd[2], value : cd[3]});\r
+               },\r
+\r
+               execCommand : function(cmd, ui, val) {\r
+                       var f = this['_' + cmd];\r
+\r
+                       if (f) {\r
+                               f.call(this, ui, val);\r
+                               return true;\r
+                       }\r
+\r
+                       return false;\r
+               },\r
+\r
+               _importClasses : function(e) {\r
+                       var ed = this.editor, ctrl = ed.controlManager.get('styleselect');\r
+\r
+                       if (ctrl.getLength() == 0) {\r
+                               each(ed.dom.getClasses(), function(o, idx) {\r
+                                       var name = 'style_' + idx;\r
+\r
+                                       ed.formatter.register(name, {\r
+                                               inline : 'span',\r
+                                               attributes : {'class' : o['class']},\r
+                                               selector : '*'\r
+                                       });\r
+\r
+                                       ctrl.add(o['class'], name);\r
+                               });\r
+                       }\r
+               },\r
+\r
+               _createStyleSelect : function(n) {\r
+                       var t = this, ed = t.editor, ctrlMan = ed.controlManager, ctrl;\r
+\r
+                       // Setup style select box\r
+                       ctrl = ctrlMan.createListBox('styleselect', {\r
+                               title : 'advanced.style_select',\r
+                               onselect : function(name) {\r
+                                       var matches, formatNames = [];\r
+\r
+                                       each(ctrl.items, function(item) {\r
+                                               formatNames.push(item.value);\r
+                                       });\r
+\r
+                                       ed.focus();\r
+                                       ed.undoManager.add();\r
+\r
+                                       // Toggle off the current format\r
+                                       matches = ed.formatter.matchAll(formatNames);\r
+                                       if (!name || matches[0] == name) {\r
+                                               if (matches[0]) \r
+                                                       ed.formatter.remove(matches[0]);\r
+                                       } else\r
+                                               ed.formatter.apply(name);\r
+\r
+                                       ed.undoManager.add();\r
+                                       ed.nodeChanged();\r
+\r
+                                       return false; // No auto select\r
+                               }\r
+                       });\r
+\r
+                       // Handle specified format\r
+                       ed.onInit.add(function() {\r
+                               var counter = 0, formats = ed.getParam('style_formats');\r
+\r
+                               if (formats) {\r
+                                       each(formats, function(fmt) {\r
+                                               var name, keys = 0;\r
+\r
+                                               each(fmt, function() {keys++;});\r
+\r
+                                               if (keys > 1) {\r
+                                                       name = fmt.name = fmt.name || 'style_' + (counter++);\r
+                                                       ed.formatter.register(name, fmt);\r
+                                                       ctrl.add(fmt.title, name);\r
+                                               } else\r
+                                                       ctrl.add(fmt.title);\r
+                                       });\r
+                               } else {\r
+                                       each(ed.getParam('theme_advanced_styles', '', 'hash'), function(val, key) {\r
+                                               var name;\r
+\r
+                                               if (val) {\r
+                                                       name = 'style_' + (counter++);\r
+\r
+                                                       ed.formatter.register(name, {\r
+                                                               inline : 'span',\r
+                                                               classes : val,\r
+                                                               selector : '*'\r
+                                                       });\r
+\r
+                                                       ctrl.add(t.editor.translate(key), name);\r
+                                               }\r
+                                       });\r
+                               }\r
+                       });\r
+\r
+                       // Auto import classes if the ctrl box is empty\r
+                       if (ctrl.getLength() == 0) {\r
+                               ctrl.onPostRender.add(function(ed, n) {\r
+                                       if (!ctrl.NativeListBox) {\r
+                                               Event.add(n.id + '_text', 'focus', t._importClasses, t);\r
+                                               Event.add(n.id + '_text', 'mousedown', t._importClasses, t);\r
+                                               Event.add(n.id + '_open', 'focus', t._importClasses, t);\r
+                                               Event.add(n.id + '_open', 'mousedown', t._importClasses, t);\r
+                                       } else\r
+                                               Event.add(n.id, 'focus', t._importClasses, t);\r
+                               });\r
+                       }\r
+\r
+                       return ctrl;\r
+               },\r
+\r
+               _createFontSelect : function() {\r
+                       var c, t = this, ed = t.editor;\r
+\r
+                       c = ed.controlManager.createListBox('fontselect', {\r
+                               title : 'advanced.fontdefault',\r
+                               onselect : function(v) {\r
+                                       var cur = c.items[c.selectedIndex];\r
+\r
+                                       if (!v && cur) {\r
+                                               ed.execCommand('FontName', false, cur.value);\r
+                                               return;\r
+                                       }\r
+\r
+                                       ed.execCommand('FontName', false, v);\r
+\r
+                                       // Fake selection, execCommand will fire a nodeChange and update the selection\r
+                                       c.select(function(sv) {\r
+                                               return v == sv;\r
+                                       });\r
+\r
+                                       if (cur && cur.value == v) {\r
+                                               c.select(null);\r
+                                       }\r
+\r
+                                       return false; // No auto select\r
+                               }\r
+                       });\r
+\r
+                       if (c) {\r
+                               each(ed.getParam('theme_advanced_fonts', t.settings.theme_advanced_fonts, 'hash'), function(v, k) {\r
+                                       c.add(ed.translate(k), v, {style : v.indexOf('dings') == -1 ? 'font-family:' + v : ''});\r
+                               });\r
+                       }\r
+\r
+                       return c;\r
+               },\r
+\r
+               _createFontSizeSelect : function() {\r
+                       var t = this, ed = t.editor, c, i = 0, cl = [];\r
+\r
+                       c = ed.controlManager.createListBox('fontsizeselect', {title : 'advanced.font_size', onselect : function(v) {\r
+                               var cur = c.items[c.selectedIndex];\r
+\r
+                               if (!v && cur) {\r
+                                       cur = cur.value;\r
+\r
+                                       if (cur['class']) {\r
+                                               ed.formatter.toggle('fontsize_class', {value : cur['class']});\r
+                                               ed.undoManager.add();\r
+                                               ed.nodeChanged();\r
+                                       } else {\r
+                                               ed.execCommand('FontSize', false, cur.fontSize);\r
+                                       }\r
+\r
+                                       return;\r
+                               }\r
+\r
+                               if (v['class']) {\r
+                                       ed.focus();\r
+                                       ed.undoManager.add();\r
+                                       ed.formatter.toggle('fontsize_class', {value : v['class']});\r
+                                       ed.undoManager.add();\r
+                                       ed.nodeChanged();\r
+                               } else\r
+                                       ed.execCommand('FontSize', false, v.fontSize);\r
+\r
+                               // Fake selection, execCommand will fire a nodeChange and update the selection\r
+                               c.select(function(sv) {\r
+                                       return v == sv;\r
+                               });\r
+\r
+                               if (cur && (cur.value.fontSize == v.fontSize || cur.value['class'] == v['class'])) {\r
+                                       c.select(null);\r
+                               }\r
+\r
+                               return false; // No auto select\r
+                       }});\r
+\r
+                       if (c) {\r
+                               each(t.settings.theme_advanced_font_sizes, function(v, k) {\r
+                                       var fz = v.fontSize;\r
+\r
+                                       if (fz >= 1 && fz <= 7)\r
+                                               fz = t.sizes[parseInt(fz) - 1] + 'pt';\r
+\r
+                                       c.add(k, v, {'style' : 'font-size:' + fz, 'class' : 'mceFontSize' + (i++) + (' ' + (v['class'] || ''))});\r
+                               });\r
+                       }\r
+\r
+                       return c;\r
+               },\r
+\r
+               _createBlockFormats : function() {\r
+                       var c, fmts = {\r
+                               p : 'advanced.paragraph',\r
+                               address : 'advanced.address',\r
+                               pre : 'advanced.pre',\r
+                               h1 : 'advanced.h1',\r
+                               h2 : 'advanced.h2',\r
+                               h3 : 'advanced.h3',\r
+                               h4 : 'advanced.h4',\r
+                               h5 : 'advanced.h5',\r
+                               h6 : 'advanced.h6',\r
+                               div : 'advanced.div',\r
+                               blockquote : 'advanced.blockquote',\r
+                               code : 'advanced.code',\r
+                               dt : 'advanced.dt',\r
+                               dd : 'advanced.dd',\r
+                               samp : 'advanced.samp'\r
+                       }, t = this;\r
+\r
+                       c = t.editor.controlManager.createListBox('formatselect', {title : 'advanced.block', onselect : function(v) {\r
+                               t.editor.execCommand('FormatBlock', false, v);\r
+                               return false;\r
+                       }});\r
+\r
+                       if (c) {\r
+                               each(t.editor.getParam('theme_advanced_blockformats', t.settings.theme_advanced_blockformats, 'hash'), function(v, k) {\r
+                                       c.add(t.editor.translate(k != v ? k : fmts[v]), v, {'class' : 'mce_formatPreview mce_' + v});\r
+                               });\r
+                       }\r
+\r
+                       return c;\r
+               },\r
+\r
+               _createForeColorMenu : function() {\r
+                       var c, t = this, s = t.settings, o = {}, v;\r
+\r
+                       if (s.theme_advanced_more_colors) {\r
+                               o.more_colors_func = function() {\r
+                                       t._mceColorPicker(0, {\r
+                                               color : c.value,\r
+                                               func : function(co) {\r
+                                                       c.setColor(co);\r
+                                               }\r
+                                       });\r
+                               };\r
+                       }\r
+\r
+                       if (v = s.theme_advanced_text_colors)\r
+                               o.colors = v;\r
+\r
+                       if (s.theme_advanced_default_foreground_color)\r
+                               o.default_color = s.theme_advanced_default_foreground_color;\r
+\r
+                       o.title = 'advanced.forecolor_desc';\r
+                       o.cmd = 'ForeColor';\r
+                       o.scope = this;\r
+\r
+                       c = t.editor.controlManager.createColorSplitButton('forecolor', o);\r
+\r
+                       return c;\r
+               },\r
+\r
+               _createBackColorMenu : function() {\r
+                       var c, t = this, s = t.settings, o = {}, v;\r
+\r
+                       if (s.theme_advanced_more_colors) {\r
+                               o.more_colors_func = function() {\r
+                                       t._mceColorPicker(0, {\r
+                                               color : c.value,\r
+                                               func : function(co) {\r
+                                                       c.setColor(co);\r
+                                               }\r
+                                       });\r
+                               };\r
+                       }\r
+\r
+                       if (v = s.theme_advanced_background_colors)\r
+                               o.colors = v;\r
+\r
+                       if (s.theme_advanced_default_background_color)\r
+                               o.default_color = s.theme_advanced_default_background_color;\r
+\r
+                       o.title = 'advanced.backcolor_desc';\r
+                       o.cmd = 'HiliteColor';\r
+                       o.scope = this;\r
+\r
+                       c = t.editor.controlManager.createColorSplitButton('backcolor', o);\r
+\r
+                       return c;\r
+               },\r
+\r
+               renderUI : function(o) {\r
+                       var n, ic, tb, t = this, ed = t.editor, s = t.settings, sc, p, nl;\r
+\r
+                       if (ed.settings) {\r
+                               ed.settings.aria_label = s.aria_label + ed.getLang('advanced.help_shortcut');\r
+                       }\r
+\r
+                       // TODO: ACC Should have an aria-describedby attribute which is user-configurable to describe what this field is actually for.\r
+                       // Maybe actually inherit it from the original textara?\r
+                       n = p = DOM.create('span', {role : 'application', 'aria-labelledby' : ed.id + '_voice', id : ed.id + '_parent', 'class' : 'mceEditor ' + ed.settings.skin + 'Skin' + (s.skin_variant ? ' ' + ed.settings.skin + 'Skin' + t._ufirst(s.skin_variant) : '')});\r
+                       DOM.add(n, 'span', {'class': 'mceVoiceLabel', 'style': 'display:none;', id: ed.id + '_voice'}, s.aria_label);\r
+\r
+                       if (!DOM.boxModel)\r
+                               n = DOM.add(n, 'div', {'class' : 'mceOldBoxModel'});\r
+\r
+                       n = sc = DOM.add(n, 'table', {role : "presentation", id : ed.id + '_tbl', 'class' : 'mceLayout', cellSpacing : 0, cellPadding : 0});\r
+                       n = tb = DOM.add(n, 'tbody');\r
+\r
+                       switch ((s.theme_advanced_layout_manager || '').toLowerCase()) {\r
+                               case "rowlayout":\r
+                                       ic = t._rowLayout(s, tb, o);\r
+                                       break;\r
+\r
+                               case "customlayout":\r
+                                       ic = ed.execCallback("theme_advanced_custom_layout", s, tb, o, p);\r
+                                       break;\r
+\r
+                               default:\r
+                                       ic = t._simpleLayout(s, tb, o, p);\r
+                       }\r
+\r
+                       n = o.targetNode;\r
+\r
+                       // Add classes to first and last TRs\r
+                       nl = sc.rows;\r
+                       DOM.addClass(nl[0], 'mceFirst');\r
+                       DOM.addClass(nl[nl.length - 1], 'mceLast');\r
+\r
+                       // Add classes to first and last TDs\r
+                       each(DOM.select('tr', tb), function(n) {\r
+                               DOM.addClass(n.firstChild, 'mceFirst');\r
+                               DOM.addClass(n.childNodes[n.childNodes.length - 1], 'mceLast');\r
+                       });\r
+\r
+                       if (DOM.get(s.theme_advanced_toolbar_container))\r
+                               DOM.get(s.theme_advanced_toolbar_container).appendChild(p);\r
+                       else\r
+                               DOM.insertAfter(p, n);\r
+\r
+                       Event.add(ed.id + '_path_row', 'click', function(e) {\r
+                               e = e.target;\r
+\r
+                               if (e.nodeName == 'A') {\r
+                                       t._sel(e.className.replace(/^.*mcePath_([0-9]+).*$/, '$1'));\r
+\r
+                                       return Event.cancel(e);\r
+                               }\r
+                       });\r
+/*\r
+                       if (DOM.get(ed.id + '_path_row')) {\r
+                               Event.add(ed.id + '_tbl', 'mouseover', function(e) {\r
+                                       var re;\r
+       \r
+                                       e = e.target;\r
+\r
+                                       if (e.nodeName == 'SPAN' && DOM.hasClass(e.parentNode, 'mceButton')) {\r
+                                               re = DOM.get(ed.id + '_path_row');\r
+                                               t.lastPath = re.innerHTML;\r
+                                               DOM.setHTML(re, e.parentNode.title);\r
+                                       }\r
+                               });\r
+\r
+                               Event.add(ed.id + '_tbl', 'mouseout', function(e) {\r
+                                       if (t.lastPath) {\r
+                                               DOM.setHTML(ed.id + '_path_row', t.lastPath);\r
+                                               t.lastPath = 0;\r
+                                       }\r
+                               });\r
+                       }\r
+*/\r
+\r
+                       if (!ed.getParam('accessibility_focus'))\r
+                               Event.add(DOM.add(p, 'a', {href : '#'}, '<!-- IE -->'), 'focus', function() {tinyMCE.get(ed.id).focus();});\r
+\r
+                       if (s.theme_advanced_toolbar_location == 'external')\r
+                               o.deltaHeight = 0;\r
+\r
+                       t.deltaHeight = o.deltaHeight;\r
+                       o.targetNode = null;\r
+\r
+                       ed.onKeyDown.add(function(ed, evt) {\r
+                               var DOM_VK_F10 = 121, DOM_VK_F11 = 122;\r
+\r
+                               if (evt.altKey) {\r
+                                       if (evt.keyCode === DOM_VK_F10) {\r
+                                               window.focus();\r
+                                               t.toolbarGroup.focus();\r
+                                               return Event.cancel(evt);\r
+                                       } else if (evt.keyCode === DOM_VK_F11) {\r
+                                               DOM.get(ed.id + '_path_row').focus();\r
+                                               return Event.cancel(evt);\r
+                                       }\r
+                               }\r
+                       });\r
+\r
+                       // alt+0 is the UK recommended shortcut for accessing the list of access controls.\r
+                       ed.addShortcut('alt+0', '', 'mceShortcuts', t);\r
+\r
+                       return {\r
+                               iframeContainer : ic,\r
+                               editorContainer : ed.id + '_parent',\r
+                               sizeContainer : sc,\r
+                               deltaHeight : o.deltaHeight\r
+                       };\r
+               },\r
+\r
+               getInfo : function() {\r
+                       return {\r
+                               longname : 'Advanced theme',\r
+                               author : 'Moxiecode Systems AB',\r
+                               authorurl : 'http://tinymce.moxiecode.com',\r
+                               version : tinymce.majorVersion + "." + tinymce.minorVersion\r
+                       }\r
+               },\r
+\r
+               resizeBy : function(dw, dh) {\r
+                       var e = DOM.get(this.editor.id + '_ifr');\r
+\r
+                       this.resizeTo(e.clientWidth + dw, e.clientHeight + dh);\r
+               },\r
+\r
+               resizeTo : function(w, h, store) {\r
+                       var ed = this.editor, s = this.settings, e = DOM.get(ed.id + '_tbl'), ifr = DOM.get(ed.id + '_ifr');\r
+\r
+                       // Boundery fix box\r
+                       w = Math.max(s.theme_advanced_resizing_min_width || 100, w);\r
+                       h = Math.max(s.theme_advanced_resizing_min_height || 100, h);\r
+                       w = Math.min(s.theme_advanced_resizing_max_width || 0xFFFF, w);\r
+                       h = Math.min(s.theme_advanced_resizing_max_height || 0xFFFF, h);\r
+\r
+                       // Resize iframe and container\r
+                       DOM.setStyle(e, 'height', '');\r
+                       DOM.setStyle(ifr, 'height', h);\r
+\r
+                       if (s.theme_advanced_resize_horizontal) {\r
+                               DOM.setStyle(e, 'width', '');\r
+                               DOM.setStyle(ifr, 'width', w);\r
+\r
+                               // Make sure that the size is never smaller than the over all ui\r
+                               if (w < e.clientWidth) {\r
+                                       w = e.clientWidth;\r
+                                       DOM.setStyle(ifr, 'width', e.clientWidth);\r
+                               }\r
+                       }\r
+\r
+                       // Store away the size\r
+                       if (store && s.theme_advanced_resizing_use_cookie) {\r
+                               Cookie.setHash("TinyMCE_" + ed.id + "_size", {\r
+                                       cw : w,\r
+                                       ch : h\r
+                               });\r
+                       }\r
+               },\r
+\r
+               destroy : function() {\r
+                       var id = this.editor.id;\r
+\r
+                       Event.clear(id + '_resize');\r
+                       Event.clear(id + '_path_row');\r
+                       Event.clear(id + '_external_close');\r
+               },\r
+\r
+               // Internal functions\r
+\r
+               _simpleLayout : function(s, tb, o, p) {\r
+                       var t = this, ed = t.editor, lo = s.theme_advanced_toolbar_location, sl = s.theme_advanced_statusbar_location, n, ic, etb, c;\r
+\r
+                       if (s.readonly) {\r
+                               n = DOM.add(tb, 'tr');\r
+                               n = ic = DOM.add(n, 'td', {'class' : 'mceIframeContainer'});\r
+                               return ic;\r
+                       }\r
+\r
+                       // Create toolbar container at top\r
+                       if (lo == 'top')\r
+                               t._addToolbars(tb, o);\r
+\r
+                       // Create external toolbar\r
+                       if (lo == 'external') {\r
+                               n = c = DOM.create('div', {style : 'position:relative'});\r
+                               n = DOM.add(n, 'div', {id : ed.id + '_external', 'class' : 'mceExternalToolbar'});\r
+                               DOM.add(n, 'a', {id : ed.id + '_external_close', href : 'javascript:;', 'class' : 'mceExternalClose'});\r
+                               n = DOM.add(n, 'table', {id : ed.id + '_tblext', cellSpacing : 0, cellPadding : 0});\r
+                               etb = DOM.add(n, 'tbody');\r
+\r
+                               if (p.firstChild.className == 'mceOldBoxModel')\r
+                                       p.firstChild.appendChild(c);\r
+                               else\r
+                                       p.insertBefore(c, p.firstChild);\r
+\r
+                               t._addToolbars(etb, o);\r
+\r
+                               ed.onMouseUp.add(function() {\r
+                                       var e = DOM.get(ed.id + '_external');\r
+                                       DOM.show(e);\r
+\r
+                                       DOM.hide(lastExtID);\r
+\r
+                                       var f = Event.add(ed.id + '_external_close', 'click', function() {\r
+                                               DOM.hide(ed.id + '_external');\r
+                                               Event.remove(ed.id + '_external_close', 'click', f);\r
+                                       });\r
+\r
+                                       DOM.show(e);\r
+                                       DOM.setStyle(e, 'top', 0 - DOM.getRect(ed.id + '_tblext').h - 1);\r
+\r
+                                       // Fixes IE rendering bug\r
+                                       DOM.hide(e);\r
+                                       DOM.show(e);\r
+                                       e.style.filter = '';\r
+\r
+                                       lastExtID = ed.id + '_external';\r
+\r
+                                       e = null;\r
+                               });\r
+                       }\r
+\r
+                       if (sl == 'top')\r
+                               t._addStatusBar(tb, o);\r
+\r
+                       // Create iframe container\r
+                       if (!s.theme_advanced_toolbar_container) {\r
+                               n = DOM.add(tb, 'tr');\r
+                               n = ic = DOM.add(n, 'td', {'class' : 'mceIframeContainer'});\r
+                       }\r
+\r
+                       // Create toolbar container at bottom\r
+                       if (lo == 'bottom')\r
+                               t._addToolbars(tb, o);\r
+\r
+                       if (sl == 'bottom')\r
+                               t._addStatusBar(tb, o);\r
+\r
+                       return ic;\r
+               },\r
+\r
+               _rowLayout : function(s, tb, o) {\r
+                       var t = this, ed = t.editor, dc, da, cf = ed.controlManager, n, ic, to, a;\r
+\r
+                       dc = s.theme_advanced_containers_default_class || '';\r
+                       da = s.theme_advanced_containers_default_align || 'center';\r
+\r
+                       each(explode(s.theme_advanced_containers || ''), function(c, i) {\r
+                               var v = s['theme_advanced_container_' + c] || '';\r
+\r
+                               switch (c.toLowerCase()) {\r
+                                       case 'mceeditor':\r
+                                               n = DOM.add(tb, 'tr');\r
+                                               n = ic = DOM.add(n, 'td', {'class' : 'mceIframeContainer'});\r
+                                               break;\r
+\r
+                                       case 'mceelementpath':\r
+                                               t._addStatusBar(tb, o);\r
+                                               break;\r
+\r
+                                       default:\r
+                                               a = (s['theme_advanced_container_' + c + '_align'] || da).toLowerCase();\r
+                                               a = 'mce' + t._ufirst(a);\r
+\r
+                                               n = DOM.add(DOM.add(tb, 'tr'), 'td', {\r
+                                                       'class' : 'mceToolbar ' + (s['theme_advanced_container_' + c + '_class'] || dc) + ' ' + a || da\r
+                                               });\r
+\r
+                                               to = cf.createToolbar("toolbar" + i);\r
+                                               t._addControls(v, to);\r
+                                               DOM.setHTML(n, to.renderHTML());\r
+                                               o.deltaHeight -= s.theme_advanced_row_height;\r
+                               }\r
+                       });\r
+\r
+                       return ic;\r
+               },\r
+\r
+               _addControls : function(v, tb) {\r
+                       var t = this, s = t.settings, di, cf = t.editor.controlManager;\r
+\r
+                       if (s.theme_advanced_disable && !t._disabled) {\r
+                               di = {};\r
+\r
+                               each(explode(s.theme_advanced_disable), function(v) {\r
+                                       di[v] = 1;\r
+                               });\r
+\r
+                               t._disabled = di;\r
+                       } else\r
+                               di = t._disabled;\r
+\r
+                       each(explode(v), function(n) {\r
+                               var c;\r
+\r
+                               if (di && di[n])\r
+                                       return;\r
+\r
+                               // Compatiblity with 2.x\r
+                               if (n == 'tablecontrols') {\r
+                                       each(["table","|","row_props","cell_props","|","row_before","row_after","delete_row","|","col_before","col_after","delete_col","|","split_cells","merge_cells"], function(n) {\r
+                                               n = t.createControl(n, cf);\r
+\r
+                                               if (n)\r
+                                                       tb.add(n);\r
+                                       });\r
+\r
+                                       return;\r
+                               }\r
+\r
+                               c = t.createControl(n, cf);\r
+\r
+                               if (c)\r
+                                       tb.add(c);\r
+                       });\r
+               },\r
+\r
+               _addToolbars : function(c, o) {\r
+                       var t = this, i, tb, ed = t.editor, s = t.settings, v, cf = ed.controlManager, di, n, h = [], a, toolbarGroup;\r
+\r
+                       toolbarGroup = cf.createToolbarGroup('toolbargroup', {\r
+                               'name': ed.getLang('advanced.toolbar'),\r
+                               'tab_focus_toolbar':ed.getParam('theme_advanced_tab_focus_toolbar')\r
+                       });\r
+\r
+                       t.toolbarGroup = toolbarGroup;\r
+\r
+                       a = s.theme_advanced_toolbar_align.toLowerCase();\r
+                       a = 'mce' + t._ufirst(a);\r
+\r
+                       n = DOM.add(DOM.add(c, 'tr', {role: 'presentation'}), 'td', {'class' : 'mceToolbar ' + a, "role":"presentation"});\r
+\r
+                       // Create toolbar and add the controls\r
+                       for (i=1; (v = s['theme_advanced_buttons' + i]); i++) {\r
+                               tb = cf.createToolbar("toolbar" + i, {'class' : 'mceToolbarRow' + i});\r
+\r
+                               if (s['theme_advanced_buttons' + i + '_add'])\r
+                                       v += ',' + s['theme_advanced_buttons' + i + '_add'];\r
+\r
+                               if (s['theme_advanced_buttons' + i + '_add_before'])\r
+                                       v = s['theme_advanced_buttons' + i + '_add_before'] + ',' + v;\r
+\r
+                               t._addControls(v, tb);\r
+                               toolbarGroup.add(tb);\r
+\r
+                               o.deltaHeight -= s.theme_advanced_row_height;\r
+                       }\r
+                       h.push(toolbarGroup.renderHTML());\r
+                       h.push(DOM.createHTML('a', {href : '#', accesskey : 'z', title : ed.getLang("advanced.toolbar_focus"), onfocus : 'tinyMCE.getInstanceById(\'' + ed.id + '\').focus();'}, '<!-- IE -->'));\r
+                       DOM.setHTML(n, h.join(''));\r
+               },\r
+\r
+               _addStatusBar : function(tb, o) {\r
+                       var n, t = this, ed = t.editor, s = t.settings, r, mf, me, td;\r
+\r
+                       n = DOM.add(tb, 'tr');\r
+                       n = td = DOM.add(n, 'td', {'class' : 'mceStatusbar'}); \r
+                       n = DOM.add(n, 'div', {id : ed.id + '_path_row', 'role': 'group', 'aria-labelledby': ed.id + '_path_voice'});\r
+                       if (s.theme_advanced_path) {\r
+                               DOM.add(n, 'span', {id: ed.id + '_path_voice'}, ed.translate('advanced.path'));\r
+                               DOM.add(n, 'span', {}, ': ');\r
+                       } else {\r
+                               DOM.add(n, 'span', {}, '&#160;');\r
+                       }\r
+                       \r
+\r
+                       if (s.theme_advanced_resizing) {\r
+                               DOM.add(td, 'a', {id : ed.id + '_resize', href : 'javascript:;', onclick : "return false;", 'class' : 'mceResize', tabIndex:"-1"});\r
+\r
+                               if (s.theme_advanced_resizing_use_cookie) {\r
+                                       ed.onPostRender.add(function() {\r
+                                               var o = Cookie.getHash("TinyMCE_" + ed.id + "_size"), c = DOM.get(ed.id + '_tbl');\r
+\r
+                                               if (!o)\r
+                                                       return;\r
+\r
+                                               t.resizeTo(o.cw, o.ch);\r
+                                       });\r
+                               }\r
+\r
+                               ed.onPostRender.add(function() {\r
+                                       Event.add(ed.id + '_resize', 'click', function(e) {\r
+                                               e.preventDefault();\r
+                                       });\r
+\r
+                                       Event.add(ed.id + '_resize', 'mousedown', function(e) {\r
+                                               var mouseMoveHandler1, mouseMoveHandler2,\r
+                                                       mouseUpHandler1, mouseUpHandler2,\r
+                                                       startX, startY, startWidth, startHeight, width, height, ifrElm;\r
+\r
+                                               function resizeOnMove(e) {\r
+                                                       e.preventDefault();\r
+\r
+                                                       width = startWidth + (e.screenX - startX);\r
+                                                       height = startHeight + (e.screenY - startY);\r
+\r
+                                                       t.resizeTo(width, height);\r
+                                               };\r
+\r
+                                               function endResize(e) {\r
+                                                       // Stop listening\r
+                                                       Event.remove(DOM.doc, 'mousemove', mouseMoveHandler1);\r
+                                                       Event.remove(ed.getDoc(), 'mousemove', mouseMoveHandler2);\r
+                                                       Event.remove(DOM.doc, 'mouseup', mouseUpHandler1);\r
+                                                       Event.remove(ed.getDoc(), 'mouseup', mouseUpHandler2);\r
+\r
+                                                       width = startWidth + (e.screenX - startX);\r
+                                                       height = startHeight + (e.screenY - startY);\r
+                                                       t.resizeTo(width, height, true);\r
+                                               };\r
+\r
+                                               e.preventDefault();\r
+\r
+                                               // Get the current rect size\r
+                                               startX = e.screenX;\r
+                                               startY = e.screenY;\r
+                                               ifrElm = DOM.get(t.editor.id + '_ifr');\r
+                                               startWidth = width = ifrElm.clientWidth;\r
+                                               startHeight = height = ifrElm.clientHeight;\r
+\r
+                                               // Register envent handlers\r
+                                               mouseMoveHandler1 = Event.add(DOM.doc, 'mousemove', resizeOnMove);\r
+                                               mouseMoveHandler2 = Event.add(ed.getDoc(), 'mousemove', resizeOnMove);\r
+                                               mouseUpHandler1 = Event.add(DOM.doc, 'mouseup', endResize);\r
+                                               mouseUpHandler2 = Event.add(ed.getDoc(), 'mouseup', endResize);\r
+                                       });\r
+                               });\r
+                       }\r
+\r
+                       o.deltaHeight -= 21;\r
+                       n = tb = null;\r
+               },\r
+\r
+               _updateUndoStatus : function(ed) {\r
+                       var cm = ed.controlManager, um = ed.undoManager;\r
+\r
+                       cm.setDisabled('undo', !um.hasUndo() && !um.typing);\r
+                       cm.setDisabled('redo', !um.hasRedo());\r
+               },\r
+\r
+               _nodeChanged : function(ed, cm, n, co, ob) {\r
+                       var t = this, p, de = 0, v, c, s = t.settings, cl, fz, fn, fc, bc, formatNames, matches;\r
+\r
+                       tinymce.each(t.stateControls, function(c) {\r
+                               cm.setActive(c, ed.queryCommandState(t.controls[c][1]));\r
+                       });\r
+\r
+                       function getParent(name) {\r
+                               var i, parents = ob.parents, func = name;\r
+\r
+                               if (typeof(name) == 'string') {\r
+                                       func = function(node) {\r
+                                               return node.nodeName == name;\r
+                                       };\r
+                               }\r
+\r
+                               for (i = 0; i < parents.length; i++) {\r
+                                       if (func(parents[i]))\r
+                                               return parents[i];\r
+                               }\r
+                       };\r
+\r
+                       cm.setActive('visualaid', ed.hasVisual);\r
+                       t._updateUndoStatus(ed);\r
+                       cm.setDisabled('outdent', !ed.queryCommandState('Outdent'));\r
+\r
+                       p = getParent('A');\r
+                       if (c = cm.get('link')) {\r
+                               if (!p || !p.name) {\r
+                                       c.setDisabled(!p && co);\r
+                                       c.setActive(!!p);\r
+                               }\r
+                       }\r
+\r
+                       if (c = cm.get('unlink')) {\r
+                               c.setDisabled(!p && co);\r
+                               c.setActive(!!p && !p.name);\r
+                       }\r
+\r
+                       if (c = cm.get('anchor')) {\r
+                               c.setActive(!co && !!p && p.name);\r
+                       }\r
+\r
+                       p = getParent('IMG');\r
+                       if (c = cm.get('image'))\r
+                               c.setActive(!co && !!p && n.className.indexOf('mceItem') == -1);\r
+\r
+                       if (c = cm.get('styleselect')) {\r
+                               t._importClasses();\r
+\r
+                               formatNames = [];\r
+                               each(c.items, function(item) {\r
+                                       formatNames.push(item.value);\r
+                               });\r
+\r
+                               matches = ed.formatter.matchAll(formatNames);\r
+                               c.select(matches[0]);\r
+                       }\r
+\r
+                       if (c = cm.get('formatselect')) {\r
+                               p = getParent(DOM.isBlock);\r
+\r
+                               if (p)\r
+                                       c.select(p.nodeName.toLowerCase());\r
+                       }\r
+\r
+                       // Find out current fontSize, fontFamily and fontClass\r
+                       getParent(function(n) {\r
+                               if (n.nodeName === 'SPAN') {\r
+                                       if (!cl && n.className)\r
+                                               cl = n.className;\r
+                               }\r
+\r
+                               if (ed.dom.is(n, s.theme_advanced_font_selector)) {\r
+                                       if (!fz && n.style.fontSize)\r
+                                               fz = n.style.fontSize;\r
+\r
+                                       if (!fn && n.style.fontFamily)\r
+                                               fn = n.style.fontFamily.replace(/[\"\']+/g, '').replace(/^([^,]+).*/, '$1').toLowerCase();\r
+                                       \r
+                                       if (!fc && n.style.color)\r
+                                               fc = n.style.color;\r
+\r
+                                       if (!bc && n.style.backgroundColor)\r
+                                               bc = n.style.backgroundColor;\r
+                               }\r
+\r
+                               return false;\r
+                       });\r
+\r
+                       if (c = cm.get('fontselect')) {\r
+                               c.select(function(v) {\r
+                                       return v.replace(/^([^,]+).*/, '$1').toLowerCase() == fn;\r
+                               });\r
+                       }\r
+\r
+                       // Select font size\r
+                       if (c = cm.get('fontsizeselect')) {\r
+                               // Use computed style\r
+                               if (s.theme_advanced_runtime_fontsize && !fz && !cl)\r
+                                       fz = ed.dom.getStyle(n, 'fontSize', true);\r
+\r
+                               c.select(function(v) {\r
+                                       if (v.fontSize && v.fontSize === fz)\r
+                                               return true;\r
+\r
+                                       if (v['class'] && v['class'] === cl)\r
+                                               return true;\r
+                               });\r
+                       }\r
+                       \r
+                       if (s.theme_advanced_show_current_color) {\r
+                               function updateColor(controlId, color) {\r
+                                       if (c = cm.get(controlId)) {\r
+                                               if (!color)\r
+                                                       color = c.settings.default_color;\r
+                                               if (color !== c.value) {\r
+                                                       c.displayColor(color);\r
+                                               }\r
+                                       }\r
+                               }\r
+                               updateColor('forecolor', fc);\r
+                               updateColor('backcolor', bc);\r
+                       }\r
+\r
+                       if (s.theme_advanced_show_current_color) {\r
+                               function updateColor(controlId, color) {\r
+                                       if (c = cm.get(controlId)) {\r
+                                               if (!color)\r
+                                                       color = c.settings.default_color;\r
+                                               if (color !== c.value) {\r
+                                                       c.displayColor(color);\r
+                                               }\r
+                                       }\r
+                               };\r
+\r
+                               updateColor('forecolor', fc);\r
+                               updateColor('backcolor', bc);\r
+                       }\r
+\r
+                       if (s.theme_advanced_path && s.theme_advanced_statusbar_location) {\r
+                               p = DOM.get(ed.id + '_path') || DOM.add(ed.id + '_path_row', 'span', {id : ed.id + '_path'});\r
+\r
+                               if (t.statusKeyboardNavigation) {\r
+                                       t.statusKeyboardNavigation.destroy();\r
+                                       t.statusKeyboardNavigation = null;\r
+                               }\r
+\r
+                               DOM.setHTML(p, '');\r
+\r
+                               getParent(function(n) {\r
+                                       var na = n.nodeName.toLowerCase(), u, pi, ti = '';\r
+\r
+                                       // Ignore non element and bogus/hidden elements\r
+                                       if (n.nodeType != 1 || na === 'br' || n.getAttribute('data-mce-bogus') || DOM.hasClass(n, 'mceItemHidden') || DOM.hasClass(n, 'mceItemRemoved'))\r
+                                               return;\r
+\r
+                                       // Handle prefix\r
+                                       if (tinymce.isIE && n.scopeName !== 'HTML')\r
+                                               na = n.scopeName + ':' + na;\r
+\r
+                                       // Remove internal prefix\r
+                                       na = na.replace(/mce\:/g, '');\r
+\r
+                                       // Handle node name\r
+                                       switch (na) {\r
+                                               case 'b':\r
+                                                       na = 'strong';\r
+                                                       break;\r
+\r
+                                               case 'i':\r
+                                                       na = 'em';\r
+                                                       break;\r
+\r
+                                               case 'img':\r
+                                                       if (v = DOM.getAttrib(n, 'src'))\r
+                                                               ti += 'src: ' + v + ' ';\r
+\r
+                                                       break;\r
+\r
+                                               case 'a':\r
+                                                       if (v = DOM.getAttrib(n, 'name')) {\r
+                                                               ti += 'name: ' + v + ' ';\r
+                                                               na += '#' + v;\r
+                                                       }\r
+\r
+                                                       if (v = DOM.getAttrib(n, 'href'))\r
+                                                               ti += 'href: ' + v + ' ';\r
+\r
+                                                       break;\r
+\r
+                                               case 'font':\r
+                                                       if (v = DOM.getAttrib(n, 'face'))\r
+                                                               ti += 'font: ' + v + ' ';\r
+\r
+                                                       if (v = DOM.getAttrib(n, 'size'))\r
+                                                               ti += 'size: ' + v + ' ';\r
+\r
+                                                       if (v = DOM.getAttrib(n, 'color'))\r
+                                                               ti += 'color: ' + v + ' ';\r
+\r
+                                                       break;\r
+\r
+                                               case 'span':\r
+                                                       if (v = DOM.getAttrib(n, 'style'))\r
+                                                               ti += 'style: ' + v + ' ';\r
+\r
+                                                       break;\r
+                                       }\r
+\r
+                                       if (v = DOM.getAttrib(n, 'id'))\r
+                                               ti += 'id: ' + v + ' ';\r
+\r
+                                       if (v = n.className) {\r
+                                               v = v.replace(/\b\s*(webkit|mce|Apple-)\w+\s*\b/g, '')\r
+\r
+                                               if (v) {\r
+                                                       ti += 'class: ' + v + ' ';\r
+\r
+                                                       if (DOM.isBlock(n) || na == 'img' || na == 'span')\r
+                                                               na += '.' + v;\r
+                                               }\r
+                                       }\r
+\r
+                                       na = na.replace(/(html:)/g, '');\r
+                                       na = {name : na, node : n, title : ti};\r
+                                       t.onResolveName.dispatch(t, na);\r
+                                       ti = na.title;\r
+                                       na = na.name;\r
+\r
+                                       //u = "javascript:tinymce.EditorManager.get('" + ed.id + "').theme._sel('" + (de++) + "');";\r
+                                       pi = DOM.create('a', {'href' : "javascript:;", role: 'button', onmousedown : "return false;", title : ti, 'class' : 'mcePath_' + (de++)}, na);\r
+\r
+                                       if (p.hasChildNodes()) {\r
+                                               p.insertBefore(DOM.create('span', {'aria-hidden': 'true'}, '\u00a0\u00bb '), p.firstChild);\r
+                                               p.insertBefore(pi, p.firstChild);\r
+                                       } else\r
+                                               p.appendChild(pi);\r
+                               }, ed.getBody());\r
+\r
+                               if (DOM.select('a', p).length > 0) {\r
+                                       t.statusKeyboardNavigation = new tinymce.ui.KeyboardNavigation({\r
+                                               root: ed.id + "_path_row",\r
+                                               items: DOM.select('a', p),\r
+                                               excludeFromTabOrder: true,\r
+                                               onCancel: function() {\r
+                                                       ed.focus();\r
+                                               }\r
+                                       }, DOM);\r
+                               }\r
+                       }\r
+               },\r
+\r
+               // Commands gets called by execCommand\r
+\r
+               _sel : function(v) {\r
+                       this.editor.execCommand('mceSelectNodeDepth', false, v);\r
+               },\r
+\r
+               _mceInsertAnchor : function(ui, v) {\r
+                       var ed = this.editor;\r
+\r
+                       ed.windowManager.open({\r
+                               url : this.url + '/anchor.htm',\r
+                               width : 320 + parseInt(ed.getLang('advanced.anchor_delta_width', 0)),\r
+                               height : 90 + parseInt(ed.getLang('advanced.anchor_delta_height', 0)),\r
+                               inline : true\r
+                       }, {\r
+                               theme_url : this.url\r
+                       });\r
+               },\r
+\r
+               _mceCharMap : function() {\r
+                       var ed = this.editor;\r
+\r
+                       ed.windowManager.open({\r
+                               url : this.url + '/charmap.htm',\r
+                               width : 550 + parseInt(ed.getLang('advanced.charmap_delta_width', 0)),\r
+                               height : 250 + parseInt(ed.getLang('advanced.charmap_delta_height', 0)),\r
+                               inline : true\r
+                       }, {\r
+                               theme_url : this.url\r
+                       });\r
+               },\r
+\r
+               _mceHelp : function() {\r
+                       var ed = this.editor;\r
+\r
+                       ed.windowManager.open({\r
+                               url : this.url + '/about.htm',\r
+                               width : 480,\r
+                               height : 380,\r
+                               inline : true\r
+                       }, {\r
+                               theme_url : this.url\r
+                       });\r
+               },\r
+\r
+               _mceShortcuts : function() {\r
+                       var ed = this.editor;\r
+                       ed.windowManager.open({\r
+                               url: this.url + '/shortcuts.htm',\r
+                               width: 480,\r
+                               height: 380,\r
+                               inline: true\r
+                       }, {\r
+                               theme_url: this.url\r
+                       });\r
+               },\r
+\r
+               _mceColorPicker : function(u, v) {\r
+                       var ed = this.editor;\r
+\r
+                       v = v || {};\r
+\r
+                       ed.windowManager.open({\r
+                               url : this.url + '/color_picker.htm',\r
+                               width : 375 + parseInt(ed.getLang('advanced.colorpicker_delta_width', 0)),\r
+                               height : 250 + parseInt(ed.getLang('advanced.colorpicker_delta_height', 0)),\r
+                               close_previous : false,\r
+                               inline : true\r
+                       }, {\r
+                               input_color : v.color,\r
+                               func : v.func,\r
+                               theme_url : this.url\r
+                       });\r
+               },\r
+\r
+               _mceCodeEditor : function(ui, val) {\r
+                       var ed = this.editor;\r
+\r
+                       ed.windowManager.open({\r
+                               url : this.url + '/source_editor.htm',\r
+                               width : parseInt(ed.getParam("theme_advanced_source_editor_width", 720)),\r
+                               height : parseInt(ed.getParam("theme_advanced_source_editor_height", 580)),\r
+                               inline : true,\r
+                               resizable : true,\r
+                               maximizable : true\r
+                       }, {\r
+                               theme_url : this.url\r
+                       });\r
+               },\r
+\r
+               _mceImage : function(ui, val) {\r
+                       var ed = this.editor;\r
+\r
+                       // Internal image object like a flash placeholder\r
+                       if (ed.dom.getAttrib(ed.selection.getNode(), 'class').indexOf('mceItem') != -1)\r
+                               return;\r
+\r
+                       ed.windowManager.open({\r
+                               url : this.url + '/image.htm',\r
+                               width : 355 + parseInt(ed.getLang('advanced.image_delta_width', 0)),\r
+                               height : 275 + parseInt(ed.getLang('advanced.image_delta_height', 0)),\r
+                               inline : true\r
+                       }, {\r
+                               theme_url : this.url\r
+                       });\r
+               },\r
+\r
+               _mceLink : function(ui, val) {\r
+                       var ed = this.editor;\r
+\r
+                       ed.windowManager.open({\r
+                               url : this.url + '/link.htm',\r
+                               width : 310 + parseInt(ed.getLang('advanced.link_delta_width', 0)),\r
+                               height : 200 + parseInt(ed.getLang('advanced.link_delta_height', 0)),\r
+                               inline : true\r
+                       }, {\r
+                               theme_url : this.url\r
+                       });\r
+               },\r
+\r
+               _mceNewDocument : function() {\r
+                       var ed = this.editor;\r
+\r
+                       ed.windowManager.confirm('advanced.newdocument', function(s) {\r
+                               if (s)\r
+                                       ed.execCommand('mceSetContent', false, '');\r
+                       });\r
+               },\r
+\r
+               _mceForeColor : function() {\r
+                       var t = this;\r
+\r
+                       this._mceColorPicker(0, {\r
+                               color: t.fgColor,\r
+                               func : function(co) {\r
+                                       t.fgColor = co;\r
+                                       t.editor.execCommand('ForeColor', false, co);\r
+                               }\r
+                       });\r
+               },\r
+\r
+               _mceBackColor : function() {\r
+                       var t = this;\r
+\r
+                       this._mceColorPicker(0, {\r
+                               color: t.bgColor,\r
+                               func : function(co) {\r
+                                       t.bgColor = co;\r
+                                       t.editor.execCommand('HiliteColor', false, co);\r
+                               }\r
+                       });\r
+               },\r
+\r
+               _ufirst : function(s) {\r
+                       return s.substring(0, 1).toUpperCase() + s.substring(1);\r
+               }\r
+       });\r
+\r
+       tinymce.ThemeManager.add('advanced', tinymce.themes.AdvancedTheme);\r
+}(tinymce));\r