/********************************************************************
 * openWYSIWYG v1.47 Copyright (c) 2006 openWebWare.com 
 * Contact us at devs@openwebware.com
 * This copyright notice MUST stay intact for use.
 *
 * $Id: wysiwyg.js,v 1.22 2007/09/08 21:45:57 xhaggi Exp $
 * $Revision: 1.22 $
 *
 * An open source WYSIWYG editor for use in web based applications.
 * For full source code and docs, visit http://www.openwebware.com
 *
 * This library is free software; you can redistribute it and/or modify 
 * it under the terms of the GNU Lesser General Public License as published 
 * by the Free Software Foundation; either version 2.1 of the License, or 
 * (at your option) any later version.
 *
 * This library is distributed in the hope that it will be useful, but 
 * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY 
 * or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public 
 * License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License along 
 * with this library; if not, write to the Free Software Foundation, Inc., 59 
 * Temple Place, Suite 330, Boston, MA 02111-1307 USA  
 ********************************************************************/
var WYSIWYG = {
/**
 * Settings class, holds all customizeable properties
 */
Settings: function() {
// Images Directory
this.ImagesDir = "/Energia/html/themes/energiaHome-theme/openwysiwyg/images/";
// Popups Directory
this.PopupsDir = "/Energia/html/themes/energiaHome-theme/openwysiwyg/popups/";
// CSS Directory File
this.CSSFile = "/Energia/html/themes/energiaHome-theme/openwysiwyg/styles/wysiwyg.css";		
// Default WYSIWYG width and height (use px or %)
this.Width = "500px";
this.Height = "200px";
// Default stylesheet of the WYSIWYG editor window
this.DefaultStyle = "font-family: Arial; font-size: 12px; background-color: #FFFFFF";
// Stylesheet if editor is disabled
this.DisabledStyle = "font-family: Arial; font-size: 12px; background-color: #EEEEEE";
// Width + Height of the preview window
this.PreviewWidth = 500;
this.PreviewHeight = 400;
// Confirmation message if you strip any HTML added by word
//this.RemoveFormatConfMessage = "Clean HTML inserted by MS Word ?";
this.RemoveFormatConfMessage = "Pulisci il codice HTML inserito copiando un file da Word?";
// Nofication if browser is not supported by openWYSIWYG, leave it blank for no message output.
//this.NoValidBrowserMessage = "openWYSIWYG does not support your browser.";
this.NoValidBrowserMessage = "L'editor openWYSIWYG non è supportato dal tuo browser.";
// Anchor path to strip, leave it blank to ignore
// or define auto to strip the path where the editor is placed 
// (only IE)
this.AnchorPathToStrip = "auto";
// Image path to strip, leave it blank to ignore
// or define auto to strip the path where the editor is placed 
// (only IE)
this.ImagePathToStrip = "auto";
// Enable / Disable the custom context menu
this.ContextMenu = true;
// Enabled the status bar update. Within the status bar 
// node tree of the actually selected element will build
this.StatusBarEnabled = true;
// If enabled than the capability of the IE inserting line breaks will be inverted.
// Normal: ENTER = <p> , SHIFT + ENTER = <br>
// Inverted: ENTER = <br>, SHIFT + ENTER = <p>
this.InvertIELineBreaks = false;
// Replace line breaks with <br> tags
this.ReplaceLineBreaks = false;
      
// Page that opened the WYSIWYG (Used for the return command)
this.Opener = "admin.asp";
// Insert image implementation
this.ImagePopupFile = "";
this.ImagePopupWidth = 0;
this.ImagePopupHeight = 0;
// Holds the available buttons displayed 
// on the toolbar of the editor
this.Toolbar = new Array();
this.Toolbar[0] = new Array(
"font", 
"fontsize",
//"headings",	
"bold", 
"italic", 
"underline", 
"strikethrough",
"seperator", 
"forecolor", 
"backcolor", 
"seperator",
"justifyfull", 
"justifyleft", 
"justifycenter", 
"justifyright", 
"seperator", 
"unorderedlist", 
"orderedlist",
"outdent", 
"indent"
);
this.Toolbar[1] = new Array(
"save",
// "return",  // return button disabled by default
"seperator", 
"subscript", 
"superscript", 
"seperator", 
"cut", 
"copy", 
"paste",
"removeformat",
"seperator", 
"undo", 
"redo", 
"seperator", 
"inserttable", 
//"insertimage", 
"createlink", 
//"seperator",  
//"preview", 
//"print",
"seperator", 
"viewSource"//,
//"maximize", 
//"seperator", 
//"help"
);
// DropDowns
this.DropDowns = new Array();
// Fonts
this.DropDowns['font'] = {
id: "fonts",
command: "FontName",
label: "<font style=\"font-family:{value};font-size:12px;\">{value}</font>",
width: "90px",
elements: new Array(
"Arial", 
"Sans Serif", 
"Tahoma", 
"Verdana", 
"Courier New", 
"Georgia", 
"Times New Roman", 
"Impact", 
"Comic Sans MS"
)
};
// Font sizes
this.DropDowns['fontsize'] = {	
id: "fontsizes",
command: "FontSize",
label: "<font size=\"{value}\">Size {value}</font>",
width: "54px",
elements: new Array(
"1", 
"2", 
"3", 
"4", 
"5", 
"6", 
"7"
)
};
// Headings
this.DropDowns['headings'] = {	
id: "headings",
command: "FormatBlock",
label: "<{value} style=\"margin:0px;text-decoration:none;font-family:Arial\">{value}</{value}>",
width: "74px",
elements: new Array(
"H1", 
"H2", 
"H3", 
"H4", 
"H5", 
"H6"
)
};
// Add the given element to the defined toolbar
// on the defined position
this.addToolbarElement = function(element, toolbar, position) {
if(element != "seperator") {this.removeToolbarElement(element);}
if(this.Toolbar[toolbar-1] == null) {
this.Toolbar[toolbar-1] = new Array();
}
this.Toolbar[toolbar-1].splice(position+1, 1, element);			
};
// Remove an element from the toolbar
this.removeToolbarElement = function(element) {
if(element == "seperator") {return;} // do not remove seperators
for(var i=0;i<this.Toolbar.length;i++) {
if(this.Toolbar[i]) {
var toolbar = this.Toolbar[i];
for(var j=0;j<toolbar.length;j++) {
if(toolbar[j] != null && toolbar[j] == element) {
this.Toolbar[i].splice(j,1);
}
}
}
}
};
// clear all or a given toolbar
this.clearToolbar = function(toolbar) {
if(typeof toolbar == "undefined") {
this.Toolbar = new Array();
}
else {
this.Toolbar[toolbar+1] = new Array();
}
};
},
/* ---------------------------------------------------------------------- *\
!! Do not change something below or you know what you are doning !!
\* ---------------------------------------------------------------------- */	
// List of available block formats (not in use)
//BlockFormats: new Array("Address", "Bulleted List", "Definition", "Definition Term", "Directory List", "Formatted", "Heading 1", "Heading 2", "Heading 3", "Heading 4", "Heading 5", "Heading 6", "Menu List", "Normal", "Numbered List"),
// List of available actions and their respective ID and images
ToolbarList: {
//Name              buttonID               buttonTitle           	buttonImage               buttonImageRollover
"bold":           ['Bold',                 'Bold',               	'bold.gif',               'bold_on.gif'],
"italic":         ['Italic',               'Italic',             	'italics.gif',            'italics_on.gif'],
"underline":      ['Underline',            'Underline',          	'underline.gif',          'underline_on.gif'],
"strikethrough":  ['Strikethrough',        'Strikethrough',      	'strikethrough.gif',      'strikethrough_on.gif'],
"seperator":      ['',                     '',                   	'seperator.gif',          'seperator.gif'],
"subscript":      ['Subscript',            'Subscript',          	'subscript.gif',          'subscript_on.gif'],
"superscript":    ['Superscript',          'Superscript',        	'superscript.gif',        'superscript_on.gif'],
"justifyleft":    ['Justifyleft',          'Justifyleft',        	'justify_left.gif',       'justify_left_on.gif'],
"justifycenter":  ['Justifycenter',        'Justifycenter',      	'justify_center.gif',     'justify_center_on.gif'],
"justifyright":   ['Justifyright',         'Justifyright',       	'justify_right.gif',      'justify_right_on.gif'],
"justifyfull": 	  ['Justifyfull', 		   'Justifyfull', 			'justify_justify.gif', 	  'justify_justify_on.gif'], 
"unorderedlist":  ['InsertUnorderedList',  'Insert Unordered List',	'list_unordered.gif',     'list_unordered_on.gif'],
"orderedlist":    ['InsertOrderedList',    'Insert Ordered List',  	'list_ordered.gif',       'list_ordered_on.gif'],
"outdent":        ['Outdent',              'Outdent',            	'indent_left.gif',        'indent_left_on.gif'],
"indent":         ['Indent',               'Indent',             	'indent_right.gif',       'indent_right_on.gif'],
"cut":            ['Cut',                  'Cut',                	'cut.gif',                'cut_on.gif'],
"copy":           ['Copy',                 'Copy',               	'copy.gif',               'copy_on.gif'],
"paste":          ['Paste',                'Paste',              	'paste.gif',              'paste_on.gif'],
"forecolor":      ['ForeColor',            'Fore Color',          	'forecolor.gif',          'forecolor_on.gif'],
"backcolor":      ['BackColor',            'Back Color',          	'backcolor.gif',          'backcolor_on.gif'],
"undo":           ['Undo',                 'Undo',               	'undo.gif',               'undo_on.gif'],
"redo":           ['Redo',                 'Redo',               	'redo.gif',               'redo_on.gif'],
"inserttable":    ['InsertTable',          'Insert Table',        	'insert_table.gif',       'insert_table_on.gif'],
"insertimage":    ['InsertImage',          'Insert Image',        	'insert_picture.gif',     'insert_picture_on.gif'],
"createlink":     ['CreateLink',           'Create Link',         	'insert_hyperlink.gif',   'insert_hyperlink_on.gif'],
"viewSource":     ['ViewSource',           'View Source',         	'view_source.gif',        'view_source_on.gif'],
"viewText":       ['ViewText',             'View Text',           	'view_text.gif',          'view_text_on.gif'],
"help":           ['Help',                 'Help',               	'help.gif',               'help_on.gif'],
"fonts":     	  ['Fonts',           	   'Select Font',        	'select_font.gif',        'select_font_on.gif'],
"fontsizes":      ['Fontsizes',            'Select Size',        	'select_size.gif',        'select_size_on.gif'],
"headings":       ['Headings',             'Select Size',        	'select_heading.gif',     'select_heading_on.gif'],
"preview":		  ['Preview', 			   'Preview',       	 	'preview.gif',			  'preview_on.gif'],
"print":		  ['Print', 			   'Print',       	 	 	'print.gif',			  'print_on.gif'],
"removeformat":   ['RemoveFormat',         'Strip Word HTML',    	'remove_format.gif',      'remove_format_on.gif'],
"delete":         ['Delete',               'Delete',             	'delete.gif',     		  'delete_on.gif'],
"save": 		  ['Save', 				   'Save document',         'save.gif', 			  'save_on.gif'],
"return": 		  ['Return', 			   'Return without saving', 'return.gif', 			  'return_on.gif'],
"maximize": 	  ['Maximize', 			   'Maximize the editor',   'maximize.gif', 		  'maximize_on.gif']
},
// stores the different settings for each textarea
// the textarea identifier is used to store the settings object
config: new Array(),
// Create viewTextMode global variable and set to 0
// enabling all toolbar commands while in HTML mode
viewTextMode: new Array(),
// maximized
maximized: new Array(),
/**
 * Get the range of the given selection
 *
 * @param {Selection} sel Selection object
 * @return {Range} Range object
 */
getRange: function(sel) {
return sel.createRange ? sel.createRange() : sel.getRangeAt(0);
},
/**
 * Return the editor div element
 *
 * @param {String} n Editor identifier 
 * @return {HtmlDivElement} Iframe object
 */
getEditorDiv: function(n) {
return $("wysiwyg_div_" + n);
},
/**
 * Return the editor table element
 *
 * @param {String} n Editor identifier 
 * @return {HtmlTableElement} Iframe object
 */
getEditorTable: function(n) {
return $("wysiwyg_table_" + n);
},
/**
 * Get the iframe object of the WYSIWYG editor
 * 
 * @param {String} n Editor identifier 
 * @return {HtmlIframeElement} Iframe object
 */
getEditor: function(n) {
return $("wysiwyg" + n);
},
/**
 * Get editors window element
 *
 * @param {String} n Editor identifier 
 * @return {HtmlWindowElement} Html window object
 */
getEditorWindow: function(n) {
return this.getEditor(n).contentWindow;
},
/**
 * Attach the WYSIWYG editor to the given textarea element
 *
 * @param {String} id Textarea identifier (all = all textareas)
 * @param {Settings} settings the settings which will be applied to the textarea
 */
attach: function(id, settings) {	
if(id != "all") {	
this.setSettings(id, settings);
WYSIWYG_Core.includeCSS(this.config[id].CSSFile);
WYSIWYG_Core.addEvent(window, "load", function generateEditor() {WYSIWYG._generate(id, settings);});
}
else {
WYSIWYG_Core.addEvent(window, "load", function generateEditor() {WYSIWYG.attachAll(settings);});
}
},
/**
 * Attach the WYSIWYG editor to all textarea elements
 *
 * @param {Settings} settings Settings to customize the look and feel
 */
attachAll: function(settings) {
var areas = document.getElementsByTagName("textarea");
for(var i=0;i<areas.length;i++) {
var id = areas[i].getAttribute("id");
if(id == null || id == "") continue;
this.setSettings(id, settings);
WYSIWYG_Core.includeCSS(this.config[id].CSSFile);
WYSIWYG._generate(id, settings);
}
},
/**
 * Display an iframe instead of the textarea. 
 * It's used as textarea replacement to display HTML.
 *
 * @param id Textarea identifier (all = all textareas)
 * @param settings the settings which will be applied to the textarea
 */
display: function(id, settings) {	
if(id != "all") {	
this.setSettings(id, settings);
WYSIWYG_Core.includeCSS(this.config[id].CSSFile);
WYSIWYG_Core.addEvent(window, "load", function displayIframe() {WYSIWYG._display(id, settings);});
}
else {
WYSIWYG_Core.addEvent(window, "load", function displayIframe() {WYSIWYG.displayAll(settings);});
}
},
/**
 * Display an iframe instead of the textarea. 
 * It's apply the iframe to all textareas found in the current document.
 *
 * @param settings Settings to customize the look and feel
 */
displayAll: function(settings) {
var areas = document.getElementsByTagName("textarea");
for(var i=0;i<areas.length;i++) {
var id = areas[i].getAttribute("id");
if(id == null || id == "") continue;
this.setSettings(id, settings);
WYSIWYG_Core.includeCSS(this.config[id].CSSFile);
WYSIWYG._display(id, settings);
}
},
/**
 * Set settings in config array, use the textarea id as identifier
 * 
 * @param n Textarea identifier (all = all textareas)
 * @param settings the settings which will be applied to the textarea
 */
setSettings: function(n, settings) {
if(typeof(settings) != "object") {
this.config[n] = new this.Settings();
}
else {
this.config[n] = settings;
}
},
/**
 * Insert or modify an image
 * 
 * @param {String} src Source of the image
 * @param {Integer} width Width
 * @param {Integer} height Height
 * @param {String} align Alignment of the image
 * @param {String} border Border size
 * @param {String} alt Alternativ Text
 * @param {Integer} hspace Horizontal Space
 * @param {Integer} vspace Vertical Space
 * @param {String} n The editor identifier (the textarea's ID)
 */
insertImage: function(src, width, height, align, border, alt, hspace, vspace, n) {
// get editor
var doc = this.getEditorWindow(n).document;
// get selection and range
var sel = this.getSelection(n);
var range = this.getRange(sel);
// the current tag of range
var img = this.findParent("img", range);
// element is not a link
var update = (img == null) ? false : true;
if(!update) {
img = doc.createElement("img");
}
// set the attributes
WYSIWYG_Core.setAttribute(img, "src", src);
WYSIWYG_Core.setAttribute(img, "style", "width:" + width + ";height:" + height);
if(align != "") { WYSIWYG_Core.setAttribute(img, "align", align); } else { img.removeAttribute("align"); }
WYSIWYG_Core.setAttribute(img, "border", border);
WYSIWYG_Core.setAttribute(img, "alt", alt);
WYSIWYG_Core.setAttribute(img, "hspace", hspace);
WYSIWYG_Core.setAttribute(img, "vspace", vspace);
img.removeAttribute("width");
img.removeAttribute("height");
// on update exit here
if(update) { return; }   
// Check if IE or Mozilla (other)
if (WYSIWYG_Core.isMSIE) {
range.pasteHTML(img.outerHTML);   
}
else {
this.insertNodeAtSelection(img, n);
}
},
/**
 * Insert or modify a link
 * 
 * @param {String} href The url of the link
 * @param {String} target Target of the link
 * @param {String} style Stylesheet of the link
 * @param {String} styleClass Stylesheet class of the link
 * @param {String} name Name attribute of the link
 * @param {String} n The editor identifier (the textarea's ID)
 */
insertLink: function(href, target, style, styleClass, name, n) {
// get editor
var doc = this.getEditorWindow(n).document;
// get selection and range
var sel = this.getSelection(n);
var range = this.getRange(sel);
var lin = null;
// get element from selection
if(WYSIWYG_Core.isMSIE) {
if(sel.type == "Control" && range.length == 1) {	
range = this.getTextRange(range(0));
range.select();
}
}
// find a as parent element
lin = this.findParent("a", range);
// check if parent is found
var update = (lin == null) ? false : true;
if(!update) {
lin = doc.createElement("a");
}
// set the attributes
WYSIWYG_Core.setAttribute(lin, "href", href);
WYSIWYG_Core.setAttribute(lin, "class", styleClass);
WYSIWYG_Core.setAttribute(lin, "className", styleClass);
WYSIWYG_Core.setAttribute(lin, "target", target);
WYSIWYG_Core.setAttribute(lin, "name", name);
WYSIWYG_Core.setAttribute(lin, "style", style);
// on update exit here
if(update) { return; }
// Check if IE or Mozilla (other)
if (WYSIWYG_Core.isMSIE) {	
range.select();
lin.innerHTML = range.htmlText;
range.pasteHTML(lin.outerHTML);   
} 
else {			
var node = range.startContainer;	
var pos = range.startOffset;
if(node.nodeType != 3) { node = node.childNodes[pos]; }
if(node.tagName)
lin.appendChild(node);
else
lin.innerHTML = sel;
this.insertNodeAtSelection(lin, n);
}
},
/**
 * Strips any HTML added by word
 *
     * @param {String} n The editor identifier (the textarea's ID)
 */
removeFormat: function(n) {
if ( !confirm(this.config[n].RemoveFormatConfMessage) ) { return; }
var doc = this.getEditorWindow(n).document;
var str = doc.body.innerHTML;
str = str.replace(/<span([^>])*>(&nbsp;)*\s*<\/span>/gi, '');
    str = str.replace(/<span[^>]*>/gi, '');
    str = str.replace(/<\/span[^>]*>/gi, '');
    str = str.replace(/<p([^>])*>(&nbsp;)*\s*<\/p>/gi, '');
    str = str.replace(/<p[^>]*>/gi, '');
    str = str.replace(/<\/p[^>]*>/gi, '');
    str = str.replace(/<h([^>])[0-9]>(&nbsp;)*\s*<\/h>/gi, '');
    str = str.replace(/<h[^>][0-9]>/gi, '');
    str = str.replace(/<\/h[^>][0-9]>/gi, ''); 
str = str.replace (/<B [^>]*>/ig, '<b>');
// var repl_i1 = /<I[^>]*>/ig;
// str = str.replace (repl_i1, '<i>');
str = str.replace (/<DIV[^>]*>/ig, '');
str = str.replace (/<\/DIV>/gi, '');
str = str.replace (/<[\/\w?]+:[^>]*>/ig, '');
str = str.replace (/(&nbsp;){2,}/ig, '&nbsp;');
str = str.replace (/<STRONG>/ig, '');
str = str.replace (/<\/STRONG>/ig, '');
str = str.replace (/<TT>/ig, '');
str = str.replace (/<\/TT>/ig, '');
str = str.replace (/<FONT [^>]*>/ig, '');
str = str.replace (/<\/FONT>/ig, '');
str = str.replace (/STYLE=\"[^\"]*\"/ig, '');
str = str.replace(/<([\w]+) class=([^ |>]*)([^>]*)/gi, '<$1$3');
  	    str = str.replace(/<([\w]+) style="([^"]*)"([^>]*)/gi, '<$1$3'); 
str = str.replace(/width=([^ |>]*)([^>]*)/gi, '');
    str = str.replace(/classname=([^ |>]*)([^>]*)/gi, '');
    str = str.replace(/align=([^ |>]*)([^>]*)/gi, '');
    str = str.replace(/valign=([^ |>]*)([^>]*)/gi, '');
    str = str.replace(/<\\?\??xml[^>]>/gi, '');
    str = str.replace(/<\/?\w+:[^>]*>/gi, '');
    str = str.replace(/<st1:.*?>/gi, '');
    str = str.replace(/o:/gi, ''); 
    
    str = str.replace(/<!--([^>])*>(&nbsp;)*\s*<\/-->/gi, '');
   		str = str.replace(/<!--[^>]*>/gi, '');
   		str = str.replace(/<\/--[^>]*>/gi, '');
doc.body.innerHTML = str;
},
/**
 * Display an iframe instead of the textarea.
 * 
 * @private
 * @param {String} n The editor identifier (the textarea's ID)
 * @param {Object} settings Object which holds the settings
 */
_display: function(n, settings) {
// Get the textarea element
var textarea = $(n);
// Validate if textarea exists
if(textarea == null) {
alert("No textarea found with the given identifier (ID: " + n + ").");
return;
}
// Validate browser compatiblity
if(!WYSIWYG_Core.isBrowserCompatible()) {
if(this.config[n].NoValidBrowserMessage != "") { alert(this.config[n].NoValidBrowserMessage); }
return;
}
    // Load settings in config array, use the textarea id as identifier
if(typeof(settings) != "object") {
this.config[n] = new this.Settings();
}
else {
this.config[n] = settings;
}
// Hide the textarea 
textarea.style.display = "none";
// Override the width and height of the editor with the 
// size given by the style attributes width and height
if(textarea.style.width) {
this.config[n].Width = textarea.style.width;
}
if(textarea.style.height) {
this.config[n].Height = textarea.style.height
} 
    // determine the width + height
var currentWidth = this.config[n].Width;
var currentHeight = this.config[n].Height;
 
// Calculate the width + height of the editor 
var ifrmWidth = "100%";
var	ifrmHeight = "100%";
if(currentWidth.search(/%/) == -1) {
ifrmWidth = currentWidth;
ifrmHeight = currentHeight;
}
// Create iframe which will be used for rich text editing
var iframe = '<table cellpadding="0" cellspacing="0" border="0" style="width:' + currentWidth + '; height:' + currentHeight + ';" class="tableTextareaEditor"><tr><td valign="top">\n'
    + '<iframe frameborder="0" id="wysiwyg' + n + '" class="iframeText" style="width:' + ifrmWidth + ';height:' + ifrmHeight + ';"></iframe>\n'
    + '</td></tr></table>\n';
    // Insert after the textArea both toolbar one and two
textarea.insertAdjacentHTML("afterEnd", iframe);
// Pass the textarea's existing text over to the content variable
    var content = textarea.value;
var doc = this.getEditorWindow(n).document;
// Replace all \n with <br> 
if(this.config[n].ReplaceLineBreaks) {
content = content.replace(/(\r\n)|(\n)/ig, "<br>");
}
// Write the textarea's content into the iframe
    doc.open();
    doc.write(content);
    doc.close();
    
    // Set default style of the editor window
WYSIWYG_Core.setAttribute(doc.body, "style", this.config[n].DefaultStyle);
},
/**
 * Replace the given textarea with wysiwyg editor
 * 
 * @private
 * @param {String} n The editor identifier (the textarea's ID)
 * @param {Object} settings Object which holds the settings
 */
_generate: function(n, settings) {
    
// Get the textarea element
var textarea = $(n);
// Validate if textarea exists
if(textarea == null) {
alert("No textarea found with the given identifier (ID: " + n + ").");
return;
}	    
// Validate browser compatiblity
if(!WYSIWYG_Core.isBrowserCompatible()) {
if(this.config[n].NoValidBrowserMessage != "") { alert(this.config[n].NoValidBrowserMessage); }
return;
}
// Hide the textarea 
textarea.style.display = 'none'; 
// Override the width and height of the editor with the 
// size given by the style attributes width and height
if(textarea.style.width) {
this.config[n].Width = textarea.style.width;
}
if(textarea.style.height) {
this.config[n].Height = textarea.style.height
}
    // determine the width + height
var currentWidth = this.config[n].Width;
var currentHeight = this.config[n].Height;
 
// Calculate the width + height of the editor 
var toolbarWidth = currentWidth;
var ifrmWidth = "100%";
var	ifrmHeight = "100%";
if(currentWidth.search(/%/) == -1) {
toolbarWidth = currentWidth.replace(/px/gi, "");
toolbarWidth = (parseFloat(toolbarWidth) + 2) + "px";
ifrmWidth = currentWidth;
ifrmHeight = currentHeight;
}
    // Generate the WYSIWYG Table
    // This table holds the toolbars and the iframe as the editor
    var editor = "";
    editor += '<div id="wysiwyg_div_' + n + '" style="width:' + currentWidth  +';">';
    editor += '<table border="0" cellpadding="0" cellspacing="0" class="tableTextareaEditor" id="wysiwyg_table_' + n + '" style="width:' + currentWidth  + '; height:' + currentHeight + ';">';
    editor += '<tr><td style="height:22px;vertical-align:top;">';
    	  
// Output all command buttons that belong to toolbar one
for (var j = 0; j < this.config[n].Toolbar.length;j++) { 
if(this.config[n].Toolbar[j] && this.config[n].Toolbar[j].length > 0) {
var toolbar = this.config[n].Toolbar[j];
// Generate WYSIWYG toolbar one
    editor += '<table border="0" cellpadding="0" cellspacing="0" class="toolbar1" style="width:100%;" id="toolbar' + j + '_' + n + '">';
    		editor += '<tr><td style="width:6px;"><img src="' + this.config[n].ImagesDir + 'seperator2.gif" alt="" hspace="3"></td>';
// Interate over the toolbar element
for (var i = 0; i < toolbar.length;i++) { 
var id = toolbar[i];
    if (toolbar[i]) {
    	if(typeof (this.config[n].DropDowns[id]) != "undefined") {
    		var dropdown = this.config[n].DropDowns[id];
    		editor += '<td style="width: ' + dropdown.width + ';">';
    		// write the drop down content
    		editor += this.writeDropDown(n, id);
    		editor += '</td>';
    	}
    	else {
    			
    		// Get the values of the Button from the global ToolbarList object
var buttonObj = this.ToolbarList[toolbar[i]];
if(buttonObj) {
var buttonID = buttonObj[0];
var buttonTitle = buttonObj[1];
var buttonImage = this.config[n].ImagesDir + buttonObj[2];
var buttonImageRollover  = this.config[n].ImagesDir + buttonObj[3];
    
if (toolbar[i] == "seperator") {
editor += '<td style="width: 12px;" align="center">';
editor += '<img src="' + buttonImage + '" border=0 unselectable="on" width="2" height="18" hspace="2" unselectable="on">';
editor += '</td>';
}
// View Source button
else if (toolbar[i] == "viewSource"){
    editor += '<td style="width: 22px;">';
editor += '<span id="HTMLMode' + n + '"><img src="' + buttonImage +  '" border="0" unselectable="on" title="' + buttonTitle + '" id="' + buttonID + '" class="buttonEditor" onmouseover="this.className=\'buttonEditorOver\'; this.src=\'' + buttonImageRollover + '\';" onmouseout="this.className=\'buttonEditor\'; this.src=\'' + buttonImage + '\';" onclick="WYSIWYG.execCommand(\'' + n + '\', \'' + buttonID + '\');" unselectable="on" width="20" height="20"></span>';
editor += '<span id="textMode' + n + '"><img src="' + this.config[n].ImagesDir + 'view_text.gif" border="0" unselectable="on" title="viewText" id="ViewText" class="buttonEditor" onmouseover="this.className=\'buttonEditorOver\'; this.src=\'' + this.config[n].ImagesDir + 'view_text_on.gif\';" onmouseout="this.className=\'buttonEditor\'; this.src=\'' + this.config[n].ImagesDir + 'view_text.gif\';" onclick="WYSIWYG.execCommand(\'' + n + '\',\'ViewText\');" unselectable="on"  width="20" height="20"></span>';
        editor += '</td>';
        }
else {
editor += '<td style="width: 22px;">';
editor += '<img src="' + buttonImage + '" border=0 unselectable="on" title="' + buttonTitle + '" id="' + buttonID + '" class="buttonEditor" onmouseover="this.className=\'buttonEditorOver\'; this.src=\'' + buttonImageRollover + '\';" onmouseout="this.className=\'buttonEditor\'; this.src=\'' + buttonImage + '\';" onclick="WYSIWYG.execCommand(\'' + n + '\', \'' + buttonID + '\');" unselectable="on" width="20" height="20">';
editor += '</td>';
}
}
}
  		}
  	}
  	editor += '<td>&nbsp;</td></tr></table>';
}
}
 	editor += '</td></tr><tr><td valign="top">\n';
// Create iframe which will be used for rich text editing
editor += '<iframe frameborder="0" id="wysiwyg' + n + '" class="iframeText" style="width:100%;height:' + currentHeight + ';"></iframe>\n'
    + '</td></tr>';
    // Status bar HTML code
    if(this.config[n].StatusBarEnabled) {
    editor += '<tr><td class="wysiwyg-statusbar" style="height:10px;" id="wysiwyg_statusbar_' + n + '">&nbsp;</td></tr>';    
}
    editor += '</table>';
    editor += '</div>';
    
    // Insert the editor after the textarea	    
    textarea.insertAdjacentHTML("afterEnd", editor);
    					
// Hide the "Text Mode" button
// Validate if textMode Elements are prensent
if($("textMode" + n)) {
$("textMode" + n).style.display = 'none'; 
}
// Pass the textarea's existing text over to the content variable
    var content = textarea.value;
var doc = this.getEditorWindow(n).document;		
// Replace all \n with <br> 
if(this.config[n].ReplaceLineBreaks) {
content = content.replace(/\n\r|\n/ig, "<br>");
}
// Write the textarea's content into the iframe
    doc.open();
    doc.write(content);
    doc.close();
    		
// Make the iframe editable in both Mozilla and IE
// Improve compatiblity for IE + Mozilla
if (doc.body.contentEditable) {
doc.body.contentEditable = true;
}
else {
doc.designMode = "on";	
}
// Set default font style
WYSIWYG_Core.setAttribute(doc.body, "style", this.config[n].DefaultStyle);
// Enable table highlighting
WYSIWYG_Table.refreshHighlighting(n);
    
    // Event Handling
    // Update the textarea with content in WYSIWYG when user submits form
    for (var idx=0; idx < document.forms.length; idx++) {
    	WYSIWYG_Core.addEvent(document.forms[idx], "submit", function xxx_aa() { WYSIWYG.updateTextArea(n); });
    }
    
    // close font selection if mouse moves over the editor window
    WYSIWYG_Core.addEvent(doc, "mouseover", function xxx_bb() { WYSIWYG.closeDropDowns(n);});
    
    // If it's true invert the line break capability of IE
if(this.config[n].InvertIELineBreaks) {
WYSIWYG_Core.addEvent(doc, "keypress", function xxx_cc() { WYSIWYG.invertIELineBreakCapability(n); });
}
// status bar update
if(this.config[n].StatusBarEnabled) {
WYSIWYG_Core.addEvent(doc, "mouseup", function xxx_dd() { WYSIWYG.updateStatusBar(n); });
}
    	    
    	// custom context menu
if(this.config[n].ContextMenu) {	
WYSIWYG_ContextMenu.init(n);		
}
// init viewTextMode var
    this.viewTextMode[n] = false;			
},
/**
 * Disable the given WYSIWYG Editor Box
 * 
 * @param {String} n The editor identifier (the textarea's ID)
 */ 
disable: function(n) {
// get the editor window
var editor = this.getEditorWindow(n);
// Validate if editor exists
if(editor == null) {
alert("No editor found with the given identifier (ID: " + n + ").");
return;
}
if(editor) {
// disable design mode or content editable feature
if(editor.document.body.contentEditable) {
editor.document.body.contentEditable = false;
}
else {
editor.document.designMode = "Off";		
}
// change the style of the body
WYSIWYG_Core.setAttribute(editor.document.body, "style", this.config[n].DisabledStyle);
// hide the status bar
this.hideStatusBar(n);
// hide all toolbars
this.hideToolbars(n);
}
},
/**
 * Enables the given WYSIWYG Editor Box
 * 
 * @param {String} n The editor identifier (the textarea's ID)
 */
enable: function(n) {
// get the editor window
var editor = this.getEditorWindow(n);
// Validate if editor exists
if(editor == null) {
alert("No editor found with the given identifier (ID: " + n + ").");
return;
}
if(editor) {
// disable design mode or content editable feature
if(editor.document.body.contentEditable){
editor.document.body.contentEditable = true;
}
else {
editor.document.designMode = "On";		
}
// change the style of the body
WYSIWYG_Core.setAttribute(editor.document.body, "style", this.config[n].DefaultStyle);
// hide the status bar
this.showStatusBar(n);
// hide all toolbars
this.showToolbars(n);
}
},
/**
 * Returns the node structure of the current selection as array
 * 
 * @param {String} n The editor identifier (the textarea's ID)
 */
getNodeTree: function(n) {
var sel = this.getSelection(n);
var range = this.getRange(sel);	
// get element of range
var tag = this.getTag(range);
if(tag == null) { return; }
// get parent of element
var node = this.getParent(tag);
// init the tree as array with the current selected element
var nodeTree = new Array(tag);
// get all parent nodes
var ii = 1;
while(node != null && node.nodeName != "#document") {
nodeTree[ii] = node;
node = this.getParent(node);			
ii++;
}
return nodeTree;
},
/**
 * Removes the current node of the selection
 *
 * @param {String} n The editor identifier (the textarea's ID)
 */
removeNode: function(n) {
// get selection and range
var sel = this.getSelection(n);
var range = this.getRange(sel);
// the current tag of range
var tag = this.getTag(range);
var parent = tag.parentNode;
if(tag == null || parent == null) { return; }
if(tag.nodeName == "HTML" || tag.nodeName == "BODY") { return; }
// copy child elements of the node to the parent element before remove the node
var childNodes = new Array();
for(var i=0; i < tag.childNodes.length;i++)
childNodes[i] = tag.childNodes[i];	
for(var i=0; i < childNodes.length;i++)
parent.insertBefore(childNodes[i], tag);	
// remove node
parent.removeChild(tag);
// validate if parent is a link and the node is only 
// surrounded by the link, then remove the link too
if(parent.nodeName == "A" && !parent.hasChildNodes()) {
if(parent.parentNode) { parent.parentNode.removeChild(parent); }
}
// update the status bar
this.updateStatusBar(n);
},
/**
 * Get the selection of the given editor
 * 
 * @param {String} n The editor identifier (the textarea's ID)
 */
getSelection: function(n) {
var ifrm = this.getEditorWindow(n);
var doc = ifrm.document;
var sel = null;
if(ifrm.getSelection){
sel = ifrm.getSelection();
}
else if (doc.getSelection) {
sel = doc.getSelection();
}
else if (doc.selection) {
sel = doc.selection;
}
return sel;
},
/**
 * Updates the status bar with the current node tree
 *
 * @param {String} n The editor identifier (the textarea's ID)
 */
updateStatusBar: function(n) {
// get the node structure
var nodeTree = this.getNodeTree(n);
if(nodeTree == null) { return; }
// format the output
var outputTree = "";
var max = nodeTree.length - 1;
for(var i=max;i>=0;i--) {
if(nodeTree[i].nodeName != "HTML" && nodeTree[i].nodeName != "BODY") {
outputTree += '<a class="wysiwyg-statusbar" href="javascript:WYSIWYG.selectNode(\'' + n + '\',' + i + ');">' + nodeTree[i].nodeName + '</a>';	
}
else {
outputTree += nodeTree[i].nodeName;
}
if(i > 0) { outputTree += " > "; }
}
// update the status bar 	
var statusbar = $("wysiwyg_statusbar_" + n);
if(statusbar){ 
statusbar.innerHTML = outputTree; 
}
},
/**
 * Execute a command on the editor document
 * 
 * @param {String} command The execCommand (e.g. Bold)
 * @param {String} n The editor identifier
 * @param {String} value The value when applicable
 */
execCommand: function(n, cmd, value) {
// When user clicks toolbar button make sure it always targets its respective WYSIWYG
this.getEditorWindow(n).focus();
// When in Text Mode these execCommands are enabled
var textModeCommands = new Array("ViewText", "Print");
  
  	// Check if in Text mode and a disabled command execute
var cmdValid = false;
for (var i = 0; i < textModeCommands.length; i++) {
if (textModeCommands[i] == cmd) {
cmdValid = true;
}
}
if(this.viewTextMode[n] && !cmdValid) {
alert("You are in TEXT Mode. This feature has been disabled.");
  	return;
} 
// rbg to hex convertion implementation dependents on browser
var toHexColor = WYSIWYG_Core.isMSIE ? WYSIWYG_Core._dec_to_rgb : WYSIWYG_Core.toHexColor;
// popup screen positions
var popupPosition = {left: parseInt(window.screen.availWidth / 3), top: parseInt(window.screen.availHeight / 3)};		
// Check the insert image popup implementation
var imagePopupFile = this.config[n].PopupsDir + 'insert_image.html';
var imagePopupWidth = 400;
var imagePopupHeight = 210;
if(typeof this.config[n].ImagePopupFile != "undefined" && this.config[n].ImagePopupFile != "") {
imagePopupFile = this.config[n].ImagePopupFile;
}
if(typeof this.config[n].ImagePopupWidth && this.config[n].ImagePopupWidth > 0) {
imagePopupWidth = this.config[n].ImagePopupWidth;
}
if(typeof this.config[n].ImagePopupHeight && this.config[n].ImagePopupHeight > 0) {
imagePopupHeight = this.config[n].ImagePopupHeight;
}
// switch which action have to do
switch(cmd) {
case "Maximize":
this.maximize(n);
break;
case "FormatBlock":
WYSIWYG_Core.execCommand(n, cmd, "<" + value + ">");
break;
// ForeColor and 
case "ForeColor":
var rgb = this.getEditorWindow(n).document.queryCommandValue(cmd);
      	var currentColor = rgb != '' ? toHexColor(this.getEditorWindow(n).document.queryCommandValue(cmd)) : "000000";
  	window.open(this.config[n].PopupsDir + 'select_color.html?color=' + currentColor + '&command=' + cmd + '&wysiwyg=' + n, 'popup', 'location=0,status=0,scrollbars=0,width=210,height=165,top=' + popupPosition.top + ',left=' + popupPosition.left).focus();
break;
// BackColor
case "BackColor":
var currentColor = toHexColor(this.getEditorWindow(n).document.queryCommandValue(cmd));
  	window.open(this.config[n].PopupsDir + 'select_color.html?color=' + currentColor + '&command=' + cmd + '&wysiwyg=' + n, 'popup', 'location=0,status=0,scrollbars=0,width=210,height=165,top=' + popupPosition.top + ',left=' + popupPosition.left).focus();
break;
// InsertImage
case "InsertImage": 
window.open(imagePopupFile + '?wysiwyg=' + n, 'popup', 'location=0,status=0,scrollbars=0,resizable=0,width=' + imagePopupWidth + ',height=' + imagePopupHeight + ',top=' + popupPosition.top + ',left=' + popupPosition.left).focus();
break;
// Remove Image
case "RemoveImage": 
this.removeImage(n);
break;
// Remove Link
case "RemoveLink": 
this.removeLink(n);
break;
// Remove a Node
case "RemoveNode": 
this.removeNode(n);
break;
// Create Link
case "CreateLink": 
window.open(this.config[n].PopupsDir + 'insert_hyperlink.html?wysiwyg=' + n, 'popup', 'location=0,status=0,scrollbars=0,resizable=0,width=350,height=160,top=' + popupPosition.top + ',left=' + popupPosition.left).focus();
break;
// InsertTable
case "InsertTable": 
window.open(this.config[n].PopupsDir + 'create_table.html?wysiwyg=' + n, 'popup', 'location=0,status=0,scrollbars=0,resizable=0,width=500,height=260,top=' + popupPosition.top + ',left=' + popupPosition.left).focus();
break;
// ViewSource
case "ViewSource": 
this.viewSource(n);
break;
// ViewText
case "ViewText": 
this.viewText(n);
break;
// Help
case "Help":
window.open(this.config[n].PopupsDir + 'about.html?wysiwyg=' + n, 'popup', 'location=0,status=0,scrollbars=0,resizable=0,width=400,height=350,top=' + popupPosition.top + ',left=' + popupPosition.left).focus();
break;
// Strip any HTML added by word
case "RemoveFormat":
this.removeFormat(n);	
break;
// Preview thx to Korvo
case "Preview":
window.open(this.config[n].PopupsDir + 'preview.html?wysiwyg=' + n,'popup', 'location=0,status=0,scrollbars=1,resizable=1,width=' + this.config[n].PreviewWidth + ',height=' + this.config[n].PreviewHeight + ',top=' + popupPosition.top + ',left=' + popupPosition.left).focus();
break;
// Print
case "Print":
this.print(n);
break;
// Save
case "Save":
    WYSIWYG.updateTextArea(n);
    var form = WYSIWYG_Core.findParentNode("FORM", this.getEditor(n));
    if(form == null) {
    	alert("Can not submit the content, because no form element found.");
    	return;
    }
    form.submit();
break;
         
// Return
case "Return":
   location.replace(this.config[n].Opener);
break;
default: 
WYSIWYG_Core.execCommand(n, cmd, value);
}
 		
// hide node the font + font size selection
this.closeDropDowns(n);
},	
/**
 * Maximize the editor instance
 * 
 * @param {String} n The editor identifier
 */
maximize: function(n) {
var divElm = this.getEditorDiv(n);
var tableElm = this.getEditorTable(n);
var editor = this.getEditor(n);
var setting = this.config[n];
var size = WYSIWYG_Core.windowSize();
size.width -= 5;
if(this.maximized[n]) {
WYSIWYG_Core.setAttribute(divElm, "style", "position:static;z-index:9998;top:0px;left:0px;width:" + setting.Width + ";height:100%;");
WYSIWYG_Core.setAttribute(tableElm, "style", "width:" + setting.Width + ";height:" + setting.Height + ";");
WYSIWYG_Core.setAttribute(editor, "style", "width:100%;height:" + setting.Height + ";");
this.maximized[n] = false;
}
else {
WYSIWYG_Core.setAttribute(divElm, "style", "position:absolute;z-index:9998;top:0px;left:0px;width:" + size.width + "px;height:" + size.height + "px;");
WYSIWYG_Core.setAttribute(tableElm, "style", "width:100%;height:100%;");
WYSIWYG_Core.setAttribute(editor, "style", "width:100%;height:100%;");
this.maximized[n] = true;
}
},	
/**
 * Insert HTML into WYSIWYG in rich text
 *
 * @param {String} html The HTML being inserted (e.g. <b>hello</b>)
 * @param {String} n The editor identifier
 */
insertHTML: function(html, n) {			
if (WYSIWYG_Core.isMSIE) {	  
this.getEditorWindow(n).document.selection.createRange().pasteHTML(html);   
} 
else {
var span = this.getEditorWindow(n).document.createElement("span");
span.innerHTML = html;
this.insertNodeAtSelection(span, n);		
}
},
/* ---------------------------------------------------------------------- *\
  Function    : insertNodeAtSelection()
  Description : insert HTML into WYSIWYG in rich text (mozilla)
  Usage       : WYSIWYG.insertNodeAtSelection(insertNode, n)
  Arguments   : insertNode - The HTML being inserted (must be innerHTML inserted within a div element)
                n          - The editor identifier that the HTML will be inserted into (the textarea's ID)
\* ---------------------------------------------------------------------- */
insertNodeAtSelection: function(insertNode, n) {
// get editor document
var doc = this.getEditorWindow(n).document;
// get current selection
var sel = this.getSelection(n);
// get the first range of the selection
// (there's almost always only one range)
var range = sel.getRangeAt(0);
// deselect everything
sel.removeAllRanges();
// remove content of current selection from document
range.deleteContents();
// get location of current selection
var container = range.startContainer;
var pos = range.startOffset;
// make a new range for the new selection
range = doc.createRange();
if (container.nodeType==3 && insertNode.nodeType==3) {					
// if we insert text in a textnode, do optimized insertion
container.insertData(pos, insertNode.data);
// put cursor after inserted text
range.setEnd(container, pos+insertNode.length);
range.setStart(container, pos+insertNode.length);		
} 	
else {
var afterNode;	
var beforeNode;
if (container.nodeType==3) {
// when inserting into a textnode
// we create 2 new textnodes
// and put the insertNode in between
var textNode = container;
container = textNode.parentNode;
var text = textNode.nodeValue;
// text before the split
var textBefore = text.substr(0,pos);
// text after the split
var textAfter = text.substr(pos);
beforeNode = document.createTextNode(textBefore);
afterNode = document.createTextNode(textAfter);
// insert the 3 new nodes before the old one
container.insertBefore(afterNode, textNode);
container.insertBefore(insertNode, afterNode);
container.insertBefore(beforeNode, insertNode);
// remove the old node
container.removeChild(textNode);
} 
else {
// else simply insert the node
afterNode = container.childNodes[pos];
container.insertBefore(insertNode, afterNode);
}
try {
range.setEnd(afterNode, 0);
range.setStart(afterNode, 0);
}
catch(e) {
alert(e);
}
}
sel.addRange(range);
},
/**
 * Prints the content of the WYSIWYG editor area
 * 
 * @param {String} n The editor identifier (textarea ID)
 */
print: function(n) {
if(document.all && navigator.appVersion.substring(22,23)==4) {
var doc = this.getEditorWindow(n).document;
doc.focus();
var OLECMDID_PRINT = 6;
var OLECMDEXECOPT_DONTPROMPTUSER = 2;
var OLECMDEXECOPT_PROMPTUSER = 1;
var WebBrowser = '<object id="WebBrowser1" width="0" height="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object>';
doc.body.insertAdjacentHTML('beforeEnd',WebBrowser);
WebBrowser.ExecWB(OLECMDID_PRINT, OLECMDEXECOPT_DONTPROMPTUSER);
WebBrowser.outerHTML = '';
} else {
this.getEditorWindow(n).print();
}
},
/**
 * Writes the content of an drop down
 *
 * @param {String} n The editor identifier (textarea ID)
 * @param {String} id Drop down identifier
 * @return {String} Drop down HTML
 */
writeDropDown: function(n, id) {
var dropdown = this.config[n].DropDowns[id];
var toolbarObj = this.ToolbarList[dropdown.id];
var image = this.config[n].ImagesDir  + toolbarObj[2];
var imageOn  = this.config[n].ImagesDir + toolbarObj[3];
dropdown.elements.sort();
var output = "";
output += '<table border="0" cellpadding="0" cellspacing="0"><tr>';
output += '<td onMouseOver="$(\'img_' + dropdown.id + '_' + n + '\').src=\'' + imageOn + '\';" onMouseOut="$(\'img_' + dropdown.id + '_' + n + '\').src=\'' + image + '\';">';
output += '<img src="' + image + '" id="img_' + dropdown.id + '_' + n + '" height="20" onClick="WYSIWYG.openDropDown(\'' + n + '\',\'' + dropdown.id + '\');" unselectable="on" border="0"><br>';
output += '<span id="elm_' + dropdown.id + '_' + n + '" class="dropdown" style="width: 145px;display:none;">';
for (var i = 0; i < dropdown.elements.length;i++) {
if (dropdown.elements[i]) {
var value = dropdown.elements[i];
var label = dropdown.label.replace(/{value}/gi, value);
// output
  		output += '<button type="button" onClick="WYSIWYG.execCommand(\'' + n + '\',\'' + dropdown.command + '\',\'' + value + '\')\;" onMouseOver="this.className=\'mouseOver\'" onMouseOut="this.className=\'mouseOut\'" class="mouseOut" style="width: 120px;">';
  		output += '<table cellpadding="0" cellspacing="0" border="0"><tr>';
  		output += '<td align="left">' + label + '</td>';
  		output += '</tr></table></button><br>';	
  	}
  	}
  		output += '</span></td></tr></table>';	
  		
return output;
},
/**
 * Close all drop downs. You can define a exclude dropdown id
 * 
 * @param {String} n The editor identifier (textarea ID)
     * @param {String} exid Excluded drop down identifier
 */
closeDropDowns: function(n, exid) {
if(typeof(exid) == "undefined") exid = "";
var dropdowns = this.config[n].DropDowns;
for(var id in dropdowns) {
var dropdown = dropdowns[id];
if(dropdown.id != exid) {
var divId = "elm_" + dropdown.id + "_" + n;
if($(divId)) $(divId).style.display = 'none';
}
}			
},
/**
 * Open a defined drop down
 * 
     * @param {String} n The editor identifier (textarea ID)
 * @param {String} id Drop down identifier
 */
openDropDown: function(n, id) {
var divId = "elm_" + id + "_" + n;
if($(divId).style.display == "none") {	
$(divId).style.display = "block"; 
}
else {
$(divId).style.display = "none"; 
}
$(divId).style.position = "absolute";
this.closeDropDowns(n, id);
},
/**
 * Shows the HTML source code generated by the WYSIWYG editor
 * 
 * @param {String} n The editor identifier (textarea ID)
 */
viewSource: function(n) {
// document
var doc = this.getEditorWindow(n).document;
// Enable table highlighting
WYSIWYG_Table.disableHighlighting(n);
// View Source for IE 	 
if (WYSIWYG_Core.isMSIE) {
var iHTML = doc.body.innerHTML;
// strip off the absolute urls
iHTML = this.stripURLPath(n, iHTML);
// replace all decimal color strings with hex decimal color strings
iHTML = WYSIWYG_Core.replaceRGBWithHexColor(iHTML);
doc.body.innerText = iHTML;
}
  	// View Source for Mozilla/Netscape
  	else {
  		// replace all decimal color strings with hex decimal color strings
var html = WYSIWYG_Core.replaceRGBWithHexColor(doc.body.innerHTML);
    	html = document.createTextNode(html);
    	doc.body.innerHTML = "";
    	doc.body.appendChild(html);
  	}
  
// Hide the HTML Mode button and show the Text Mode button
// Validate if Elements are present
if($('HTMLMode' + n)) {
    $('HTMLMode' + n).style.display = 'none'; 
}
    if($('textMode' + n)) {
    $('textMode' + n).style.display = 'block';
}
// set the font values for displaying HTML source
doc.body.style.fontSize = "12px";
doc.body.style.fontFamily = "Courier New"; 
  	this.viewTextMode[n] = true;
},
/**
 * Shows the HTML source code generated by the WYSIWYG editor
 * 
 * @param {String} n The editor identifier (textarea ID)
 */
viewText: function(n) { 
// get document
var doc = this.getEditorWindow(n).document;
// View Text for IE 	  	 
if (WYSIWYG_Core.isMSIE) {
    	var iText = doc.body.innerText;
    	// strip off the absolute urls
iText = this.stripURLPath(n, iText);
// replace all decimal color strings with hex decimal color strings
iText = WYSIWYG_Core.replaceRGBWithHexColor(iText);
    	doc.body.innerHTML = iText;
}
  
// View Text for Mozilla/Netscape
  	else {
    	var html = doc.body.ownerDocument.createRange();
    	html.selectNodeContents(doc.body);
    	// replace all decimal color strings with hex decimal color strings
html = WYSIWYG_Core.replaceRGBWithHexColor(html.toString());
    	doc.body.innerHTML = html;
}
// Enable table highlighting
WYSIWYG_Table.refreshHighlighting(n);
  
// Hide the Text Mode button and show the HTML Mode button
// Validate if Elements are present
if($('textMode' + n)) {
$('textMode' + n).style.display = 'none'; 
}
if($('HTMLMode' + n)) {
$('HTMLMode' + n).style.display = 'block';
}
// reset the font values (changed)
WYSIWYG_Core.setAttribute(doc.body, "style", this.config[n].DefaultStyle);
this.viewTextMode[n] = false;
},
/* ---------------------------------------------------------------------- *\
  Function    : stripURLPath()
  Description : Strips off the defined image and the anchor urls of the given content.
  				It also can strip the document URL automatically if you define auto.
  Usage       : WYSIWYG.stripURLPath(content)
  Arguments   : content  - Content on which the stripping applies
\* ---------------------------------------------------------------------- */
stripURLPath: function(n, content, exact) {
// parameter exact is optional
if(typeof exact == "undefined") {
exact = true;
}
var stripImgageUrl = null;
var stripAnchorUrl = null;
// add url to strip of anchors to array
if(this.config[n].AnchorPathToStrip == "auto") {
stripAnchorUrl = WYSIWYG_Core.getDocumentUrl(document);
}
else if(this.config[n].AnchorPathToStrip != "") {
stripAnchorUrl = this.config[n].AnchorPathToStrip;
}
// add strip url of images to array
if(this.config[n].ImagePathToStrip == "auto") {
stripImgageUrl = WYSIWYG_Core.getDocumentUrl(document);
}
else if(this.config[n].ImagePathToStrip != "") {
stripImgageUrl = this.config[n].ImagePathToStrip;
}
var url;
var regex;
var result;
// strip url of image path
if(stripImgageUrl) {
// escape reserved characters to be a valid regex	
url = WYSIWYG_Core.stringToRegex(WYSIWYG_Core.getDocumentPathOfUrl(stripImgageUrl));	
// exact replacing of url. regex: src="<url>"
if(exact) {
regex = eval("/(src=\")(" + url + ")([^\"]*)/gi");
content = content.replace(regex, "$1$3");	
}
// not exect replacing of url. regex: <url>
else {
regex = eval("/(" + url + ")(.+)/gi");
content = content.replace(regex, "$2");	
}
// strip absolute urls without a heading slash ("images/print.gif")	
result = WYSIWYG_Core.getDocumentPathOfUrl(stripImgageUrl).match(/.+[\/]{2,3}[^\/]*/,"");
if(result) {
url = WYSIWYG_Core.stringToRegex(result[0]);
// exact replacing of url. regex: src="<url>"
if(exact) {
regex = eval("/(src=\")(" + url + ")([^\"]*)/gi");
content = content.replace(regex, "$1$3");
}
// not exect replacing of url. regex: <url>
else {
regex = eval("/(" + url + ")(.+)/gi");
content = content.replace(regex, "$2");	
}
}	
}
// strip url of image path
if(stripAnchorUrl) {						
// escape reserved characters to be a valid regex		
url = WYSIWYG_Core.stringToRegex(WYSIWYG_Core.getDocumentPathOfUrl(stripAnchorUrl));
// strip absolute urls with a heading slash ("/product/index.html")
// exact replacing of url. regex: src="<url>"
if(exact) {
regex = eval("/(href=\")(" + url + ")([^\"]*)/gi");
content = content.replace(regex, "$1$3");	
}
// not exect replacing of url. regex: <url>
else {
regex = eval("/(" + url + ")(.+)/gi");
content = content.replace(regex, "$2");	
}
// strip absolute urls without a heading slash ("product/index.html")	
result = WYSIWYG_Core.getDocumentPathOfUrl(stripAnchorUrl).match(/.+[\/]{2,3}[^\/]*/,"");
if(result) {
url = WYSIWYG_Core.stringToRegex(result[0]);
// exact replacing of url. regex: src="<url>"
if(exact) {
regex = eval("/(href=\")(" + url + ")([^\"]*)/gi");
content = content.replace(regex, "$1$3");	
}
// not exect replacing of url. regex: <url>
else {
regex = eval("/(" + url + ")(.+)/gi");
content = content.replace(regex, "$2");	
}
}
// stip off anchor links with #name			
url = WYSIWYG_Core.stringToRegex(stripAnchorUrl);
// exact replacing of url. regex: src="<url>"
if(exact) {
regex = eval("/(href=\")(" + url + ")(#[^\"]*)/gi");
content = content.replace(regex, "$1$3");
}
// not exect replacing of url. regex: <url>
else {
regex = eval("/(" + url + ")(.+)/gi");
content = content.replace(regex, "$2");	
}
// stip off anchor links with #name (only for local system)
url = WYSIWYG_Core.getDocumentUrl(document);
var pos = url.lastIndexOf("/");
if(pos != -1) {
url = url.substring(pos + 1, url.length);
url = WYSIWYG_Core.stringToRegex(url);
// exact replacing of url. regex: src="<url>"
if(exact) {
regex = eval("/(href=\")(" + url + ")(#[^\"]*)/gi");
content = content.replace(regex, "$1$3");
}
// not exect replacing of url. regex: <url>
else {
regex = eval("/(" + url + ")(.+)/gi");
content = content.replace(regex, "$2");	
}
}
}
return content;
},	
/* ---------------------------------------------------------------------- *\
  Function    : updateTextArea()
  Description : Updates the text area value with the HTML source of the WYSIWYG
  Arguments   : n   - The editor identifier (the textarea's ID)
\* ---------------------------------------------------------------------- */
updateTextArea: function(n) {	
// on update switch editor back to html mode
if(this.viewTextMode[n]) { this.viewText(n); }
// get inner HTML
var content = this.getEditorWindow(n).document.body.innerHTML;
// strip off defined URLs on IE
content = this.stripURLPath(n, content);
// replace all decimal color strings with hex color strings
content = WYSIWYG_Core.replaceRGBWithHexColor(content);
// remove line breaks before content will be updated
if(this.config[n].ReplaceLineBreaks) { content = content.replace(/(\r\n)|(\n)/ig, ""); }
// set content back in textarea
$(n).value = content;
},
/* ---------------------------------------------------------------------- *\
  Function    : hideToolbars()
  Description : Hide all toolbars
  Usage       : WYSIWYG.hideToolbars(n)
  Arguments   : n - The editor identifier (the textarea's ID)
\* ---------------------------------------------------------------------- */
hideToolbars: function(n) {
for(var i=0;i<this.config[n].Toolbar.length;i++) {
var toolbar = $("toolbar" + i + "_" + n);
if(toolbar) { toolbar.style.display = "none"; }
}	
},
/* ---------------------------------------------------------------------- *\
  Function    : showToolbars()
  Description : Display all toolbars
  Usage       : WYSIWYG.showToolbars(n)
  Arguments   : n - The editor identifier (the textarea's ID)
\* ---------------------------------------------------------------------- */
showToolbars: function(n) {
for(var i=0;i<this.config[n].Toolbar.length;i++) {
var toolbar = $("toolbar" + i + "_" + n);
if(toolbar) { toolbar.style.display = ""; }
}	
},
/* ---------------------------------------------------------------------- *\
  Function    : hideStatusBar()
  Description : Hide the status bar
  Usage       : WYSIWYG.hideStatusBar(n)
  Arguments   : n - The editor identifier (the textarea's ID)
\* ---------------------------------------------------------------------- */
hideStatusBar: function(n) {
var statusbar = $('wysiwyg_statusbar_' + n);
if(statusbar) {	statusbar.style.display = "none"; }
},
/* ---------------------------------------------------------------------- *\
  Function    : showStatusBar()
  Description : Display the status bar
  Usage       : WYSIWYG.showStatusBar(n)
  Arguments   : n - The editor identifier (the textarea's ID)
\* ---------------------------------------------------------------------- */
showStatusBar: function(n) {
var statusbar = $('wysiwyg_statusbar_' + n);
if(statusbar) { statusbar.style.display = ""; }
},
/**
 * Finds the node with the given tag name in the given range
 * 
 * @param {String} tagName Parent tag to find
 * @param {Range} range Current range
 */
findParent: function(parentTagName, range){
parentTagName = parentTagName.toUpperCase();
var rangeWorking;
var elmWorking = null;
try {
if(!WYSIWYG_Core.isMSIE) {
var node = range.startContainer;	
var pos = range.startOffset;
if(node.nodeType != 3) { node = node.childNodes[pos]; }
return WYSIWYG_Core.findParentNode(parentTagName, node);
}
else {
elmWorking = (range.length > 0) ? range.item(0): range.parentElement();					
elmWorking = WYSIWYG_Core.findParentNode(parentTagName, elmWorking);
if(elmWorking != null) return elmWorking;
rangeWorking = range.duplicate();
rangeWorking.collapse(true);
rangeWorking.moveEnd("character", 1);
if (rangeWorking.text.length>0) {
while (rangeWorking.compareEndPoints("EndToEnd", range) < 0){
  			rangeWorking.move("Character");
  			if (null != this.findParentTag(parentTagName, rangeWorking)){
   				return this.findParentTag(parentTagName, rangeWorking);
  			}
 		}
 	}
 	return null;
}
}
catch(e) {
return null;
}
},
/**
 * Get the acutally tag of the given range
 *
 * @param {Range} range Current range
 */
getTag: function(range) {
try {
    if(!WYSIWYG_Core.isMSIE) {
var node = range.startContainer;	
var pos = range.startOffset;
if(node.nodeType != 3) { node = node.childNodes[pos]; }
if(node.nodeName && node.nodeName.search(/#/) != -1) {
return node.parentNode;
}
return node;
}
else {
if(range.length > 0) {
return range.item(0);
}
else if(range.parentElement()) {
return range.parentElement();
}
}
return null;
}
catch(e) {
return null;
}
},
/**
 * Get the parent node of the given node
 * 
 * @param {DOMElement} element - Element which parent will be returned
 */
getParent: function(element) {
if(element.parentNode) {
return element.parentNode;
}
return null;
},
/* ---------------------------------------------------------------------- *\
  Function    : getTextRange()
  Description : Get the text range object of the given element
  Usage       : WYSIWYG.getTextRange(element)
  Arguments   : element - An element of which you get the text range object
\* ---------------------------------------------------------------------- */
getTextRange: function(element){
var range = element.parentTextEdit.createTextRange();
range.moveToElementText(element);
return range;
},
/* ---------------------------------------------------------------------- *\
  Function    : invertIELineBreakCapability()
  Description : Inverts the line break capability of IE (Thx to richyrich)
  				Normal: ENTER = <p> , SHIFT + ENTER = <br>
  				Inverted: ENTER = <br>, SHIFT + ENTER = <p>
  Usage       : WYSIWYG.invertIELineBreakCapability(n)
  Arguments   : n   - The editor identifier (the textarea's ID)
\* ---------------------------------------------------------------------- */
invertIELineBreakCapability: function(n) {
var editor = this.getEditorWindow(n);
var sel;
// validate if the press key is the carriage return key
if (editor.event.keyCode==13) {
    	if (!editor.event.shiftKey) {
sel = this.getRange(this.getSelection(n));
            sel.pasteHTML("<br>");
            editor.event.cancelBubble = true;
            editor.event.returnValue = false;
            sel.select();
            sel.moveEnd("character", 1);
            sel.moveStart("character", 1);
            sel.collapse(false);
            return false;
}
        else {
            sel = this.getRange(this.getSelection(n));
            sel.pasteHTML("<p>");
            editor.event.cancelBubble = true;
            editor.event.returnValue = false;
            sel.select();
            sel.moveEnd("character", 1);
            sel.moveStart("character", 1);
            sel.collapse(false);
            return false;
    	}
}  
},
/* ---------------------------------------------------------------------- *\
  Function    : selectNode()
  Description : Select a node within the current editor
  Usage       : WYSIWYG.selectNode(n, level)
  Arguments   : n   - The editor identifier (the textarea's ID)
  				level - identifies the level of the element which will be selected
\* ---------------------------------------------------------------------- */
selectNode: function(n, level) {
var sel = this.getSelection(n);
var range = this.getRange(sel);
var parentnode = this.getTag(range);
var i = 0;
for (var node=parentnode; (node && (node.nodeType == 1)); node=node.parentNode) {
if (i == level) {
this.nodeSelection(n, node);
}
i++;
}
this.updateStatusBar(n);
},
/* ---------------------------------------------------------------------- *\
  Function    : nodeSelection()
  Description : Do the node selection
  Usage       : WYSIWYG.nodeSelection(n, node)
  Arguments   : n   - The editor identifier (the textarea's ID)
  				node - The node which will be selected
\* ---------------------------------------------------------------------- */
nodeSelection: function(n, node) {
var doc = this.getEditorWindow(n).document;
var sel = this.getSelection(n);
var range = this.getRange(sel);
if(!WYSIWYG_Core.isMSIE) {
if (node.nodeName == "BODY") {
range.selectNodeContents(node);
} else {
range.selectNode(node);
}
/*
if (endNode) {
try {
range.setStart(node, startOffset);
range.setEnd(endNode, endOffset);
} catch(e) {
}
}
*/
if (sel) { sel.removeAllRanges(); }
if (sel) { sel.addRange(range);	 }
}
else {
// MSIE may not select everything when BODY is selected - 
// start may be set to first text node instead of first non-text node - 
// no known workaround
if ((node.nodeName == "TABLE") || (node.nodeName == "IMG") || (node.nodeName == "INPUT") || (node.nodeName == "SELECT") || (node.nodeName == "TEXTAREA")) {
try {
range = doc.body.createControlRange();
range.addElement(node);
range.select();
} 
catch(e) { }
} 
else {
range = doc.body.createTextRange();
if (range) {
range.collapse();
if (range.moveToElementText) {
try {
range.moveToElementText(node);
range.select();
} catch(e) {
try {
range = doc.body.createTextRange();
range.moveToElementText(node);
range.select();
} 
catch(e) {}
}
} else {
try {
range = doc.body.createTextRange();
range.moveToElementText(node);
range.select();
} 
catch(e) {}
}
}
}
}
}
}
/********************************************************************
 * openWYSIWYG core functions Copyright (c) 2006 openWebWare.com
 * Contact us at devs@openwebware.com
 * This copyright notice MUST stay intact for use.
 *
 * $Id: wysiwyg.js,v 1.22 2007/09/08 21:45:57 xhaggi Exp $
 ********************************************************************/
var WYSIWYG_Core = {
/**
 * Holds true if browser is MSIE, otherwise false
 */
isMSIE: navigator.appName == "Microsoft Internet Explorer" ? true : false,
/**
 * Holds true if browser is Firefox (Mozilla)
 */
isFF: !document.all && document.getElementById && !this.isOpera,
/**
 * Holds true if browser is Opera, otherwise false
 */
isOpera: navigator.appName == "Opera" ? true : false,
/**
 * Trims whitespaces of the given string
 *
 * @param str String
 * @return Trimmed string
 */
trim: function(str) {
return str.replace(/^\s*|\s*$/g,"");
},
/**
 * Determine if the given parameter is defined
 * 
 * @param p Parameter
 * @return true/false dependents on definition of the parameter 
 */
defined: function(p) {
return typeof p == "undefined" ? false : true;	
},
/**
 * Determine if the browser version is compatible
 *
 * @return true/false depending on compatiblity of the browser
 */
isBrowserCompatible: function() {
// Validate browser and compatiblity
if ((navigator.userAgent.indexOf('Safari') != -1 ) || !document.getElementById || !document.designMode){   
//no designMode (Safari lies)
   		return false;
} 
return true;
},
/**
 * Set the style attribute of the given element.
 * Private method to solve the IE bug while setting the style attribute.
 *
 * @param {DOMElement} node The element on which the style attribute will affect
 * @param {String} style Stylesheet which will be set
 */
_setStyleAttribute: function(node, style) {
if(style == null) return;
var styles = style.split(";");
var pos;
for(var i=0;i<styles.length;i++) {
var attributes = styles[i].split(":");
if(attributes.length == 2) {
try {
var attr = WYSIWYG_Core.trim(attributes[0]);
while((pos = attr.search(/-/)) != -1) {
var strBefore = attr.substring(0, pos);
var strToUpperCase = attr.substring(pos + 1, pos + 2);
var strAfter = attr.substring(pos + 2, attr.length);
attr = strBefore + strToUpperCase.toUpperCase() + strAfter;
}
var value = WYSIWYG_Core.trim(attributes[1]).toLowerCase();
node.style[attr] = value;
}
catch (e) {
alert(e);
}
}
}
},
/**
 * Fix's the issue while getting the attribute style on IE
 * It's return an object but we need the style string
 *
 * @private
 * @param {DOMElement} node Node element
 * @return {String} Stylesheet
 */
_getStyleAttribute: function(node) {
if(this.isMSIE) {
return node.style['cssText'].toLowerCase();		
}	
else {
return node.getAttribute("style");
}
},
/**
 * Set an attribute's value on the given node element.
 *
 * @param {DOMElement} node Node element
 * @param {String} attr Attribute which is set
 * @param {String} value Value of the attribute
 */
setAttribute: function(node, attr, value) {
if(value == null || node == null || attr == null) return;
if(attr.toLowerCase() == "style") {
this._setStyleAttribute(node, value);
}
else {
node.setAttribute(attr, value);
}
},
/**
 * Removes an attribute on the given node
 * 
 * @param {DOMElement} node Node element
 * @param {String} attr Attribute which will be removed
 */ 
removeAttribute: function(node, attr) {
node.removeAttribute(attr, false);
},
/**
 * Get the vale of the attribute on the given node
 * 
 * @param {DOMElement} node Node element
 * @param {String} attr Attribute which value will be returned
 */
getAttribute: function(node, attr) {
if(node == null || attr == null) return;
if(attr.toLowerCase() == "style") {
return this._getStyleAttribute(node);
}
else {
return node.getAttribute(attr);
}
},
/**
 * Get the path out of an given url
 * 
 * @param {String} url The url with is used to get the path
 */
getDocumentPathOfUrl: function(url) {
var path = null;
// if local file system, convert local url into web url
url = url.replace(/file:\/\//gi, "file:///");
url = url.replace(/\\/gi, "\/");
var pos = url.lastIndexOf("/");
if(pos != -1) {
path = url.substring(0, pos + 1);
}
return path;
},
/**
 * Get the documents url, convert local urls to web urls
 * 
 * @param {DOMElement} doc Document which is used to get the url
 */
getDocumentUrl: function(doc) {
// if local file system, convert local url into web url
var url = doc.URL;
url = url.replace(/file:\/\//gi, "file:///");
url = url.replace(/\\/gi, "\/");
return url;
},
/**
 * Find a parent node with the given name, of the given start node
 * 
 * @param {String} tagName - Tag name of the node to find
 * @param {DOMElement} node - Node element
 */
findParentNode: function(tagName, node) {
while (node.tagName != "HTML") {
  		if (node.tagName == tagName){
  			return node;
  		} 
  		node = node.parentNode;
 	}
 	return null;
},
/**
 * Cancel the given event.
 *
 * @param e Event which will be canceled
 */
cancelEvent: function(e) {
if (!e) return false;
if (this.isMSIE) {
e.returnValue = false;
e.cancelBubble = true;
} else {
e.preventDefault();
e.stopPropagation && e.stopPropagation();
}
return false;	
},
/**
 * Converts a RGB color string to hex color string.
 *
 * @param color RGB color string
 * @param Hex color string
 */
toHexColor: function(color) {
color = color.replace(/^rgb/g,'');
color = color.replace(/\(/g,'');
color = color.replace(/\)/g,'');
color = color.replace(/ /g,'');
color = color.split(',');
var r = parseFloat(color[0]).toString(16).toUpperCase();
var g = parseFloat(color[1]).toString(16).toUpperCase();
var b = parseFloat(color[2]).toString(16).toUpperCase();
if (r.length<2) { r='0'+r; }
if (g.length<2) { g='0'+g; }
if (b.length<2) { b='0'+b; }
return r + g + b;
},
/**
 * Converts a decimal color to hex color string.
 *
 * @param Decimal color
 * @param Hex color string
 */
_dec_to_rgb: function(value) {
var hex_string = "";
for (var hexpair = 0; hexpair < 3; hexpair++) {
var myByte = value & 0xFF;            // get low byte
value >>= 8;                          // drop low byte
var nybble2 = myByte & 0x0F;          // get low nybble (4 bits)
var nybble1 = (myByte >> 4) & 0x0F;   // get high nybble
hex_string += nybble1.toString(16);   // convert nybble to hex
hex_string += nybble2.toString(16);   // convert nybble to hex
}
return hex_string.toUpperCase();
},
/**
 * Replace RGB color strings with hex color strings within a string.
 * 
 * @param {String} str RGB String
 * @param {String} Hex color string
 */
replaceRGBWithHexColor: function(str) {
if(str == null) return "";
// find all decimal color strings
var matcher = str.match(/rgb\([0-9 ]+,[0-9 ]+,[0-9 ]+\)/gi);
if(matcher) {
for(var j=0; j<matcher.length;j++) {
var regex = eval("/" + WYSIWYG_Core.stringToRegex(matcher[j]) + "/gi");
// replace the decimal color strings with hex color strings
str = str.replace(regex, "#" + this.toHexColor(matcher[j]));
}
}
return str;
},
/**
 * Execute the given command on the given editor
 * 
 * @param n The editor's identifier
 * @param cmd Command which is execute
 */
execCommand: function(n, cmd, value) {
if(typeof(value) == "undefined") value = null;
// firefox BackColor problem fixed
if(cmd == 'BackColor' && WYSIWYG_Core.isFF) cmd = 'HiliteColor';
// firefox cut, paste and copy
if(WYSIWYG_Core.isFF && (cmd == "Cut" || cmd == "Paste" || cmd == "Copy")) {
try {
WYSIWYG.getEditorWindow(n).document.execCommand(cmd, false, value);
}
catch(e) {
if(confirm("Copy/Cut/Paste is not available in Mozilla and Firefox\nDo you want more information about this issue?")) {
window.open('http://www.mozilla.org/editor/midasdemo/securityprefs.html');
}
}
}
else {
WYSIWYG.getEditorWindow(n).document.execCommand(cmd, false, value);
}
},
/**
 * Parse a given string to a valid regular expression
 * 
 * @param {String} string String to be parsed
 * @return {RegEx} Valid regular expression
 */
stringToRegex: function(string) {
string = string.replace(/\//gi, "\\/");
string = string.replace(/\(/gi, "\\(");
string = string.replace(/\)/gi, "\\)");
string = string.replace(/\[/gi, "\\[");
string = string.replace(/\]/gi, "\\]");
string = string.replace(/\+/gi, "\\+");
string = string.replace(/\$/gi, "\\$");
string = string.replace(/\*/gi, "\\*");
string = string.replace(/\?/gi, "\\?");
string = string.replace(/\^/gi, "\\^");
string = string.replace(/\\b/gi, "\\\\b");
string = string.replace(/\\B/gi, "\\\\B");
string = string.replace(/\\d/gi, "\\\\d");
string = string.replace(/\\B/gi, "\\\\B");
string = string.replace(/\\D/gi, "\\\\D");
string = string.replace(/\\f/gi, "\\\\f");
string = string.replace(/\\n/gi, "\\\\n");
string = string.replace(/\\r/gi, "\\\\r");
string = string.replace(/\\t/gi, "\\\\t");
string = string.replace(/\\v/gi, "\\\\v");
string = string.replace(/\\s/gi, "\\\\s");
string = string.replace(/\\S/gi, "\\\\S");
string = string.replace(/\\w/gi, "\\\\w");
string = string.replace(/\\W/gi, "\\\\W");
return string;			
},
/**
 * Add an event listener
 *
 * @param obj Object on which the event will be attached
 * @param ev Kind of event
 * @param fu Function which is execute on the event
 */
addEvent: function(obj, ev, fu) {
if (obj.attachEvent)
obj.attachEvent("on" + ev, fu);
else
obj.addEventListener(ev, fu, false);
},
/**
 * Remove an event listener
 *
 * @param obj Object on which the event will be attached
 * @param ev Kind of event
 * @param fu Function which is execute on the event
 */
removeEvent:  function(obj, ev, fu) {
if (obj.attachEvent)
obj.detachEvent("on" + ev, fu);
else
obj.removeEventListener(ev, fu, false);
},
/**
 * Includes a javascript file
 *
 * @param file Javascript file path and name
 */
includeJS: function(file) {
var script = document.createElement("script");
this.setAttribute(script, "type", "text/javascript");
this.setAttribute(script, "src", file);
var heads = document.getElementsByTagName("head");
for(var i=0;i<heads.length;i++) {
heads[i].appendChild(script);		
}
},
/**
 * Includes a stylesheet file
 *
 * @param file Stylesheet file path and name
 */
includeCSS: function(path) {
var link = document.createElement("link");
this.setAttribute(link, "rel", "stylesheet");
this.setAttribute(link, "type", "text/css");
this.setAttribute(link, "href", path);
var heads = document.getElementsByTagName("head");
for(var i=0;i<heads.length;i++) {
heads[i].appendChild(link);		
}
},
/**
 * Get the screen position of the given element.
 * 
 * @param {HTMLObject} elm1 Element which position will be calculate
 * @param {HTMLObject} elm2 Element which is the last one before calculation stops
 * @param {Object} Left and top position of the given element
 */
getElementPosition: function(elm1, elm2) {
var top = 0, left = 0; 	
while (elm1 && elm1 != elm2) {
left += elm1.offsetLeft;
top += elm1.offsetTop;
elm1 = elm1.offsetParent;
}
return {left : left, top : top};
},
/**
 * Get the window size
 * @private
 */
windowSize: function() {
if (window.innerWidth) {
  		return {width: window.innerWidth, height: window.innerHeight};
  	} 
else if (document.body && document.body.offsetWidth) {
  		return {width: document.body.offsetWidth, height: document.body.offsetHeight};
  	} 
else {
  		return {width: 0, height: 0};
  	}
}
}
/**
 * Context menu object
 */
var WYSIWYG_ContextMenu = {
html: "",
contextMenuDiv: null,
/**
 * Init function
 *
 * @param {String} n Editor identifier
 */
init: function(n) {
var doc = WYSIWYG.getEditorWindow(n).document;
// create context menu div
this.contextMenuDiv = document.createElement("div");
this.contextMenuDiv.className = "wysiwyg-context-menu-div";
this.contextMenuDiv.setAttribute("class", "wysiwyg-context-menu-div");
this.contextMenuDiv.style.display = "none";
this.contextMenuDiv.style.position = "absolute";
this.contextMenuDiv.style.zIndex = 9999;
this.contextMenuDiv.style.left = "0";
this.contextMenuDiv.style.top = "0";
this.contextMenuDiv.unselectable = "on";		
document.body.insertBefore(this.contextMenuDiv, document.body.firstChild);
// bind event listeners
WYSIWYG_Core.addEvent(doc, "contextmenu", function context(e) { WYSIWYG_ContextMenu.show(e, n); });
WYSIWYG_Core.addEvent(doc, "click", function context(e) { WYSIWYG_ContextMenu.close(); });
WYSIWYG_Core.addEvent(doc, "keydown", function context(e) { WYSIWYG_ContextMenu.close(); });
WYSIWYG_Core.addEvent(document, "click", function context(e) { WYSIWYG_ContextMenu.close(); });
},
/**
 * Show the context menu
 *
 * @param e Event
 * @param n Editor identifier
 */
show: function(e, n) {
if(this.contextMenuDiv == null) return false;
var ifrm = WYSIWYG.getEditor(n);
var doc = WYSIWYG.getEditorWindow(n).document;
// set the context menu position
var pos = WYSIWYG_Core.getElementPosition(ifrm);		
var x = WYSIWYG_Core.isMSIE ? pos.left + e.clientX : pos.left + (e.pageX - doc.body.scrollLeft);
var y = WYSIWYG_Core.isMSIE ? pos.top + e.clientY : pos.top + (e.pageY - doc.body.scrollTop);
this.contextMenuDiv.style.left = x + "px"; 
this.contextMenuDiv.style.top = y + "px";
this.contextMenuDiv.style.visibility = "visible";
this.contextMenuDiv.style.display = "block";	
// call the context menu, mozilla needs some time
window.setTimeout("WYSIWYG_ContextMenu.output('" + n + "')", 10);
WYSIWYG_Core.cancelEvent(e);
return false;
},
/**
 * Output the context menu items
 *
 * @param n Editor identifier
 */
output: function (n) {
// get selection
var sel = WYSIWYG.getSelection(n);
var range = WYSIWYG.getRange(sel);
// get current selected node					
var tag = WYSIWYG.getTag(range);
if(tag == null) { return; }
// clear context menu
this.clear();
// Determine kind of nodes
var isImg = (tag.nodeName == "IMG") ? true : false;
var isLink = (tag.nodeName == "A") ? true : false;
// Selection is an image or selection is a text with length greater 0
var len = 0;
if(WYSIWYG_Core.isMSIE)
len = (document.selection && range.text) ? range.text.length : 0;
else
len = range.toString().length;
var sel = len != 0 || isImg;
// Icons
var iconLink = { enabled: WYSIWYG.config[n].ImagesDir + WYSIWYG.ToolbarList["createlink"][3], disabled: WYSIWYG.config[n].ImagesDir + WYSIWYG.ToolbarList["createlink"][2]};
var iconImage = { enabled: WYSIWYG.config[n].ImagesDir + WYSIWYG.ToolbarList["insertimage"][3], disabled: WYSIWYG.config[n].ImagesDir + WYSIWYG.ToolbarList["insertimage"][2]};
var iconDelete = { enabled: WYSIWYG.config[n].ImagesDir + WYSIWYG.ToolbarList["delete"][3], disabled: WYSIWYG.config[n].ImagesDir + WYSIWYG.ToolbarList["delete"][2]};
var iconCopy = { enabled: WYSIWYG.config[n].ImagesDir + WYSIWYG.ToolbarList["copy"][3], disabled: WYSIWYG.config[n].ImagesDir + WYSIWYG.ToolbarList["copy"][2]};
var iconCut = { enabled: WYSIWYG.config[n].ImagesDir + WYSIWYG.ToolbarList["cut"][3], disabled: WYSIWYG.config[n].ImagesDir + WYSIWYG.ToolbarList["cut"][2]};
var iconPaste = { enabled: WYSIWYG.config[n].ImagesDir + WYSIWYG.ToolbarList["paste"][3], disabled: WYSIWYG.config[n].ImagesDir + WYSIWYG.ToolbarList["paste"][2]};
// Create context menu html
this.html += '<table class="wysiwyg-context-menu" border="0" cellpadding="0" cellspacing="0">';
// Add items
this.addItem(n, 'Copy', iconCopy, 'Copy', sel);
this.addItem(n, 'Cut', iconCut, 'Cut', sel);
this.addItem(n, 'Paste', iconPaste, 'Paste', true);
this.addSeperator();
this.addItem(n, 'InsertImage', iconImage, 'Modify Image Properties...', isImg);
this.addItem(n, 'CreateLink', iconLink, 'Create or Modify Link...', sel || isLink);
this.addItem(n, 'RemoveNode', iconDelete, 'Remove', true);
this.html += '</table>';
this.contextMenuDiv.innerHTML = this.html;
},
/**
 * Close the context menu
 */
close: function() {
this.contextMenuDiv.style.visibility = "hidden";
this.contextMenuDiv.style.display = "none";
},
/**
 * Clear context menu
 */
clear: function() {
this.contextMenuDiv.innerHTML = "";
this.html = "";	
},
/**
 * Add context menu item 
 * 
 * @param n editor identifier
 * @param cmd Command
 * @param icon Icon which is diabled
 * @param title Title of the item
 * @param disabled If item is diabled
 */
addItem: function(n, cmd, icon, title, disabled) {
var item = '';
if(disabled) {
item += '<tr>';
item += '<td class="icon"><a href="javascript:WYSIWYG.execCommand(\'' + n + '\',\'' + cmd + '\', null);"><img src="' + icon.enabled + '" border="0"></a></td>';
item += '<td onmouseover="this.className=\'mouseover\'" onmouseout="this.className=\'\'" onclick="WYSIWYG.execCommand(\'' + n + '\', \'' + cmd + '\', null);WYSIWYG_ContextMenu.close();"><a href="javascript:void(0);">' + title + '</a></td>';
item += '</tr>';
}
else {
item += '<tr>';
item += '<td class="icon"><img src="' + icon.disabled + '" border="0"></td>';
item += '<td onmouseover="this.className=\'mouseover\'" onmouseout="this.className=\'\'"><span class="disabled">' + title + '</span></td>';
item += '</tr>';
}
this.html += item;
},
/**
 * Add seperator to context menu
 */
addSeperator: function() {
var output = '';
output += '<tr>';
output += '<td colspan="2" style="text-align:center;"><hr size="1" color="#C9C9C9" width="95%"></td>';
output += '</tr>';
this.html += output;
}
}
/**
 * Table object
 */
var WYSIWYG_Table = {
/**
 * 
 */
create: function(n, tbl) {
// get editor
var doc = WYSIWYG.getEditorWindow(n).document;
// get selection and range
var sel = WYSIWYG.getSelection(n);
var range = WYSIWYG.getRange(sel);
var table = null;
// get element from selection
if(WYSIWYG_Core.isMSIE) {
if(sel.type == "Control" && range.length == 1) {	
range = WYSIWYG.getTextRange(range(0));
range.select();
}
}
// find a parent TABLE element
//table = WYSIWYG.findParent("table", range);
// check if parent is found
//var update = (table == null) ? false : true;
//if(!update) table = tbl;
table = tbl;
// add rows and cols
var rows = WYSIWYG_Core.getAttribute(tbl, "tmprows");
var cols = WYSIWYG_Core.getAttribute(tbl, "tmpcols");
WYSIWYG_Core.removeAttribute(tbl, "tmprows");
WYSIWYG_Core.removeAttribute(tbl, "tmpcols");
for(var i=0;i<rows;i++) {
var tr = doc.createElement("tr");
for(var j=0;j<cols;j++){
var td = createTD();
tr.appendChild(td);	
}
table.appendChild(tr);
}
// on update exit here
//if(update) { return; }
// Check if IE or Mozilla (other)
if (WYSIWYG_Core.isMSIE) {
range.pasteHTML(table.outerHTML);   
}
else {
WYSIWYG.insertNodeAtSelection(table, n);
}
// refresh table highlighting
this.refreshHighlighting(n);
 	// functions
function createTD() {
var td = doc.createElement("td");
td.innerHTML = "&nbsp;";
return td;
}
 	
},
/**
 * Enables the table highlighting
 * 
 * @param {String} n The editor identifier (the textarea's ID)
 */
refreshHighlighting: function(n) {
var doc = WYSIWYG.getEditorWindow(n).document;
var tables = doc.getElementsByTagName("table");	
for(var i=0;i<tables.length;i++) {
this._enableHighlighting(tables[i]);
}
var tds = doc.getElementsByTagName("td");	
for(var i=0;i<tds.length;i++) {
this._enableHighlighting(tds[i]);
}
},
/**
 * Enables the table highlighting
 * 
 * @param {String} n The editor identifier (the textarea's ID)
 */
disableHighlighting: function(n) {
var doc = WYSIWYG.getEditorWindow(n).document;
var tables = doc.getElementsByTagName("table");	
for(var i=0;i<tables.length;i++) {
this._disableHighlighting(tables[i]);
}
var tds = doc.getElementsByTagName("td");	
for(var i=0;i<tds.length;i++) {
this._disableHighlighting(tds[i]);
}
},
/**
 * @private
 */
_enableHighlighting: function(node) {
var style = WYSIWYG_Core.getAttribute(node, "style");	
if(style == null) style = " ";
//alert("ENABLE: ELM = " + node.tagName + "; STYLE = " + style);
WYSIWYG_Core.removeAttribute(node, "prevstyle");
WYSIWYG_Core.setAttribute(node, "prevstyle", style);
WYSIWYG_Core.setAttribute(node, "style", "border:1px dashed #AAAAAA;");
},
/**
 * @private
 */
_disableHighlighting: function(node) {
var style = WYSIWYG_Core.getAttribute(node, "prevstyle");
//alert("DISABLE: ELM = " + node.tagName + "; STYLE = " + style);
// if no prevstyle is defined, the table is not in highlighting mode
if(style == null || style == "") { 
this._enableHighlighting(node); 
return; 
}			
WYSIWYG_Core.removeAttribute(node, "prevstyle");
WYSIWYG_Core.removeAttribute(node, "style");
WYSIWYG_Core.setAttribute(node, "style", style);
}
}
/**
 * Get an element by it's identifier
 *
 * @param id Element identifier
 */
function $(id) {
return document.getElementById(id);
}
/**
 * Emulates insertAdjacentHTML(), insertAdjacentText() and 
 * insertAdjacentElement() three functions so they work with Netscape 6/Mozilla
 * by Thor Larholm me@jscript.dk
 */
if(typeof HTMLElement!="undefined" && !HTMLElement.prototype.insertAdjacentElement){
HTMLElement.prototype.insertAdjacentElement = function (where,parsedNode) {
  switch (where){
case 'beforeBegin':
this.parentNode.insertBefore(parsedNode,this);
break;
case 'afterBegin':
this.insertBefore(parsedNode,this.firstChild);
break;
case 'beforeEnd':
this.appendChild(parsedNode);
break;
case 'afterEnd':
if (this.nextSibling) { 
this.parentNode.insertBefore(parsedNode,this.nextSibling); 
}
else { 
this.parentNode.appendChild(parsedNode); 
}
break;
  }
};
HTMLElement.prototype.insertAdjacentHTML = function (where,htmlStr) {
var r = this.ownerDocument.createRange();
r.setStartBefore(this);
var parsedHTML = r.createContextualFragment(htmlStr);
this.insertAdjacentElement(where,parsedHTML);
};
HTMLElement.prototype.insertAdjacentText = function (where,txtStr) {
var parsedText = document.createTextNode(txtStr);
this.insertAdjacentElement(where,parsedText);
};
}