src/crypto.c: possible fix for memory leak related
[citadel.git] / webcit / tiny_mce / plugins / table / jscripts / table.js
index 48bea559e58cdfd02c1ac5fef22ea98d10c60400..859777501b5e0d366debd291150ddecef4bd147a 100644 (file)
-var action;
-
-function insertTable() {
-       var formObj = document.forms[0];
-       var inst = tinyMCE.selectedInstance;
-       var cols = 2, rows = 2, border = 0, cellpadding = -1, cellspacing = -1, align, width, height, className;
-       var html = '';
-       var elm = tinyMCE.tableElm;
-
-       // Get form data
-       cols = formObj.elements['cols'].value;
-       rows = formObj.elements['rows'].value;
-       border = formObj.elements['border'].value != "" ? formObj.elements['border'].value  : 0;
-       cellpadding = formObj.elements['cellpadding'].value != "" ? formObj.elements['cellpadding'].value : "";
-       cellspacing = formObj.elements['cellspacing'].value != "" ? formObj.elements['cellspacing'].value : "";
-       align = formObj.elements['align'].options[formObj.elements['align'].selectedIndex].value;
-       width = formObj.elements['width'].value;
-       height = formObj.elements['height'].value;
-       bordercolor = formObj.elements['bordercolor'].value;
-       bgcolor = formObj.elements['bgcolor'].value;
-       className = formObj.elements['class'].options[formObj.elements['class'].selectedIndex].value;
-       id = formObj.elements['id'].value;
-       summary = formObj.elements['summary'].value;
-       style = formObj.elements['style'].value;
-       dir = formObj.elements['dir'].value;
-       lang = formObj.elements['lang'].value;
-       background = formObj.elements['backgroundimage'].value;
-
-       // Update table
-       if (action == "update") {
-               inst.execCommand('mceBeginUndoLevel');
-
-               tinyMCE.setAttrib(elm, 'cellPadding', cellpadding, true);
-               tinyMCE.setAttrib(elm, 'cellSpacing', cellspacing, true);
-               tinyMCE.setAttrib(elm, 'border', border, true);
-               tinyMCE.setAttrib(elm, 'align', align);
-               tinyMCE.setAttrib(elm, 'class', className);
-               tinyMCE.setAttrib(elm, 'style', style);
-               tinyMCE.setAttrib(elm, 'id', id);
-               tinyMCE.setAttrib(elm, 'summary', summary);
-               tinyMCE.setAttrib(elm, 'dir', dir);
-               tinyMCE.setAttrib(elm, 'lang', lang);
-
-               // Not inline styles
-               if (!tinyMCE.getParam("inline_styles"))
-                       tinyMCE.setAttrib(elm, 'width', width, true);
-
-               // Remove these since they are not valid XHTML
-               tinyMCE.setAttrib(elm, 'borderColor', '');
-               tinyMCE.setAttrib(elm, 'bgColor', '');
-               tinyMCE.setAttrib(elm, 'background', '');
-               tinyMCE.setAttrib(elm, 'height', '');
-
-               if (background != '')
-                       elm.style.backgroundImage = "url('" + background + "')";
-               else
-                       elm.style.backgroundImage = '';
-
-               elm.style.borderWidth = border;
-
-               if (tinyMCE.getParam("inline_styles")) {
-                       if (width != '')
-                               elm.style.width = getCSSSize(width);
-               }
-
-               if (bordercolor != "") {
-                       elm.style.borderColor = bordercolor;
-                       elm.style.borderStyle = elm.style.borderStyle == "" ? "solid" : elm.style.borderStyle;
-                       elm.style.borderWidth = elm.style.borderWidth == "" ? "1px" : elm.style.borderWidth;
-               } else
-                       elm.style.borderColor = '';
-
-               elm.style.backgroundColor = bgcolor;
-               elm.style.height = getCSSSize(height);
-
-               tinyMCE.handleVisualAid(tinyMCE.tableElm, false, inst.visualAid, inst);
-
-               // Fix for stange MSIE align bug
-               tinyMCE.tableElm.outerHTML = tinyMCE.tableElm.outerHTML;
-
-               tinyMCE.handleVisualAid(inst.getBody(), true, inst.visualAid, inst);
-               tinyMCE.triggerNodeChange();
-               inst.execCommand('mceEndUndoLevel');
-               tinyMCEPopup.close();
-               return true;
-       }
-
-       // Create new table
-       html += '<table';
-
-       html += makeAttrib('id', id);
-       html += makeAttrib('border', border);
-       html += makeAttrib('cellpadding', cellpadding);
-       html += makeAttrib('cellspacing', cellspacing);
-       html += makeAttrib('width', width);
-       //html += makeAttrib('height', height);
-       //html += makeAttrib('bordercolor', bordercolor);
-       //html += makeAttrib('bgcolor', bgcolor);
-       html += makeAttrib('align', align);
-       html += makeAttrib('class', tinyMCE.getVisualAidClass(className, border == 0));
-       html += makeAttrib('style', style);
-       html += makeAttrib('summary', summary);
-       html += makeAttrib('dir', dir);
-       html += makeAttrib('lang', lang);
-
-       html += '>';
-
-       for (var y=0; y<rows; y++) {
-               html += "<tr>";
-
-               for (var x=0; x<cols; x++)
-                       html += '<td>&nbsp;</td>';
-
-               html += "</tr>";
-       }
-
-       html += "</table>";
-
-       inst.execCommand('mceBeginUndoLevel');
-       inst.execCommand('mceInsertContent', false, html);
-       tinyMCE.handleVisualAid(inst.getBody(), true, tinyMCE.settings['visual']);
-       inst.execCommand('mceEndUndoLevel');
-
-       tinyMCEPopup.close();
-}
-
-function makeAttrib(attrib, value) {
-       var formObj = document.forms[0];
-       var valueElm = formObj.elements[attrib];
-
-       if (typeof(value) == "undefined" || value == null) {
-               value = "";
-
-               if (valueElm)
-                       value = valueElm.value;
-       }
-
-       if (value == "")
-               return "";
-
-       // XML encode it
-       value = value.replace(/&/g, '&amp;');
-       value = value.replace(/\"/g, '&quot;');
-       value = value.replace(/</g, '&lt;');
-       value = value.replace(/>/g, '&gr;');
-
-       return ' ' + attrib + '="' + value + '"';
-}
-
-function init() {
-       tinyMCEPopup.resizeToInnerSize();
-
-       var cols = 2, rows = 2, border = 0, cellpadding = "", cellspacing = "";
-       var align = "", width = "", height = "", bordercolor = "", bgcolor = "", className = "";
-       var id = "", summary = "", style = "", dir = "", lang = "", background = "", bgcolor = "", bordercolor = "";
-       var inst = tinyMCE.selectedInstance;
-       var formObj = document.forms[0];
-       var elm = tinyMCE.getParentElement(inst.getFocusElement(), "table");
-
-       tinyMCE.tableElm = elm;
-       action = tinyMCE.getWindowArg('action');
-       if (action == null)
-               action = tinyMCE.tableElm ? "update" : "insert";
-
-       if (tinyMCE.tableElm && action != "insert") {
-               var rowsAr = tinyMCE.tableElm.rows;
-               var cols = 0;
-               for (var i=0; i<rowsAr.length; i++)
-                       if (rowsAr[i].cells.length > cols)
-                               cols = rowsAr[i].cells.length;
-
-               cols = cols;
-               rows = rowsAr.length;
-
-               st = tinyMCE.parseStyle(tinyMCE.tableElm.style.cssText);
-               border = trimSize(getStyle(elm, 'border', 'borderWidth'));
-               cellpadding = tinyMCE.getAttrib(tinyMCE.tableElm, 'cellpadding', "");
-               cellspacing = tinyMCE.getAttrib(tinyMCE.tableElm, 'cellspacing', "");
-               width = trimSize(getStyle(elm, 'width', 'width'));
-               height = trimSize(getStyle(elm, 'height', 'height'));
-               bordercolor = convertRGBToHex(getStyle(elm, 'bordercolor', 'borderLeftColor'));
-               bgcolor = convertRGBToHex(getStyle(elm, 'bgcolor', 'backgroundColor'));
-               align = tinyMCE.getAttrib(tinyMCE.tableElm, 'align', align);
-               className = tinyMCE.getVisualAidClass(tinyMCE.getAttrib(tinyMCE.tableElm, 'class'), false);
-               id = tinyMCE.getAttrib(tinyMCE.tableElm, 'id');
-               summary = tinyMCE.getAttrib(tinyMCE.tableElm, 'summary');
-               style = tinyMCE.serializeStyle(st);
-               dir = tinyMCE.getAttrib(tinyMCE.tableElm, 'dir');
-               lang = tinyMCE.getAttrib(tinyMCE.tableElm, 'lang');
-               background = getStyle(elm, 'background', 'backgroundImage').replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
-
-               action = "update";
-       }
-
-       addClassesToList('class', "table_styles");
-
-       // Update form
-       selectByValue(formObj, 'align', align);
-       selectByValue(formObj, 'class', className);
-       formObj.cols.value = cols;
-       formObj.rows.value = rows;
-       formObj.border.value = border;
-       formObj.cellpadding.value = cellpadding;
-       formObj.cellspacing.value = cellspacing;
-       formObj.width.value = width;
-       formObj.height.value = height;
-       formObj.bordercolor.value = bordercolor;
-       formObj.bgcolor.value = bgcolor;
-       formObj.id.value = id;
-       formObj.summary.value = summary;
-       formObj.style.value = style;
-       formObj.dir.value = dir;
-       formObj.lang.value = lang;
-       formObj.backgroundimage.value = background;
-       formObj.insert.value = tinyMCE.getLang('lang_' + action, 'Insert', true); 
-
-       updateColor('bordercolor_pick', 'bordercolor');
-       updateColor('bgcolor_pick', 'bgcolor');
-
-       // Resize some elements
-       if (isVisible('backgroundimagebrowser'))
-               document.getElementById('backgroundimage').style.width = '180px';
-
-       // Disable some fields in update mode
-       if (action == "update") {
-               formObj.cols.disabled = true;
-               formObj.rows.disabled = true;
-       }
-}
-
-function changedSize() {
-       var formObj = document.forms[0];
-       var st = tinyMCE.parseStyle(formObj.style.value);
-
-       var width = formObj.width.value;
-       if (width != "")
-               st['width'] = tinyMCE.getParam("inline_styles") ? getCSSSize(width) : "";
-       else
-               st['width'] = "";
-
-       var height = formObj.height.value;
-       if (height != "")
-               st['height'] = getCSSSize(height);
-       else
-               st['height'] = "";
-
-       formObj.style.value = tinyMCE.serializeStyle(st);
-}
-
-function changedBackgroundImage() {
-       var formObj = document.forms[0];
-       var st = tinyMCE.parseStyle(formObj.style.value);
-
-       st['background-image'] = "url('" + formObj.backgroundimage.value + "')";
-
-       formObj.style.value = tinyMCE.serializeStyle(st);
-}
-
-function changedColor() {
-       var formObj = document.forms[0];
-       var st = tinyMCE.parseStyle(formObj.style.value);
-
-       st['background-color'] = formObj.bgcolor.value;
-       st['border-color'] = formObj.bordercolor.value;
-
-       formObj.style.value = tinyMCE.serializeStyle(st);
-}
-
-function changedStyle() {
-       var formObj = document.forms[0];
-       var st = tinyMCE.parseStyle(formObj.style.value);
-
-       if (st['background-image'])
-               formObj.backgroundimage.value = st['background-image'].replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
-       else
-               formObj.backgroundimage.value = '';
-
-       if (st['width'])
-               formObj.width.value = trimSize(st['width']);
-
-       if (st['height'])
-               formObj.height.value = trimSize(st['height']);
-
-       if (st['background-color']) {
-               formObj.bgcolor.value = st['background-color'];
-               updateColor('bgcolor_pick','bgcolor');
-       }
-
-       if (st['border-color']) {
-               formObj.bordercolor.value = st['border-color'];
-               updateColor('bordercolor_pick','bordercolor');
-       }
-}
+var action, orgTableWidth, orgTableHeight;\r
+\r
+function insertTable() {\r
+       tinyMCEPopup.restoreSelection();\r
+\r
+       var formObj = document.forms[0];\r
+       var inst = tinyMCE.selectedInstance;\r
+       var cols = 2, rows = 2, border = 0, cellpadding = -1, cellspacing = -1, align, width, height, className;\r
+       var html = '';\r
+       var elm = tinyMCE.tableElm;\r
+\r
+       // Get form data\r
+       cols = formObj.elements['cols'].value;\r
+       rows = formObj.elements['rows'].value;\r
+       border = formObj.elements['border'].value != "" ? formObj.elements['border'].value  : 0;\r
+       cellpadding = formObj.elements['cellpadding'].value != "" ? formObj.elements['cellpadding'].value : "";\r
+       cellspacing = formObj.elements['cellspacing'].value != "" ? formObj.elements['cellspacing'].value : "";\r
+       align = formObj.elements['align'].options[formObj.elements['align'].selectedIndex].value;\r
+       width = formObj.elements['width'].value;\r
+       height = formObj.elements['height'].value;\r
+       bordercolor = formObj.elements['bordercolor'].value;\r
+       bgcolor = formObj.elements['bgcolor'].value;\r
+       className = formObj.elements['class'].options[formObj.elements['class'].selectedIndex].value;\r
+       id = formObj.elements['id'].value;\r
+       summary = formObj.elements['summary'].value;\r
+       style = formObj.elements['style'].value;\r
+       dir = formObj.elements['dir'].value;\r
+       lang = formObj.elements['lang'].value;\r
+       background = formObj.elements['backgroundimage'].value;\r
+\r
+       // Update table\r
+       if (action == "update") {\r
+               inst.execCommand('mceBeginUndoLevel');\r
+\r
+               tinyMCE.setAttrib(elm, 'cellPadding', cellpadding, true);\r
+               tinyMCE.setAttrib(elm, 'cellSpacing', cellspacing, true);\r
+               tinyMCE.setAttrib(elm, 'border', border, true);\r
+               tinyMCE.setAttrib(elm, 'align', align);\r
+               tinyMCE.setAttrib(elm, 'class', className);\r
+               tinyMCE.setAttrib(elm, 'style', style);\r
+               tinyMCE.setAttrib(elm, 'id', id);\r
+               tinyMCE.setAttrib(elm, 'summary', summary);\r
+               tinyMCE.setAttrib(elm, 'dir', dir);\r
+               tinyMCE.setAttrib(elm, 'lang', lang);\r
+\r
+               // Not inline styles\r
+               if (!tinyMCE.getParam("inline_styles"))\r
+                       tinyMCE.setAttrib(elm, 'width', width, true);\r
+\r
+               // Remove these since they are not valid XHTML\r
+               tinyMCE.setAttrib(elm, 'borderColor', '');\r
+               tinyMCE.setAttrib(elm, 'bgColor', '');\r
+               tinyMCE.setAttrib(elm, 'background', '');\r
+               tinyMCE.setAttrib(elm, 'height', '');\r
+\r
+               if (background != '')\r
+                       elm.style.backgroundImage = "url('" + background + "')";\r
+               else\r
+                       elm.style.backgroundImage = '';\r
+\r
+               if (tinyMCE.getParam("inline_styles"))\r
+                       elm.style.borderWidth = border + "px";\r
+\r
+               if (tinyMCE.getParam("inline_styles")) {\r
+                       if (width != '')\r
+                               elm.style.width = getCSSSize(width);\r
+               }\r
+\r
+               if (bordercolor != "") {\r
+                       elm.style.borderColor = bordercolor;\r
+                       elm.style.borderStyle = elm.style.borderStyle == "" ? "solid" : elm.style.borderStyle;\r
+                       elm.style.borderWidth = border == "" ? "1px" : border;\r
+               } else\r
+                       elm.style.borderColor = '';\r
+\r
+               elm.style.backgroundColor = bgcolor;\r
+               elm.style.height = getCSSSize(height);\r
+\r
+               tinyMCE.handleVisualAid(tinyMCE.tableElm, false, inst.visualAid, inst);\r
+\r
+               // Fix for stange MSIE align bug\r
+               tinyMCE.tableElm.outerHTML = tinyMCE.tableElm.outerHTML;\r
+\r
+               tinyMCE.handleVisualAid(inst.getBody(), true, inst.visualAid, inst);\r
+               tinyMCE.triggerNodeChange();\r
+               inst.execCommand('mceEndUndoLevel');\r
+\r
+               // Repaint if dimensions changed\r
+               if (formObj.width.value != orgTableWidth || formObj.height.value != orgTableHeight)\r
+                       inst.repaint();\r
+\r
+               tinyMCEPopup.close();\r
+               return true;\r
+       }\r
+\r
+       // Create new table\r
+       html += '<table';\r
+\r
+       html += makeAttrib('id', id);\r
+       html += makeAttrib('border', border);\r
+       html += makeAttrib('cellpadding', cellpadding);\r
+       html += makeAttrib('cellspacing', cellspacing);\r
+       html += makeAttrib('width', width);\r
+       //html += makeAttrib('height', height);\r
+       //html += makeAttrib('bordercolor', bordercolor);\r
+       //html += makeAttrib('bgcolor', bgcolor);\r
+       html += makeAttrib('align', align);\r
+       html += makeAttrib('class', tinyMCE.getVisualAidClass(className, border == 0));\r
+       html += makeAttrib('style', style);\r
+       html += makeAttrib('summary', summary);\r
+       html += makeAttrib('dir', dir);\r
+       html += makeAttrib('lang', lang);\r
+\r
+       html += '>';\r
+\r
+       for (var y=0; y<rows; y++) {\r
+               html += "<tr>";\r
+\r
+               for (var x=0; x<cols; x++)\r
+                       html += '<td>&nbsp;</td>';\r
+\r
+               html += "</tr>";\r
+       }\r
+\r
+       html += "</table>";\r
+\r
+       inst.execCommand('mceBeginUndoLevel');\r
+       inst.execCommand('mceInsertContent', false, html);\r
+       tinyMCE.handleVisualAid(inst.getBody(), true, tinyMCE.settings['visual']);\r
+       inst.execCommand('mceEndUndoLevel');\r
+\r
+       tinyMCEPopup.close();\r
+}\r
+\r
+function makeAttrib(attrib, value) {\r
+       var formObj = document.forms[0];\r
+       var valueElm = formObj.elements[attrib];\r
+\r
+       if (typeof(value) == "undefined" || value == null) {\r
+               value = "";\r
+\r
+               if (valueElm)\r
+                       value = valueElm.value;\r
+       }\r
+\r
+       if (value == "")\r
+               return "";\r
+\r
+       // XML encode it\r
+       value = value.replace(/&/g, '&amp;');\r
+       value = value.replace(/\"/g, '&quot;');\r
+       value = value.replace(/</g, '&lt;');\r
+       value = value.replace(/>/g, '&gr;');\r
+\r
+       return ' ' + attrib + '="' + value + '"';\r
+}\r
+\r
+function init() {\r
+       tinyMCEPopup.resizeToInnerSize();\r
+\r
+       document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table');\r
+       document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table');\r
+       document.getElementById('bordercolor_pickcontainer').innerHTML = getColorPickerHTML('bordercolor_pick','bordercolor');\r
+       document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor');\r
+\r
+       var cols = 2, rows = 2, border = 0, cellpadding = "", cellspacing = "";\r
+       var align = "", width = "", height = "", bordercolor = "", bgcolor = "", className = "";\r
+       var id = "", summary = "", style = "", dir = "", lang = "", background = "", bgcolor = "", bordercolor = "";\r
+       var inst = tinyMCE.selectedInstance;\r
+       var formObj = document.forms[0];\r
+       var elm = tinyMCE.getParentElement(inst.getFocusElement(), "table");\r
+\r
+       tinyMCE.tableElm = elm;\r
+       action = tinyMCE.getWindowArg('action');\r
+       if (action == null)\r
+               action = tinyMCE.tableElm ? "update" : "insert";\r
+\r
+       if (tinyMCE.tableElm && action != "insert") {\r
+               var rowsAr = tinyMCE.tableElm.rows;\r
+               var cols = 0;\r
+               for (var i=0; i<rowsAr.length; i++)\r
+                       if (rowsAr[i].cells.length > cols)\r
+                               cols = rowsAr[i].cells.length;\r
+\r
+               cols = cols;\r
+               rows = rowsAr.length;\r
+\r
+               st = tinyMCE.parseStyle(tinyMCE.getAttrib(tinyMCE.tableElm, "style"));\r
+               border = trimSize(getStyle(elm, 'border', 'borderWidth'));\r
+               cellpadding = tinyMCE.getAttrib(tinyMCE.tableElm, 'cellpadding', "");\r
+               cellspacing = tinyMCE.getAttrib(tinyMCE.tableElm, 'cellspacing', "");\r
+               width = trimSize(getStyle(elm, 'width', 'width'));\r
+               height = trimSize(getStyle(elm, 'height', 'height'));\r
+               bordercolor = convertRGBToHex(getStyle(elm, 'bordercolor', 'borderLeftColor'));\r
+               bgcolor = convertRGBToHex(getStyle(elm, 'bgcolor', 'backgroundColor'));\r
+               align = tinyMCE.getAttrib(tinyMCE.tableElm, 'align', align);\r
+               className = tinyMCE.getVisualAidClass(tinyMCE.getAttrib(tinyMCE.tableElm, 'class'), false);\r
+               id = tinyMCE.getAttrib(tinyMCE.tableElm, 'id');\r
+               summary = tinyMCE.getAttrib(tinyMCE.tableElm, 'summary');\r
+               style = tinyMCE.serializeStyle(st);\r
+               dir = tinyMCE.getAttrib(tinyMCE.tableElm, 'dir');\r
+               lang = tinyMCE.getAttrib(tinyMCE.tableElm, 'lang');\r
+               background = getStyle(elm, 'background', 'backgroundImage').replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");\r
+\r
+               orgTableWidth = width;\r
+               orgTableHeight = height;\r
+\r
+               action = "update";\r
+       }\r
+\r
+       addClassesToList('class', "table_styles");\r
+\r
+       // Update form\r
+       selectByValue(formObj, 'align', align);\r
+       selectByValue(formObj, 'class', className);\r
+       formObj.cols.value = cols;\r
+       formObj.rows.value = rows;\r
+       formObj.border.value = border;\r
+       formObj.cellpadding.value = cellpadding;\r
+       formObj.cellspacing.value = cellspacing;\r
+       formObj.width.value = width;\r
+       formObj.height.value = height;\r
+       formObj.bordercolor.value = bordercolor;\r
+       formObj.bgcolor.value = bgcolor;\r
+       formObj.id.value = id;\r
+       formObj.summary.value = summary;\r
+       formObj.style.value = style;\r
+       formObj.dir.value = dir;\r
+       formObj.lang.value = lang;\r
+       formObj.backgroundimage.value = background;\r
+       formObj.insert.value = tinyMCE.getLang('lang_' + action, 'Insert', true); \r
+\r
+       updateColor('bordercolor_pick', 'bordercolor');\r
+       updateColor('bgcolor_pick', 'bgcolor');\r
+\r
+       // Resize some elements\r
+       if (isVisible('backgroundimagebrowser'))\r
+               document.getElementById('backgroundimage').style.width = '180px';\r
+\r
+       // Disable some fields in update mode\r
+       if (action == "update") {\r
+               formObj.cols.disabled = true;\r
+               formObj.rows.disabled = true;\r
+       }\r
+}\r
+\r
+function changedSize() {\r
+       var formObj = document.forms[0];\r
+       var st = tinyMCE.parseStyle(formObj.style.value);\r
+\r
+       var width = formObj.width.value;\r
+       if (width != "")\r
+               st['width'] = tinyMCE.getParam("inline_styles") ? getCSSSize(width) : "";\r
+       else\r
+               st['width'] = "";\r
+\r
+       var height = formObj.height.value;\r
+       if (height != "")\r
+               st['height'] = getCSSSize(height);\r
+       else\r
+               st['height'] = "";\r
+\r
+       formObj.style.value = tinyMCE.serializeStyle(st);\r
+}\r
+\r
+function changedBackgroundImage() {\r
+       var formObj = document.forms[0];\r
+       var st = tinyMCE.parseStyle(formObj.style.value);\r
+\r
+       st['background-image'] = "url('" + formObj.backgroundimage.value + "')";\r
+\r
+       formObj.style.value = tinyMCE.serializeStyle(st);\r
+}\r
+\r
+function changedBorder() {\r
+       var formObj = document.forms[0];\r
+       var st = tinyMCE.parseStyle(formObj.style.value);\r
+\r
+       // Update border width if the element has a color\r
+       if (formObj.border.value != "" && formObj.bordercolor.value != "")\r
+               st['border-width'] = formObj.border.value + "px";\r
+\r
+       formObj.style.value = tinyMCE.serializeStyle(st);\r
+}\r
+\r
+function changedColor() {\r
+       var formObj = document.forms[0];\r
+       var st = tinyMCE.parseStyle(formObj.style.value);\r
+\r
+       st['background-color'] = formObj.bgcolor.value;\r
+\r
+       if (formObj.bordercolor.value != "") {\r
+               st['border-color'] = formObj.bordercolor.value;\r
+\r
+               // Add border-width if it's missing\r
+               if (!st['border-width'])\r
+                       st['border-width'] = formObj.border.value == "" ? "1px" : formObj.border.value + "px";\r
+       }\r
+\r
+       formObj.style.value = tinyMCE.serializeStyle(st);\r
+}\r
+\r
+function changedStyle() {\r
+       var formObj = document.forms[0];\r
+       var st = tinyMCE.parseStyle(formObj.style.value);\r
+\r
+       if (st['background-image'])\r
+               formObj.backgroundimage.value = st['background-image'].replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");\r
+       else\r
+               formObj.backgroundimage.value = '';\r
+\r
+       if (st['width'])\r
+               formObj.width.value = trimSize(st['width']);\r
+\r
+       if (st['height'])\r
+               formObj.height.value = trimSize(st['height']);\r
+\r
+       if (st['background-color']) {\r
+               formObj.bgcolor.value = st['background-color'];\r
+               updateColor('bgcolor_pick','bgcolor');\r
+       }\r
+\r
+       if (st['border-color']) {\r
+               formObj.bordercolor.value = st['border-color'];\r
+               updateColor('bordercolor_pick','bordercolor');\r
+       }\r
+}\r