/* Added by module "editor_tools", file "mods/editor_tools/editor_tools.js" */
///////////////////////////////////////////////////////////////////////////////
// //
// Copyright (C) 2007 Phorum Development Team //
// http://www.phorum.org //
// //
// This program is free software. You can redistribute it and/or modify //
// it under the terms of either the current Phorum License (viewable at //
// phorum.org) or the Phorum License that was distributed with this file //
// //
// This program 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. //
// //
// You should have received a copy of the Phorum License //
// along with this program. //
///////////////////////////////////////////////////////////////////////////////
// Javascript code for the Phorum editor_tools module.
// Valid object ids for textarea objects to handle. The first object
// that can be matched will be use as the object to work with.
// This is done to arrange for backward compatibility between
// Phorum versions.
var editor_tools_textarea_ids = new Array(
'phorum_textarea', // Phorum 5.1
'body', // Phorum 5.2
'message' // PM interface
);
// Valid object ids for subject text field objects to handle.
var editor_tools_subject_ids = new Array(
'phorum_subject', // Phorum 5.1
'subject' // Phorum 5.2
);
// Storage for language translation strings from the Phorum language system.
var editor_tools_lang = new Array();
// Some variables for storing objects that we need globally.
var editor_tools_textarea_obj = null;
var editor_tools_subject_obj = null;
var editor_tools_help_picker_obj = null;
// A variable for storing the current selection range of the 
// textarea. Needed for working around an MSIE problem.
var editor_tools_textarea_range = null;
// A variable for storing all popup objects that we have, so we
// can hide them all at once.
var editor_tools_popup_objects = new Array();
// Storage for the tools that have to be added to the editor tools panel.
// The array value contains the following fields:
//
// 1) the id for the tool (must be unique)
// 2) a description to use as the tooltip title for the button
// 3) the icon image to display as a button.
// 4) the javascript action to run when the user clicks the button
// 5) optional: the width of the icon image
// 6) optional: the height of the icon image (presumed 20px by default)
//
// This array will be filled from PHP-generated javascript.
var editor_tools = new Array();
// Storage for help chapters that must be put under the editor tools
// help button. The array value contains the following fields:
//
// 1) a description that will be used as the clickable link text.
// 2) the url for the help page (absolute or relative to the Phorum dir).
//
// This array will be filled from PHP-generated javascript.
var editor_tools_help_chapters = new Array();
// The dimensions of the help window.
var editor_tools_help_width = '400px';
var editor_tools_help_height = '400px';
// The default height for our icons.
// This one is filled from PHP-generated javascript.
var editor_tools_default_iconheight;
// A simple browser check. We need to know the browser version, because
// the color picker won't work on at least MacOS MSIE 5.
var OLD_MSIE =
navigator.userAgent.indexOf('MSIE')>=0 &&
navigator.appVersion.replace(/.*MSIE (\d\.\d).*/g,'$1')/1 < 6;
// ----------------------------------------------------------------------
// Uitilty functions
// ----------------------------------------------------------------------
// Find the Phorum textarea object and return it. In case of
// problems, null will be returned.
function editor_tools_get_textarea()
{
if (editor_tools_textarea_obj != null) {
return editor_tools_textarea_obj;
}
for (var i=0; editor_tools_textarea_ids[i]; i++) {
editor_tools_textarea_obj =
document.getElementById(editor_tools_textarea_ids[i]);
if (editor_tools_textarea_obj) break;
}
if (! editor_tools_textarea_obj) {
alert("editor_tools.js library reports: " +
"no textarea found on the current page.");
return null;
}
return editor_tools_textarea_obj;
}
// Find the Phorum subject field object and return it. In case of
// problems, null will be returned.
function editor_tools_get_subjectfield()
{
if (editor_tools_subject_obj != null) {
return editor_tools_subject_obj;
}
for (var i=0; editor_tools_subject_ids[i]; i++) {
editor_tools_subject_obj =
document.getElementById(editor_tools_subject_ids[i]);
if (editor_tools_subject_obj) break;
}
if (! editor_tools_subject_obj) {
return null;
}
return editor_tools_subject_obj;
}
// Return a translated string, based on the Phorum language system.
function editor_tools_translate(str)
{
if (editor_tools_lang[str]) {
return editor_tools_lang[str];
} else {
return str;
}
}
// Strip whitespace from the start and end of a string.
function editor_tools_strip_whitespace(str, return_stripped)
{
var strip_pre = '';
var strip_post = '';
// Strip whitespace from end of string.
for (;;) {
var lastchar = str.substring(str.length-1, str.length);
if (lastchar == ' ') {
strip_post += ' ';
str = str.substring(0, str.length-1);
} else {
break;
}
}
// Strip whitespace from start of string.
for (;;) {
var firstchar = str.substring(0,1);
if (firstchar == ' ') {
strip_pre += ' ';
str = str.substring(1);
} else {
break;
}
}
if (return_stripped) {
return new Array(str, strip_pre, strip_post);
} else {
return str;
}
} 
// Close all popup windows and move the focus to the textarea.
function editor_tools_focus_textarea()
{
var textarea_obj = editor_tools_get_textarea();
if (textarea_obj == null) return;
editor_tools_hide_all_popups();
textarea_obj.focus();
}
// Close all popup windows and move the focus to the subject field.
function editor_tools_focus_subjectfield()
{
var subjectfield_obj = editor_tools_get_subjectfield();
if (subjectfield_obj == null) return;
editor_tools_hide_all_popups();
subjectfield_obj.focus();
}
// ----------------------------------------------------------------------
// Construction of the editor tools
// ----------------------------------------------------------------------
// Add the editor tools panel to the page.
function editor_tools_construct()
{
var textarea_obj;
var div_obj;
var parent_obj;
var a_obj;
var img_obj;
// If the browser does not support document.getElementById,
// then the javascript code won't run. Do not display the
// editor tools at all in that case.
if (! document.getElementById) return;
// No editor tools selected to display? Then we're done.
if (editor_tools.length == 0) return;
// Find the textarea and subject field object.
textarea_obj = editor_tools_get_textarea();
if (textarea_obj == null) return; // we consider this fatal.
var subjectfield_obj = editor_tools_get_subjectfield();
// Insert a<div>for containing the buttons, just before the textarea,
// unless there is already an object with id "editor-tools". In that
// case, the existing object is used instead.
div_obj = document.getElementById('editor-tools');
if (! div_obj) {
parent_obj = textarea_obj.parentNode;
div_obj = document.createElement('div');
div_obj.id = 'editor-tools';
parent_obj.insertBefore(div_obj, textarea_obj);
}
// Add the buttons to the new<div>for the editor tools.
for (var i = 0; i < editor_tools.length; i++)
{
var toolinfo = editor_tools[i];
var tool = toolinfo[0];
var description = toolinfo[1];
var icon = toolinfo[2];
var jsaction = toolinfo[3];
var iwidth = toolinfo[4];
var iheight = toolinfo[5];
var target = toolinfo[6];
// Do not use the color picker on MSIE 5. I tested this on a
// Macintosh OS9 system and the color picker about hung MSIE.
if (tool == 'color' && OLD_MSIE) continue;
a_obj = document.createElement('a');
a_obj.id = "editor-tools-a-" + tool;
a_obj.href = "javascript:" + jsaction;
img_obj = document.createElement('img');
img_obj.id = "editor-tools-img-" + tool;
img_obj.className = "editor-tools-button";
img_obj.src = icon;
img_obj.width = iwidth;
img_obj.height = iheight;
img_obj.style.padding = '2px';
img_obj.alt = description;
img_obj.title = description;
// If an icon is added that is less high than our default icon
// height, we try to make the button the same height as the
// others by adding some dynamic padding to it.
if (iheight < editor_tools_default_iconheight) {
var fill = editor_tools_default_iconheight - iheight;
var addbottom = Math.round(fill / 2);
var addtop = fill - addbottom;
img_obj.style.paddingTop = (addtop + 2) + 'px';
img_obj.style.paddingBottom = (addbottom + 2) + 'px';
}
a_obj.appendChild(img_obj);
// Add the button to the page.
// target = subject is a feature that was added for supporting
// the subjectsmiley tool. This one is added to the subject field
// instead of the textarea. 
if (target == 'subject') {
// Find the subject text field. If we can't find one,
// then simply ignore this tool.
if (subjectfield_obj) {
img_obj.style.verticalAlign = 'top';
var parent = subjectfield_obj.parentNode;
var sibling = subjectfield_obj.nextSibling;
parent.insertBefore(a_obj, sibling);
}
} else {
div_obj.appendChild(a_obj);
}
}
// Hide any open popup when the user clicks the textarea or subject field.
textarea_obj.onclick = function() {
editor_tools_hide_all_popups();
};
if (subjectfield_obj) {
subjectfield_obj.onclick = function() {
editor_tools_hide_all_popups();
}
}
}
// ----------------------------------------------------------------------
// Popup window utilities
// ----------------------------------------------------------------------
// Create a popup window.
function editor_tools_construct_popup(create_id, anchor)
{
// Create the outer div for the popup window.
var popup_obj = document.createElement('div');
popup_obj.id = create_id;
popup_obj.className = 'editor-tools-popup';
popup_obj.style.display = 'none';
document.getElementById('editor-tools').appendChild(popup_obj);
popup_obj._anchor = anchor;
// Create the inner content div.
var content_obj = document.createElement('div');
content_obj.id = create_id + '-content';
popup_obj.appendChild(content_obj);
return new Array(popup_obj, content_obj);
}
// Toggle a popup window.
function editor_tools_toggle_popup(popup_obj, button_obj, width, leftoffset)
{
// Determine where to show the popup on screen.
var work_obj = button_obj;
var top = work_obj.offsetTop + work_obj.offsetHeight + 2;
var left = work_obj.offsetLeft;
while (work_obj.offsetParent != null) {
work_obj = work_obj.offsetParent;
left += work_obj.offsetLeft;
top += work_obj.offsetTop;
}
if (leftoffset) left -= leftoffset;
if (width) popup_obj.style.width = width;
// Move the popup window to the right place.
if (popup_obj._anchor == 'r')
{
// Determine the screen width.
var scrwidth = null;
if (document.documentElement.clientWidth) {
// Firefox screen width.
scrwidth = document.documentElement.clientWidth;
} else {
scrwidth = document.body.clientWidth;
// -16 for scrollbar that is counted in in some browsers.
if (document.getElementById && !document.all) {
scrwidth -= 16;
}
}
var right = scrwidth - left - button_obj.offsetWidth;
popup_obj.style.right = right + 'px';
popup_obj.style.top = top + 'px';
} else {
popup_obj.style.left = left + 'px';
popup_obj.style.top = top + 'px';
}
// Toggle the popup window's visibility.
if (popup_obj.style.display == 'none') {
editor_tools_hide_all_popups();
popup_obj.style.display = 'block';
} else {
popup_obj.style.display = 'none';
editor_tools_focus_textarea();
}
}
// Register an object as a popup, so editor_tools_hide_all_popups() 
// can hide it.
function editor_tools_register_popup_object(object)
{
if (! object) return;
editor_tools_popup_objects[editor_tools_popup_objects.length] = object;
}
// Hide all objects that were registered as a popup.
function editor_tools_hide_all_popups()
{
for (var i = 0; i < editor_tools_popup_objects.length; i++) {
var object = editor_tools_popup_objects[i];
object.style.display = 'none';
}
}
// Save the selection range of the textarea. This is needed because
// sometimes clicking in a popup can clear the selection in MSIE.
function editor_tools_store_range()
{
var ta = editor_tools_get_textarea();
if (ta == null || ta.setSelectionRange || ! document.selection) return;
ta.focus();
editor_tools_textarea_range = document.selection.createRange();
}
// Restored a saved textarea selection range.
function editor_tools_restore_range()
{
if (editor_tools_textarea_range != null)
{
editor_tools_textarea_range.select();
editor_tools_textarea_range = null;
}
}
// ----------------------------------------------------------------------
// Textarea manipulation
// ----------------------------------------------------------------------
// Add tags to the textarea. If some text is selected, then place the
// tags around the selected text. If no text is selected and a prompt_str
// is provided, then prompt the user for the data to place inside
// the tags.
function editor_tools_add_tags(pre, post, target, prompt_str)
{
var text;
var pretext;
var posttext;
var range;
var ta = target ? target : editor_tools_get_textarea();
if (ta == null) return;
if(ta.setSelectionRange)
{
// Add pre and post to the text.
pretext = ta.value.substring(0, ta.selectionStart);
text = ta.value.substring(ta.selectionStart, ta.selectionEnd);
posttext = ta.value.substring(ta.selectionEnd, ta.value.length);
if (text == '' && prompt_str) {
text = prompt(prompt_str, '');
if (text == null) return;
}
// Strip whitespace from text selection and move it to the
// pre- and post.
var res = editor_tools_strip_whitespace(text, true);
text = res[0];
pre = res[1] + pre;
post = post + res[2];
ta.value = pretext + pre + text + post + posttext;
// Set the cursor to a logical position.
var cursorpos = pretext.length + pre.length;
if (text.length != 0) cursorpos += text.length + post.length;
ta.setSelectionRange(cursorpos, cursorpos);
ta.focus();
}
else if (document.selection) /* MSIE support */
{
// Add pre and post to the text.
ta.focus();
range = document.selection.createRange();
text = range.text;
if (text == '' && prompt_str) {
text = prompt(prompt_str, '');
if (text == null) return;
}
if (text.length <= 0) {
// Add pre and post to the text.
range.text = pre + post;
// Set the cursor to a logical position.
range.moveStart("character", -(post.length));
range.moveEnd("character", -(post.length));
range.select();
} else {
// Strip whitespace from text selection and move it to the
// pre- and post.
var res = editor_tools_strip_whitespace(text, true);
text = res[0];
pre = res[1] + pre;
post = post + res[2];
// Add pre and post to the text.
range.text = pre + text + post;
// Set the cursor to a logical position.
range.select();
}
} else { /* Support for really limited browsers, e.g. MSIE5 on MacOS */
ta.value = ta.value + pre + post;
}
}
// ----------------------------------------------------------------------
// Tool: Help
// ----------------------------------------------------------------------
function editor_tools_handle_help()
{
var c = editor_tools_help_chapters;
// Shouldn't happen.
if (c.length == 0) {
alert('No help chapters available');
return;
}
// Exactly one help chapter available. Immediately open the chapter.
if (c.length == 1) {
editor_tools_handle_help_select(c[0][1]);
return;
}
// Multiple chapters available. Show a help picker menu with some
// choices. Create the help picker on first access.
if (!editor_tools_help_picker_obj)
{
// Create a new popup.
var popup = editor_tools_construct_popup('editor-tools-help-picker','r');
editor_tools_help_picker_obj = popup[0];
var content_obj = popup[1];
// Populate the new popup.
for (var i = 0; i < editor_tools_help_chapters.length; i++) 
{
var helpinfo = editor_tools_help_chapters[i];
var a_obj = document.createElement('a');
a_obj.href = 'javascript:editor_tools_handle_help_select("' + helpinfo[1] + '")';
a_obj.innerHTML = helpinfo[0];
content_obj.appendChild(a_obj);
content_obj.appendChild(document.createElement('br'));
}
// Register the popup with the editor tools.
editor_tools_register_popup_object(editor_tools_help_picker_obj);
}
// Display the popup.
var button_obj = document.getElementById('editor-tools-img-help');
editor_tools_toggle_popup(editor_tools_help_picker_obj, button_obj);
}
function editor_tools_handle_help_select(url)
{
var help_window = window.open(
url,
'editor_tools_help',
'resizable=yes,' +
'menubar=no,' +
'directories=no,' +
'scrollbars=yes,' +
'toolbar=no,' +
'status=no,' +
'width=' + editor_tools_help_width + ',' +
'height=' + editor_tools_help_height
);
editor_tools_focus_textarea();
help_window.focus();
}
/* Added by module "smileys", file "mods/smileys/smileys_editor_tools.js.php" */
///////////////////////////////////////////////////////////////////////////////
// //
// Copyright (C) 2007 Phorum Development Team //
// http://www.phorum.org //
// //
// This program is free software. You can redistribute it and/or modify //
// it under the terms of either the current Phorum License (viewable at //
// phorum.org) or the Phorum License that was distributed with this file //
// //
// This program 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. //
// //
// You should have received a copy of the Phorum License //
// along with this program. //
///////////////////////////////////////////////////////////////////////////////
// Javascript code for Smileys support in the Phorum editor_tools module.
// Some variables for storing objects that we need globally.
var editor_tools_smiley_picker_obj = null;
var editor_tools_subjectsmiley_picker_obj = null;
// Smileys for the smiley picker.
// *_s = search strings (smileys)
// *_r = replace strings (image urls)
var editor_tools_smileys = new Array();
var editor_tools_smileys_r = new Array();
var editor_tools_smileys_a = new Array();
var editor_tools_subjectsmileys = new Array();
var editor_tools_subjectsmileys_r = new Array();
var editor_tools_subjectsmileys_a = new Array();
// The width and offset to the left for the smiley picker popup menus.
// These values can be tweaked from the smiley module settings page.
var editor_tools_smileys_popupwidth = '150px';
var editor_tools_smileys_popupoffset = 0;
var editor_tools_subjectsmileys_popupwidth = '150px';
var editor_tools_subjectsmileys_popupoffset = 0;
// The available smileys.
editor_tools_smileys[0] = '(:P)';
editor_tools_smileys_r[0] = 'http://dub-connection.net/forum/./mods/smileys/images/smiley25.gif';
editor_tools_smileys_a[0] = 'spinning smiley sticking its tongue out';
editor_tools_subjectsmileys[0] = '(:P)';
editor_tools_subjectsmileys_r[0] = 'http://dub-connection.net/forum/./mods/smileys/images/smiley25.gif';
editor_tools_subjectsmileys_a[0] = 'spinning smiley sticking its tongue out';
editor_tools_smileys[1] = '(td)';
editor_tools_smileys_r[1] = 'http://dub-connection.net/forum/./mods/smileys/images/smiley23.gif';
editor_tools_smileys_a[1] = 'thumbs down';
editor_tools_subjectsmileys[1] = '(td)';
editor_tools_subjectsmileys_r[1] = 'http://dub-connection.net/forum/./mods/smileys/images/smiley23.gif';
editor_tools_subjectsmileys_a[1] = 'thumbs down';
editor_tools_smileys[2] = '(tu)';
editor_tools_smileys_r[2] = 'http://dub-connection.net/forum/./mods/smileys/images/smiley24.gif';
editor_tools_smileys_a[2] = 'thumbs up';
editor_tools_subjectsmileys[2] = '(tu)';
editor_tools_subjectsmileys_r[2] = 'http://dub-connection.net/forum/./mods/smileys/images/smiley24.gif';
editor_tools_subjectsmileys_a[2] = 'thumbs up';
editor_tools_smileys[3] = ':)-D';
editor_tools_smileys_r[3] = 'http://dub-connection.net/forum/./mods/smileys/images/smiley15.gif';
editor_tools_smileys_a[3] = 'smileys with beer';
editor_tools_subjectsmileys[3] = ':)-D';
editor_tools_subjectsmileys_r[3] = 'http://dub-connection.net/forum/./mods/smileys/images/smiley15.gif';
editor_tools_subjectsmileys_a[3] = 'smileys with beer';
editor_tools_smileys[4] = '>:D<';
editor_tools_smileys_r[4] = 'http://dub-connection.net/forum/./mods/smileys/images/smiley14.gif';
editor_tools_smileys_a[4] = 'the finger smiley';
editor_tools_subjectsmileys[4] = '>:D<';
editor_tools_subjectsmileys_r[4] = 'http://dub-connection.net/forum/./mods/smileys/images/smiley14.gif';
editor_tools_subjectsmileys_a[4] = 'the finger smiley';
editor_tools_smileys[5] = '(:D';
editor_tools_smileys_r[5] = 'http://dub-connection.net/forum/./mods/smileys/images/smiley12.gif';
editor_tools_smileys_a[5] = 'smiling bouncing smiley';
editor_tools_subjectsmileys[5] = '(:D';
editor_tools_subjectsmileys_r[5] = 'http://dub-connection.net/forum/./mods/smileys/images/smiley12.gif';
editor_tools_subjectsmileys_a[5] = 'smiling bouncing smiley';
editor_tools_smileys[6] = '8-)';
editor_tools_smileys_r[6] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie8.gif';
editor_tools_smileys_a[6] = 'eye rolling smiley';
editor_tools_subjectsmileys[6] = '8-)';
editor_tools_subjectsmileys_r[6] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie8.gif';
editor_tools_subjectsmileys_a[6] = 'eye rolling smiley';
editor_tools_smileys[7] = ':)o';
editor_tools_smileys_r[7] = 'http://dub-connection.net/forum/./mods/smileys/images/smiley16.gif';
editor_tools_smileys_a[7] = 'drinking smiley';
editor_tools_subjectsmileys[7] = ':)o';
editor_tools_subjectsmileys_r[7] = 'http://dub-connection.net/forum/./mods/smileys/images/smiley16.gif';
editor_tools_subjectsmileys_a[7] = 'drinking smiley';
editor_tools_smileys[8] = '::o';
editor_tools_smileys_r[8] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie10.gif';
editor_tools_smileys_a[8] = 'eye popping smiley';
editor_tools_subjectsmileys[8] = '::o';
editor_tools_subjectsmileys_r[8] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie10.gif';
editor_tools_subjectsmileys_a[8] = 'eye popping smiley';
editor_tools_smileys[9] = 'B)-';
editor_tools_smileys_r[9] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie7.gif';
editor_tools_smileys_a[9] = 'smoking smiley';
editor_tools_subjectsmileys[9] = 'B)-';
editor_tools_subjectsmileys_r[9] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie7.gif';
editor_tools_subjectsmileys_a[9] = 'smoking smiley';
editor_tools_smileys[10] = ':(';
editor_tools_smileys_r[10] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie2.gif';
editor_tools_smileys_a[10] = 'sad smiley';
editor_tools_subjectsmileys[10] = ':(';
editor_tools_subjectsmileys_r[10] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie2.gif';
editor_tools_subjectsmileys_a[10] = 'sad smiley';
editor_tools_smileys[11] = ':)';
editor_tools_smileys_r[11] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie1.gif';
editor_tools_smileys_a[11] = 'smiling smiley';
editor_tools_subjectsmileys[11] = ':)';
editor_tools_subjectsmileys_r[11] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie1.gif';
editor_tools_subjectsmileys_a[11] = 'smiling smiley';
editor_tools_smileys[12] = ':?';
editor_tools_smileys_r[12] = 'http://dub-connection.net/forum/./mods/smileys/images/smiley17.gif';
editor_tools_smileys_a[12] = 'moody smiley';
editor_tools_subjectsmileys[12] = ':?';
editor_tools_subjectsmileys_r[12] = 'http://dub-connection.net/forum/./mods/smileys/images/smiley17.gif';
editor_tools_subjectsmileys_a[12] = 'moody smiley';
editor_tools_smileys[13] = ':D';
editor_tools_smileys_r[13] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie5.gif';
editor_tools_smileys_a[13] = 'grinning smiley';
editor_tools_subjectsmileys[13] = ':D';
editor_tools_subjectsmileys_r[13] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie5.gif';
editor_tools_subjectsmileys_a[13] = 'grinning smiley';
editor_tools_smileys[14] = ':P';
editor_tools_smileys_r[14] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie6.gif';
editor_tools_smileys_a[14] = 'tongue sticking out smiley';
editor_tools_subjectsmileys[14] = ':P';
editor_tools_subjectsmileys_r[14] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie6.gif';
editor_tools_subjectsmileys_a[14] = 'tongue sticking out smiley';
editor_tools_smileys[15] = ':S';
editor_tools_smileys_r[15] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie11.gif';
editor_tools_smileys_a[15] = 'confused smiley';
editor_tools_subjectsmileys[15] = ':S';
editor_tools_subjectsmileys_r[15] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie11.gif';
editor_tools_subjectsmileys_a[15] = 'confused smiley';
editor_tools_smileys[16] = ':X';
editor_tools_smileys_r[16] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie9.gif';
editor_tools_smileys_a[16] = 'angry smiley';
editor_tools_subjectsmileys[16] = ':X';
editor_tools_subjectsmileys_r[16] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie9.gif';
editor_tools_subjectsmileys_a[16] = 'angry smiley';
editor_tools_smileys[17] = ':o';
editor_tools_smileys_r[17] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie4.gif';
editor_tools_smileys_a[17] = 'yawning smiley';
editor_tools_subjectsmileys[17] = ':o';
editor_tools_subjectsmileys_r[17] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie4.gif';
editor_tools_subjectsmileys_a[17] = 'yawning smiley';
editor_tools_smileys[18] = ';)';
editor_tools_smileys_r[18] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie3.gif';
editor_tools_smileys_a[18] = 'winking smiley';
editor_tools_subjectsmileys[18] = ';)';
editor_tools_subjectsmileys_r[18] = 'http://dub-connection.net/forum/./mods/smileys/images/smilie3.gif';
editor_tools_subjectsmileys_a[18] = 'winking smiley';
editor_tools_smileys[19] = 'B)';
editor_tools_smileys_r[19] = 'http://dub-connection.net/forum/./mods/smileys/images/cool.gif';
editor_tools_smileys_a[19] = 'cool smiley';
editor_tools_subjectsmileys[19] = 'B)';
editor_tools_subjectsmileys_r[19] = 'http://dub-connection.net/forum/./mods/smileys/images/cool.gif';
editor_tools_subjectsmileys_a[19] = 'cool smiley';
editor_tools_smileys[20] = 'X(';
editor_tools_smileys_r[20] = 'http://dub-connection.net/forum/./mods/smileys/images/hot.gif';
editor_tools_smileys_a[20] = 'hot smiley';
editor_tools_subjectsmileys[20] = 'X(';
editor_tools_subjectsmileys_r[20] = 'http://dub-connection.net/forum/./mods/smileys/images/hot.gif';
editor_tools_subjectsmileys_a[20] = 'hot smiley';
// ----------------------------------------------------------------------
// Tool: smiley
// ----------------------------------------------------------------------
function editor_tools_handle_smiley()
{
// Create the smiley picker on first access.
if (!editor_tools_smiley_picker_obj)
{
// Create a new popup.
var popup = editor_tools_construct_popup('editor-tools-smiley-picker','l');
editor_tools_smiley_picker_obj = popup[0];
var content_obj = popup[1];
editor_tools_smiley_picker_obj.style.width = editor_tools_smileys_popupwidth;
// Populate the new popup.
for (var i = 0; i < editor_tools_smileys.length; i++)
{
var s = editor_tools_smileys[i];
var r = editor_tools_smileys_r[i];
var a = editor_tools_smileys_a[i];
var a_obj = document.createElement('a');
a_obj.href = 'javascript:editor_tools_handle_smiley_select("'+s+'")';
var img_obj = document.createElement('img');
img_obj.src = r;
img_obj.title = a;
img_obj.alt = a;
a_obj.appendChild(img_obj);
content_obj.appendChild(a_obj);
}
// Register the popup with the editor tools.
editor_tools_register_popup_object(editor_tools_smiley_picker_obj);
}
// Display the popup.
var button_obj = document.getElementById('editor-tools-img-smiley');
editor_tools_toggle_popup(
editor_tools_smiley_picker_obj,
button_obj,
editor_tools_smileys_popupwidth,
editor_tools_smileys_popupoffset
);
}
// Called by the smiley picker.
function editor_tools_handle_smiley_select(smiley)
{
smiley = editor_tools_strip_whitespace(smiley);
editor_tools_add_tags(smiley, '');
editor_tools_focus_textarea();
}
function editor_tools_handle_subjectsmiley()
{
// Create the smiley picker on first access.
if (!editor_tools_subjectsmiley_picker_obj)
{
// Create a new popup.
var popup = editor_tools_construct_popup('editor-tools-subjectsmiley-picker','l');
editor_tools_subjectsmiley_picker_obj = popup[0];
var content_obj = popup[1];
// Populate the new popup.
for (var i = 0; i < editor_tools_subjectsmileys.length; i++)
{
var s = editor_tools_subjectsmileys[i];
var r = editor_tools_subjectsmileys_r[i];
var a = editor_tools_subjectsmileys_a[i];
var a_obj = document.createElement('a');
a_obj.href = 'javascript:editor_tools_handle_subjectsmiley_select("'+s+'")';
var img_obj = document.createElement('img');
img_obj.src = r;
img_obj.alt = a;
img_obj.title = a;
a_obj.appendChild(img_obj);
content_obj.appendChild(a_obj);
}
// Register the popup with the editor tools.
editor_tools_register_popup_object(editor_tools_subjectsmiley_picker_obj);
}
// Display the popup.
var button_obj = document.getElementById('editor-tools-img-subjectsmiley');
editor_tools_toggle_popup(
editor_tools_subjectsmiley_picker_obj,
button_obj,
editor_tools_subjectsmileys_popupwidth,
editor_tools_subjectsmileys_popupoffset
);
}
// Called by the subject smiley picker.
function editor_tools_handle_subjectsmiley_select(smiley)
{
smiley = editor_tools_strip_whitespace(smiley);
editor_tools_add_tags(smiley, '', editor_tools_subject_obj);
editor_tools_focus_subjectfield();
}
// ----------------------------------------------------------------------
// Tool: subject smiley
// ----------------------------------------------------------------------
function editor_tools_handle_subjectsmiley()
{
// Create the smiley picker on first access.
if (!editor_tools_subjectsmiley_picker_obj)
{
// Create a new popup.
var popup = editor_tools_construct_popup('editor-tools-subjectsmiley-picker','l');
editor_tools_subjectsmiley_picker_obj = popup[0];
var content_obj = popup[1];
// Populate the new popup.
for (var i = 0; i < editor_tools_subjectsmileys.length; i++)
{
var s = editor_tools_subjectsmileys[i];
var r = editor_tools_subjectsmileys_r[i];
var a = editor_tools_subjectsmileys_a[i];
var a_obj = document.createElement('a');
a_obj.href = 'javascript:editor_tools_handle_subjectsmiley_select("'+s+'")';
var img_obj = document.createElement('img');
img_obj.src = r;
img_obj.alt = a;
img_obj.title = a;
a_obj.appendChild(img_obj);
content_obj.appendChild(a_obj);
}
// Register the popup with the editor tools.
editor_tools_register_popup_object(editor_tools_subjectsmiley_picker_obj);
}
// Display the popup.
var button_obj = document.getElementById('editor-tools-img-subjectsmiley');
editor_tools_toggle_popup(
editor_tools_subjectsmiley_picker_obj,
button_obj,
editor_tools_subjectsmileys_popupwidth,
editor_tools_subjectsmileys_popupoffset
);
}
// Called by the subject smiley picker.
function editor_tools_handle_subjectsmiley_select(smiley)
{
smiley = editor_tools_strip_whitespace(smiley);
editor_tools_add_tags(smiley, '', editor_tools_subject_obj);
editor_tools_focus_subjectfield();
}
/* Added by module "embed_images", file "mods/embed_images/embed_images.js" */
function mod_embed_images_loadimage(viewer_id, thumbnail_url, fullimage_url, ajax_url, target_url, message_id, max_w, max_h, loading_txt, rescheduled)
{
var container = document.getElementById('imagediv_'+viewer_id);
if (!container) return;
// If the image for the viewer id is already on the page, then we are
// handling a cached thumbnail for which no Ajax magic is required,
// but which is already loaded in the page. We'll only use this function
// for setting up a full size image viewer.
var image = document.getElementById('image_'+viewer_id);
if (image)
{
// If a function was loaded for a viewer to initialize the
// viewer, then hand over the image data to that function.
// Don't do this in case we have a target_url.
if (window.mod_embed_images_initviewer && !target_url) {
var link = document.getElementById('link_'+viewer_id);
mod_embed_images_initviewer(
container, image, link, fullimage_url, message_id
);
}
return;
}
if (!rescheduled)
{
// We use a bit of a strange hack here, by checking for readyState.
// This is not availble in all browsers. That's no problem though.
// We mainly want MSIE to check it and to let it postpone image
// loading till after the page is fully loaded. When doing things
// earlier in MSIE from script code that is not a direct descendant
// of<body>, we might get "operation aborted" errors.
if (document.readyState &&
document.readyState != 'loaded' &&
document.readyState != 'complete' &&
window.attachEvent &&
!window.opera) {
window.attachEvent('onload', function() {
mod_embed_images_loadimage(
viewer_id, thumbnail_url, fullimage_url,
ajax_url, target_url, message_id,
max_w, max_h, loading_txt, true
);
});
return;
}
// Display a "Loading ..." message to the user.
container.innerHTML =
'<div class="mod_embed_images_loading">' +
loading_txt +
'</div>';
}
// Create the XMLHttpRequest object that we can use to send an
// Ajax request to the server.
var xhr;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else if (window.ActiveXObject) {
var versions = [
"MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0",
"MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp",
"Microsoft.XMLHttp"
];
for (var i=0; i < versions.length; i++)
try { xhr = new ActiveXObject(versions[i]); } catch (e) { }
}
// No XMLHttpRequest object found? Fallback to a simpler way of
// displaying the thumbnail image. This way we won't have
// loading or error feedback and full size viewer support,
// but at least we do show the image. This should't happen for
// modern browsers.
if (!xhr)
{
target.innerHTML =
(target_url ? '<a href="'+target_url+'">' : '') +
'<img id="image_'+viewer_id+'" src="'+thumbnail_url+'"/>' +
(target_url ? '</a>' : '');
return;
}
// Setup the XMLHttpRequest object for the request.
xhr.open("get", ajax_url, true);
xhr.setRequestHeader("Content-Type", "text/plain");
xhr.onreadystatechange = function()
{
if (xhr.readyState == 4 && xhr.status == 200)
{
var res = xhr.responseText;
// An "OK <w>x<h> <scw>x<sch>" message was returned.
if (res.substr(0,2) == 'OK')
{
// Parse the respones message.
// I know... a bit old school parsing.
var dim = res.substr(3);
var xpos = dim.indexOf('x');
var spos = dim.indexOf(' ');
var origw = dim.substr(0,xpos);
var origh = dim.substr(xpos+1, spos-xpos-1);
dim = dim.substr(spos+1);
xpos = dim.indexOf('x');
var w = dim.substr(0,xpos);
var h = dim.substr(xpos+1);
var origsize = origw+"x"+origh;
var scalesize = w+"x"+h;
var is_scaled = (origsize != scalesize);
// Opera does not seem to load images that are not visible :(
// So for those, we never get an onload event. Therefore,
// we make the image 0x0 pixels and resize it to the real
// size after loading.
var html =
(target_url ? '<a href="'+target_url+'">' : '') +
'<img style="width:0px;height:0px" ' +
'id="image_'+viewer_id+'" ' +
'onload="' +
'mod_embed_images_image_loaded(this,'+w+','+h+')" ' +
'src="'+thumbnail_url+'"/>' +
(target_url ? '</a>' : '');
container.innerHTML += html;
// Go to extended viewer mode if the image was scaled down
// or if a target URL was provided.
if (is_scaled || target_url)
{
var info = document.getElementById('info_'+viewer_id);
if (info) info.style.display = 'block';
var div = document.getElementById('div_'+viewer_id);
if (div) div.className = 'mod_embed_images_extended';
}
// If a function was loaded for a viewer to initialize the
// viewer, then hand over the image data to that function.
if (window.mod_embed_images_initviewer) {
var image = document.getElementById('image_'+viewer_id);
var link = document.getElementById('link_'+viewer_id);
mod_embed_images_initviewer(
container, image, link, fullimage_url, message_id
);
}
}
// Some error message was returned. Show the error to the user.
else container.innerHTML =
'<div class="mod_embed_images_error">' +
'<strong>Image error</strong><br/>' +
res + '<br/>' +
'<a href="' + fullimage_url + '">open image URL</a>' +
'</div>';
}
}
// Send the request to the server.
xhr.send('');
}
function mod_embed_images_image_loaded(image, w, h)
{
image.style.width = w+'px';
image.style.height = h+'px';
var container = image.parentNode;
while (container.className != 'mod_embed_images_image') {
container = container.parentNode;
if (!container) return; // Should not happen.
}
container.style.width = image.width + 'px';
container.parentNode.style.width = parseInt(image.width) + 'px';
container.style.height = image.height + 'px';
for (var i = 0; i < container.childNodes.length; i++) {
if (container.childNodes[i].className == 'mod_embed_images_loading') {
container.childNodes[i].style.display = 'none';
}
}
}
/* Added by module "embed_images/viewer:dynadrive", file "mods/embed_images/viewers/dynadrive/code/thumbnailviewer.js" */
// -------------------------------------------------------------------
// Image Thumbnail Viewer Script- By Dynamic Drive, available at: http://www.dynamicdrive.com
// Last updated: Jan 22nd, 2007
// -------------------------------------------------------------------
var thumbnailviewer={
enableTitle: true, //Should "title" attribute of link be used as description?
enableAnimation: true, //Enable fading animation?
definefooter: '<div class="footerbar">CLOSE X</div>', //Define HTML for footer interface
defineLoading: '<img src="loading.gif" /> Loading Image...', //Define HTML for "loading" div
/////////////No need to edit beyond here/////////////////////////
scrollbarwidth: 16,
opacitystring: 'filter:progid:DXImageTransform.Microsoft.alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1',
targetlinks:[], //Array to hold links with rel="thumbnail"
createthumbBox:function(){
//write out HTML for Image Thumbnail Viewer plus loading div
document.write('<div id="thumbBox" onClick="thumbnailviewer.closeit()"><div id="thumbImage"></div>'+this.definefooter+'</div>')
document.write('<div id="thumbLoading">'+this.defineLoading+'</div>')
this.thumbBox=document.getElementById("thumbBox")
this.thumbImage=document.getElementById("thumbImage") //Reference div that holds the shown image
this.thumbLoading=document.getElementById("thumbLoading") //Reference "loading" div that will be shown while image is fetched
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
},
centerDiv:function(divobj){ //Centers a div element on the page
var ie=document.all && !window.opera
var dom=document.getElementById
var scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset
var scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset
var docwidth=(ie)? this.standardbody.clientWidth : window.innerWidth-this.scrollbarwidth
var docheight=(ie)? this.standardbody.clientHeight: window.innerHeight
var docheightcomplete=(this.standardbody.offsetHeight>this.standardbody.scrollHeight)? this.standardbody.offsetHeight : this.standardbody.scrollHeight //Full scroll height of document
var objwidth=divobj.offsetWidth //width of div element
var objheight=divobj.offsetHeight //height of div element
var topposition=(docheight>objheight)? scroll_top+docheight/2-objheight/2+"px" : scroll_top+10+"px" //Vertical position of div element: Either centered, or if element height larger than viewpoint height, 10px from top of viewpoint
// Phorum fixed:
//Center div element horizontally
if (objwidth > docwidth) {
divobj.style.left=0;
} else {
divobj.style.left=docwidth/2-objwidth/2+"px";
}
divobj.style.top=Math.floor(parseInt(topposition))+"px"
divobj.style.visibility="visible"
},
showthumbBox:function(){ //Show ThumbBox div
this.centerDiv(this.thumbBox)
if (this.enableAnimation){ //If fading animation enabled
this.currentopacity=0.1 //Starting opacity value
this.opacitytimer=setInterval("thumbnailviewer.opacityanimation()", 20)
}
},
loadimage:function(link){ //Load image function that gets attached to each link on the page with rel="thumbnail"
if (this.thumbBox.style.visibility=="visible") //if thumbox is visible on the page already
this.closeit() //Hide it first (not doing so causes triggers some positioning bug in Firefox
var imageHTML='<img src="'+link.getAttribute("href")+'" style="'+this.opacitystring+'" />' //Construct HTML for shown image
if (this.enableTitle && link.getAttribute("title")) //Use title attr of the link as description?
imageHTML+='<br />'+link.getAttribute("title")
this.centerDiv(this.thumbLoading) //Center and display "loading" div while we set up the image to be shown
this.thumbImage.innerHTML=imageHTML //Populate thumbImage div with shown image's HTML (while still hidden)
this.featureImage=this.thumbImage.getElementsByTagName("img")[0] //Reference shown image itself
this.featureImage.onload=function(){ //When target image has completely loaded
thumbnailviewer.thumbLoading.style.visibility="hidden" //Hide "loading" div
thumbnailviewer.showthumbBox() //Display "thumbbox" div to the world!
}
if (document.all && !window.createPopup) //Target IE5.0 browsers only. Address IE image cache not firing onload bug: panoramio.com/blog/onload-event/
this.featureImage.src=link.getAttribute("href")
this.featureImage.onerror=function(){ //If an error has occurred while loading the image to show
thumbnailviewer.thumbLoading.style.visibility="hidden" //Hide "loading" div, game over
}
},
setimgopacity:function(value){ //Sets the opacity of "thumbimage" div per the passed in value setting (0 to 1 and in between)
var targetobject=this.featureImage
if (targetobject.filters && targetobject.filters[0]){ //IE syntax
if (typeof targetobject.filters[0].opacity=="number") //IE6
targetobject.filters[0].opacity=value*100
else //IE 5.5
targetobject.style.filter="alpha(opacity="+value*100+")"
}
else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax
targetobject.style.MozOpacity=value
else if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntax
targetobject.style.opacity=value
else //Non of the above, stop opacity animation
this.stopanimation()
},
opacityanimation:function(){ //Gradually increase opacity function
this.setimgopacity(this.currentopacity)
this.currentopacity+=0.1
if (this.currentopacity>1)
this.stopanimation()
},
stopanimation:function(){
if (typeof this.opacitytimer!="undefined")
clearInterval(this.opacitytimer)
},
closeit:function(){ //Close "thumbbox" div function
this.stopanimation()
this.thumbBox.style.visibility="hidden"
this.thumbImage.innerHTML=""
this.thumbBox.style.left="-2000px"
this.thumbBox.style.top="-2000px"
},
cleanup:function(){ //Clean up routine on page unload
this.thumbLoading=null
if (this.featureImage) this.featureImage.onload=null
this.featureImage=null
this.thumbImage=null
for (var i=0; i<this.targetlinks.length; i++)
this.targetlinks[i].onclick=null
this.thumbBox=null
},
dotask:function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
if (target.addEventListener)
target.addEventListener(tasktype, functionref, false)
else if (target.attachEvent)
target.attachEvent(tasktype, functionref)
},
init:function(){ //Initialize thumbnail viewer script by scanning page and attaching appropriate function to links with rel="thumbnail"
if (!this.enableAnimation)
this.opacitystring=""
var pagelinks=document.getElementsByTagName("a")
for (var i=0; i<pagelinks.length; i++){ //BEGIN FOR LOOP
if (pagelinks[i].getAttribute("rel") && pagelinks[i].getAttribute("rel")=="thumbnail"){ //Begin if statement
pagelinks[i].onclick=function(){
thumbnailviewer.stopanimation() //Stop any currently running fade animation on "thumbbox" div before proceeding
thumbnailviewer.loadimage(this) //Load image
return false
}
this.targetlinks[this.targetlinks.length]=pagelinks[i] //store reference to target link
} //end if statement
} //END FOR LOOP
//Reposition "thumbbox" div when page is resized
this.dotask(window, function(){if (thumbnailviewer.thumbBox.style.visibility=="visible") thumbnailviewer.centerDiv(thumbnailviewer.thumbBox)}, "resize")
} //END init() function
}
//thumbnailviewer.createthumbBox() //Output HTML for the image thumbnail viewer
thumbnailviewer.dotask(window, function(){thumbnailviewer.init()}, "load") //Initialize script on page load
thumbnailviewer.dotask(window, function(){thumbnailviewer.cleanup()}, "unload")
/* Added by module "embed_images/viewer:dynadrive", file "mods/embed_images/viewers/dynadrive/viewer.js" */
// We do not use the thumbnailviewer init code for setting up the thumbnails.
// Instead, we setup the required events and data ourselves for each image,
// right after it is loaded. This is useful in case we dynamically add images
// to the page (e.g. through spoilers) and for making the image viewer act
// on image clicks as soon as possible.
function mod_embed_images_initviewer(container, image, link, url, message_id)
{
var a = document.createElement('a');
a.href = url;
container.appendChild(a);
a.appendChild(image);
a.rel = 'thumbnail';
a.onclick = function() {
thumbnailviewer.stopanimation()
thumbnailviewer.loadimage(this)
return false;
}
thumbnailviewer.targetlinks[thumbnailviewer.targetlinks.length] = a;
if (link) {
link.onclick = function() {
thumbnailviewer.stopanimation()
thumbnailviewer.loadimage(this)
return false;
}
thumbnailviewer.targetlinks[thumbnailviewer.targetlinks.length] = link;
}
}
/* Added by module "bbcode", file "mods/bbcode/bbcode_editor_tools.js" */
///////////////////////////////////////////////////////////////////////////////
// //
// Copyright (C) 2007 Phorum Development Team //
// http://www.phorum.org //
// //
// This program is free software. You can redistribute it and/or modify //
// it under the terms of either the current Phorum License (viewable at //
// phorum.org) or the Phorum License that was distributed with this file //
// //
// This program 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. //
// //
// You should have received a copy of the Phorum License //
// along with this program. //
///////////////////////////////////////////////////////////////////////////////
// Javascript code for BBcode support in the Phorum editor_tools module.
// Some variables for storing objects that we need globally.
var editor_tools_size_picker_obj = null;
// Valid sizes to select from for the size picker. If you add or change sizes,
// remember to change the module language file to supply some display strings.
var editor_tools_size_picker_sizes = new Array(
'x-large',
'large',
'medium',
'small',
'x-small'
);
// ----------------------------------------------------------------------
// Tool: [hr] or [hline] (horizontal line)
// ----------------------------------------------------------------------
function editor_tools_handle_hr() {
editor_tools_add_tags('\n[hr]\n', '');
editor_tools_focus_textarea();
}
// ----------------------------------------------------------------------
// Tool: [b]...[/b] (bold)
// ----------------------------------------------------------------------
function editor_tools_handle_bold() {
editor_tools_add_tags('[b]', '[/b]');
editor_tools_focus_textarea();
}
// ----------------------------------------------------------------------
// Tool: [s]...[/s] (strike through)
// ----------------------------------------------------------------------
function editor_tools_handle_strike() {
editor_tools_add_tags('[s]', '[/s]');
editor_tools_focus_textarea();
}
// ----------------------------------------------------------------------
// Tool: [u]...[/u] (underline)
// ----------------------------------------------------------------------
function editor_tools_handle_underline() {
editor_tools_add_tags('[u]', '[/u]');
editor_tools_focus_textarea();
}
// ----------------------------------------------------------------------
// Tool: [i]...[/i] (italic)
// ----------------------------------------------------------------------
function editor_tools_handle_italic() {
editor_tools_add_tags('[i]', '[/i]');
editor_tools_focus_textarea();
}
// ----------------------------------------------------------------------
// Tool: [center]...[/center] (center text)
// ----------------------------------------------------------------------
function editor_tools_handle_center() {
editor_tools_add_tags('[center]', '[/center]');
editor_tools_focus_textarea();
}
// ----------------------------------------------------------------------
// Tool: [sub]...[/sub] (subscript)
// ----------------------------------------------------------------------
function editor_tools_handle_subscript() {
editor_tools_add_tags('[sub]', '[/sub]');
editor_tools_focus_textarea();
}
// ----------------------------------------------------------------------
// Tool: [sup]...[/sup] (superscript)
// ----------------------------------------------------------------------
function editor_tools_handle_superscript() {
editor_tools_add_tags('[sup]', '[/sup]');
editor_tools_focus_textarea();
}
// ----------------------------------------------------------------------
// Tool: [small]...[/small] (small font)
// ----------------------------------------------------------------------
function editor_tools_handle_small() {
editor_tools_add_tags('[small]', '[/small]');
editor_tools_focus_textarea();
}
// ----------------------------------------------------------------------
// Tool: [large]...[/large] (large font)
// ----------------------------------------------------------------------
function editor_tools_handle_large() {
editor_tools_add_tags('[large]', '[/large]');
editor_tools_focus_textarea();
}
// ----------------------------------------------------------------------
// Tool: [code]...[/code] (formatted code)
// ----------------------------------------------------------------------
function editor_tools_handle_code() {
editor_tools_add_tags('[code]\n', '\n[/code]\n');
editor_tools_focus_textarea();
}
// ----------------------------------------------------------------------
// Tool: [email]...[/email] (email address link)
// ----------------------------------------------------------------------
function editor_tools_handle_email()
{
var email = prompt(editor_tools_translate("enter email"), '');
if (email == null) return;
email = editor_tools_strip_whitespace(email);
if (email == '') {
editor_tools_add_tags('[email]', '[/email]');
} else {
editor_tools_add_tags('[email]' + email + '[/email]', '');
}
editor_tools_focus_textarea();
}
// ----------------------------------------------------------------------
// Tool: [url=...]...[/url] (URL link)
// ----------------------------------------------------------------------
function editor_tools_handle_url()
{
var url = 'http://';
for (;;)
{
// Read input.
url = prompt(editor_tools_translate("enter url"), url);
if (url == null) return; // Cancel clicked.
url = editor_tools_strip_whitespace(url);
// Check the URL scheme (http, https, ftp and mailto are allowed).
copy = url.toLowerCase();
if (copy == 'http://' || (
copy.substring(0,7) != 'http://' &&
copy.substring(0,8) != 'https://' &&
copy.substring(0,6) != 'ftp://' &&
copy.substring(0,7) != 'mailto:')) {
alert(editor_tools_translate("invalid url"));
continue;
}
break;
}
editor_tools_add_tags('[url=' + url + ']', '[/url]', null, editor_tools_translate("enter url description"));
editor_tools_focus_textarea();
}
// ----------------------------------------------------------------------
// Tool: [color=...]...[/color] (text color)
// ----------------------------------------------------------------------
function editor_tools_handle_color()
{
editor_tools_store_range();
// Display the color picker.
var img_obj = document.getElementById('editor-tools-img-color');
showColorPicker(img_obj);
return;
}
// Called by the color picker library.
function editor_tools_handle_color_select(color)
{
editor_tools_restore_range();
editor_tools_add_tags('[color=' + color + ']', '[/color]');
editor_tools_focus_textarea();
}
// ----------------------------------------------------------------------
// Tool: [size=...]...[/size] (text size)
// ----------------------------------------------------------------------
function editor_tools_handle_size()
{
editor_tools_store_range();
// Create the size picker on first access.
if (!editor_tools_size_picker_obj)
{
// Create a new popup.
var popup = editor_tools_construct_popup('editor-tools-size-picker','l');
editor_tools_size_picker_obj = popup[0];
var content_obj = popup[1];
// Populate the new popup.
for (var i = 0; i < editor_tools_size_picker_sizes.length; i++)
{
var size = editor_tools_size_picker_sizes[i];
var a_obj = document.createElement('a');
a_obj.href = 'javascript:editor_tools_handle_size_select("' + size + '")';
a_obj.style.fontSize = size;
a_obj.innerHTML = editor_tools_translate(size);
content_obj.appendChild(a_obj);
var br_obj = document.createElement('br');
content_obj.appendChild(br_obj);
}
// Register the popup with the editor tools.
editor_tools_register_popup_object(editor_tools_size_picker_obj);
}
// Display the popup.
var button_obj = document.getElementById('editor-tools-img-size');
editor_tools_toggle_popup(editor_tools_size_picker_obj, button_obj);
}
function editor_tools_handle_size_select(size)
{
editor_tools_hide_all_popups();
editor_tools_restore_range();
size = editor_tools_strip_whitespace(size);
editor_tools_add_tags('[size=' + size + ']', '[/size]');
editor_tools_focus_textarea();
}
// ----------------------------------------------------------------------
// Tool: [img]...[/img] (Image URL)
// ----------------------------------------------------------------------
function editor_tools_handle_image()
{
var url = 'http://';
for (;;)
{
// Read input.
url = prompt(editor_tools_translate("enter image url"), url);
if (url == null) return; // Cancel clicked.
url = editor_tools_strip_whitespace(url);
// Check the URL scheme (http, https, ftp and mailto are allowed).
var copy = url.toLowerCase();
if (copy == 'http://' || (
copy.substring(0,7) != 'http://' &&
copy.substring(0,8) != 'https://' &&
copy.substring(0,6) != 'ftp://')) {
alert(editor_tools_translate("invalid image url"));
continue;
}
break;
}
editor_tools_add_tags('[img]' + url + '[/img]', '');
editor_tools_focus_textarea();
}
// ----------------------------------------------------------------------
// Tool: [quote]...[/quote] (add a quote)
// ----------------------------------------------------------------------
function editor_tools_handle_quote()
{
// Read input.
var who = prompt(editor_tools_translate("enter who you quote"), '');
if (who == null) return;
who = editor_tools_strip_whitespace(who);
if (who == '') {
editor_tools_add_tags('[quote]', '[/quote]');
} else {
editor_tools_add_tags('[quote=' + who + ']', '[/quote]');
}
editor_tools_focus_textarea();
}
/* Added by module "bbcode", file "mods/bbcode/colorpicker/js_color_picker_v2.js.php" */
/************************************************************************************************************
(C) www.dhtmlgoodies.com, October 2005
This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website. 
Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.
Thank you!
www.dhtmlgoodies.com
Alf Magne Kalleland
************************************************************************************************************/ 
var MSIE = navigator.userAgent.indexOf('MSIE')>=0?true:false;
var navigatorVersion = navigator.appVersion.replace(/.*MSIE (\d\.\d).*/g,'$1')/1;
/* Changed for Phorum editor tools */
var form_widget_amount_slider_handle = 'http://dub-connection.net/forum/mods/bbcode/colorpicker/images/slider_handle.gif';
var slider_handle_image_obj = false;
var sliderObjectArray = new Array();
var slider_counter = 0;
var slideInProgress = false;
var handle_start_x;
var event_start_x;
var currentSliderIndex;
function form_widget_cancel_event()
{
return false; 
}
function getImageSliderHeight(){
if(!slider_handle_image_obj){
slider_handle_image_obj = new Image();
slider_handle_image_obj.src = form_widget_amount_slider_handle;
}
if(slider_handle_image_obj.width>0){
return;
}else{
setTimeout('getImageSliderHeight()',50);
}
}
function positionSliderImage(e,theIndex,inputObj)
{
if(this)inputObj = this;
if(!theIndex)theIndex = inputObj.getAttribute('sliderIndex');
var handleImg = document.getElementById('slider_handle' + theIndex);
var ratio = sliderObjectArray[theIndex]['width'] / (sliderObjectArray[theIndex]['max']-sliderObjectArray[theIndex]['min']);
var currentValue = sliderObjectArray[theIndex]['formTarget'].value-sliderObjectArray[theIndex]['min']; 
handleImg.style.left = currentValue * ratio + 'px'; 
setColorByRGB();
}
function adjustFormValue(theIndex)
{
var handleImg = document.getElementById('slider_handle' + theIndex); 
var ratio = sliderObjectArray[theIndex]['width'] / (sliderObjectArray[theIndex]['max']-sliderObjectArray[theIndex]['min']);
var currentPos = handleImg.style.left.replace('px','');
sliderObjectArray[theIndex]['formTarget'].value = Math.round(currentPos / ratio) + sliderObjectArray[theIndex]['min'];
}
function initMoveSlider(e)
{
if(document.all)e = event; 
slideInProgress = true;
event_start_x = e.clientX;
handle_start_x = this.style.left.replace('px','');
currentSliderIndex = this.id.replace(/[^\d]/g,'');
return false;
}
function startMoveSlider(e)
{
if(document.all)e = event; 
if(!slideInProgress)return; 
var leftPos = handle_start_x/1 + e.clientX/1 - event_start_x;
if(leftPos<0)leftPos = 0;
if(leftPos/1>sliderObjectArray[currentSliderIndex]['width'])leftPos = sliderObjectArray[currentSliderIndex]['width'];
document.getElementById('slider_handle' + currentSliderIndex).style.left = leftPos + 'px';
adjustFormValue(currentSliderIndex);
if(sliderObjectArray[currentSliderIndex]['onchangeAction']){
eval(sliderObjectArray[currentSliderIndex]['onchangeAction']);
}
}
function stopMoveSlider()
{
slideInProgress = false;
}
function form_widget_amount_slider(targetElId,formTarget,width,min,max,onchangeAction)
{
if(!slider_handle_image_obj){
getImageSliderHeight();
}
slider_counter = slider_counter +1;
sliderObjectArray[slider_counter] = new Array();
sliderObjectArray[slider_counter] = {"width":width - 9,"min":min,"max":max,"formTarget":formTarget,"onchangeAction":onchangeAction};
formTarget.setAttribute('sliderIndex',slider_counter);
formTarget.onchange = positionSliderImage;
var parentObj = document.createElement('DIV');
parentObj.style.width = width + 'px';
parentObj.style.height = '12px'; // The height of the image
parentObj.style.position = 'relative';
parentObj.id = 'slider_container' + slider_counter;
document.getElementById(targetElId).appendChild(parentObj);
var obj = document.createElement('DIV');
obj.className = 'form_widget_amount_slider';
obj.innerHTML = '<span></span>';
obj.style.width = width + 'px';
obj.id = 'slider_slider' + slider_counter;
obj.style.position = 'absolute';
obj.style.bottom = '0px';
parentObj.appendChild(obj);
var handleImg = document.createElement('IMG');
handleImg.style.position = 'absolute';
handleImg.style.left = '0px';
handleImg.style.zIndex = 5;
handleImg.src = slider_handle_image_obj.src;
handleImg.id = 'slider_handle' + slider_counter;
handleImg.onmousedown = initMoveSlider;
if(document.body.onmouseup){
if(document.body.onmouseup.toString().indexOf('stopMoveSlider')==-1){
alert('You allready have an onmouseup event assigned to the body tag');
}
}else{
document.body.onmouseup = stopMoveSlider; 
document.body.onmousemove = startMoveSlider; 
}
handleImg.ondragstart = form_widget_cancel_event;
parentObj.appendChild(handleImg);
positionSliderImage(false,slider_counter);
}
var namedColors = new Array('AliceBlue','AntiqueWhite','Aqua','Aquamarine','Azure','Beige','Bisque','Black','BlanchedAlmond','Blue','BlueViolet','Brown',
'BurlyWood','CadetBlue','Chartreuse','Chocolate','Coral','CornflowerBlue','Cornsilk','Crimson','Cyan','DarkBlue','DarkCyan','DarkGoldenRod','DarkGray',
'DarkGreen','DarkKhaki','DarkMagenta','DarkOliveGreen','Darkorange','DarkOrchid','DarkRed','DarkSalmon','DarkSeaGreen','DarkSlateBlue','DarkSlateGray',
'DarkTurquoise','DarkViolet','DeepPink','DeepSkyBlue','DimGray','DodgerBlue','Feldspar','FireBrick','FloralWhite','ForestGreen','Fuchsia','Gainsboro',
'GhostWhite','Gold','GoldenRod','Gray','Green','GreenYellow','HoneyDew','HotPink','IndianRed','Indigo','Ivory','Khaki','Lavender','LavenderBlush',
'LawnGreen','LemonChiffon','LightBlue','LightCoral','LightCyan','LightGoldenRodYellow','LightGrey','LightGreen','LightPink','LightSalmon','LightSeaGreen',
'LightSkyBlue','LightSlateBlue','LightSlateGray','LightSteelBlue','LightYellow','Lime','LimeGreen','Linen','Magenta','Maroon','MediumAquaMarine',
'MediumBlue','MediumOrchid','MediumPurple','MediumSeaGreen','MediumSlateBlue','MediumSpringGreen','MediumTurquoise','MediumVioletRed','MidnightBlue',
'MintCream','MistyRose','Moccasin','NavajoWhite','Navy','OldLace','Olive','OliveDrab','Orange','OrangeRed','Orchid','PaleGoldenRod','PaleGreen',
'PaleTurquoise','PaleVioletRed','PapayaWhip','PeachPuff','Peru','Pink','Plum','PowderBlue','Purple','Red','RosyBrown','RoyalBlue','SaddleBrown',
'Salmon','SandyBrown','SeaGreen','SeaShell','Sienna','Silver','SkyBlue','SlateBlue','SlateGray','Snow','SpringGreen','SteelBlue','Tan','Teal','Thistle',
'Tomato','Turquoise','Violet','VioletRed','Wheat','White','WhiteSmoke','Yellow','YellowGreen');
var namedColorRGB = new Array('#F0F8FF','#FAEBD7','#00FFFF','#7FFFD4','#F0FFFF','#F5F5DC','#FFE4C4','#000000','#FFEBCD','#0000FF','#8A2BE2','#A52A2A','#DEB887',
'#5F9EA0','#7FFF00','#D2691E','#FF7F50','#6495ED','#FFF8DC','#DC143C','#00FFFF','#00008B','#008B8B','#B8860B','#A9A9A9','#006400','#BDB76B','#8B008B',
'#556B2F','#FF8C00','#9932CC','#8B0000','#E9967A','#8FBC8F','#483D8B','#2F4F4F','#00CED1','#9400D3','#FF1493','#00BFFF','#696969','#1E90FF','#D19275',
'#B22222','#FFFAF0','#228B22','#FF00FF','#DCDCDC','#F8F8FF','#FFD700','#DAA520','#808080','#008000','#ADFF2F','#F0FFF0','#FF69B4','#CD5C5C','#4B0082',
'#FFFFF0','#F0E68C','#E6E6FA','#FFF0F5','#7CFC00','#FFFACD','#ADD8E6','#F08080','#E0FFFF','#FAFAD2','#D3D3D3','#90EE90','#FFB6C1','#FFA07A','#20B2AA',
'#87CEFA','#8470FF','#778899','#B0C4DE','#FFFFE0','#00FF00','#32CD32','#FAF0E6','#FF00FF','#800000','#66CDAA','#0000CD','#BA55D3','#9370D8','#3CB371',
'#7B68EE','#00FA9A','#48D1CC','#C71585','#191970','#F5FFFA','#FFE4E1','#FFE4B5','#FFDEAD','#000080','#FDF5E6','#808000','#6B8E23','#FFA500','#FF4500',
'#DA70D6','#EEE8AA','#98FB98','#AFEEEE','#D87093','#FFEFD5','#FFDAB9','#CD853F','#FFC0CB','#DDA0DD','#B0E0E6','#800080','#FF0000','#BC8F8F','#4169E1',
'#8B4513','#FA8072','#F4A460','#2E8B57','#FFF5EE','#A0522D','#C0C0C0','#87CEEB','#6A5ACD','#708090','#FFFAFA','#00FF7F','#4682B4','#D2B48C','#008080',
'#D8BFD8','#FF6347','#40E0D0','#EE82EE','#D02090','#F5DEB3','#FFFFFF','#F5F5F5','#FFFF00','#9ACD32'); 
var color_picker_div = false;
var color_picker_active_tab = false;
var color_picker_form_field = false;
var color_picker_active_input = false;
function baseConverter (number,ob,nb) {
number = number + "";
number = number.toUpperCase();
var list = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var dec = 0;
for (var i = 0; i <= number.length; i++) {
dec += (list.indexOf(number.charAt(i))) * (Math.pow(ob , (number.length - i - 1)));
}
number = "";
var magnitude = Math.floor((Math.log(dec))/(Math.log(nb)));
for (var i = magnitude; i >= 0; i--) {
var amount = Math.floor(dec/Math.pow(nb,i));
number = number + list.charAt(amount); 
dec -= amount*(Math.pow(nb,i));
}
if(number.length==0)number=0;
return number;
}
function colorPickerGetTopPos(inputObj)
{
var returnValue = inputObj.offsetTop;
while((inputObj = inputObj.offsetParent) != null){
returnValue += inputObj.offsetTop;
}
return returnValue;
}
function colorPickerGetLeftPos(inputObj)
{
var returnValue = inputObj.offsetLeft;
while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
return returnValue;
}
function cancelColorPickerEvent(){
return false;
}
function showHideColorOptions(e,inputObj)
{
var thisObj = this;
if(inputObj){
var parentNode = inputObj.parentNode; 
thisObj = inputObj;
}else var parentNode = this.parentNode;
var activeColorDiv = false;
var subDiv = parentNode.getElementsByTagName('DIV')[0];
counter=0; 
var initZIndex = 10; 
var contentDiv = document.getElementById('color_picker_content').getElementsByTagName('DIV')[0];
do{ 
if(subDiv.tagName=='DIV' && subDiv.className!='colorPickerCloseButton'){
if(subDiv==thisObj){
thisObj.className='colorPickerTab_active';
thisObj.style.zIndex = 50;
var img = thisObj.getElementsByTagName('IMG')[0];
/* Changed for Phorum editor tools */
img.src = "http://dub-connection.net/forum/mods/bbcode/colorpicker/images/tab_right_active.gif"
img.src = img.src.replace(/inactive/,'active'); 
contentDiv.style.display='block';
activeColorDiv = contentDiv;
}else{
subDiv.className = 'colorPickerTab_inactive'; 
var img = subDiv.getElementsByTagName('IMG')[0];
/* Changed for Phorum editor tools */
img.src = "http://dub-connection.net/forum/mods/bbcode/colorpicker/images/tab_right_inactive.gif";
if(activeColorDiv)
subDiv.style.zIndex = initZIndex - counter;
else
subDiv.style.zIndex = counter;
contentDiv.style.display='none';
}
counter++;
}
subDiv = subDiv.nextSibling;
if(contentDiv.nextSibling)contentDiv = contentDiv.nextSibling;
}while(subDiv);
document.getElementById('colorPicker_statusBarTxt').innerHTML = '&nbsp;';
}
function createColorPickerTopRow(inputObj){
/* Changed for Phorum editor tools */
var tabs = [editor_tools_lang['rgb'],editor_tools_lang['named'],editor_tools_lang['slides']];
var tabWidths = [
parseInt(editor_tools_lang['rgb_size']),
parseInt(editor_tools_lang['named_size']),
parseInt(editor_tools_lang['slides_size'])
];
var div = document.createElement('DIV');
div.className='colorPicker_topRow';
inputObj.appendChild(div); 
var currentWidth = 0;
for(var no=0;no<tabs.length;no++){
var tabDiv = document.createElement('DIV');
tabDiv.onselectstart = cancelColorPickerEvent;
tabDiv.ondragstart = cancelColorPickerEvent;
if(no==0){
suffix = 'active'; 
color_picker_active_tab = this;
}else suffix = 'inactive';
tabDiv.id = 'colorPickerTab' + no;
tabDiv.onclick = showHideColorOptions;
if(no==0)tabDiv.style.zIndex = 50; else tabDiv.style.zIndex = 1 + (tabs.length-no);
tabDiv.style.left = currentWidth + 'px';
tabDiv.style.position = 'absolute';
tabDiv.className='colorPickerTab_' + suffix;
var tabSpan = document.createElement('SPAN');
tabSpan.innerHTML = tabs[no];
tabDiv.appendChild(tabSpan);
var tabImg = document.createElement('IMG');
/* Changed for Phorum editor tools */
tabImg.src = "http://dub-connection.net/forum/mods/bbcode/colorpicker/images/tab_right_" + suffix + ".gif";
tabDiv.appendChild(tabImg);
div.appendChild(tabDiv);
if(navigatorVersion<6 && MSIE){ /* Lower IE version fix */
tabSpan.style.position = 'relative';
tabImg.style.position = 'relative';
tabImg.style.left = '-3px'; 
tabDiv.style.cursor = 'hand'; 
} 
currentWidth = currentWidth + tabWidths[no];
}
var closeButton = document.createElement('DIV');
closeButton.className='colorPickerCloseButton';
closeButton.innerHTML = 'x';
closeButton.onclick = closeColorPicker;
closeButton.onmouseover = toggleCloseButton;
closeButton.onmouseout = toggleOffCloseButton;
div.appendChild(closeButton);
}
function toggleCloseButton()
{
this.style.color='#FFF';
this.style.backgroundColor = '#317082'; 
}
function toggleOffCloseButton()
{
this.style.color='';
this.style.backgroundColor = ''; 
}
function closeColorPicker()
{
color_picker_div.style.display='none';
}
function createWebColors(inputObj){
var webColorDiv = document.createElement('DIV');
webColorDiv.style.paddingTop = '1px';
inputObj.appendChild(webColorDiv);
for(var r=15;r>=0;r-=3){
for(var g=0;g<=15;g+=3){
for(var b=0;b<=15;b+=3){
var red = baseConverter(r,10,16) + '';
var green = baseConverter(g,10,16) + '';
var blue = baseConverter(b,10,16) + '';
var color = '#' + red + red + green + green + blue + blue;
var div = document.createElement('DIV');
div.style.backgroundColor=color;
div.innerHTML = '<span></span>';
div.className='colorSquare';
div.title = color; 
div.onclick = chooseColor;
div.setAttribute('rgbColor',color);
div.onmouseover = colorPickerShowStatusBarText;
div.onmouseout = colorPickerHideStatusBarText;
webColorDiv.appendChild(div);
}
}
}
}
function createNamedColors(inputObj){
var namedColorDiv = document.createElement('DIV');
namedColorDiv.style.paddingTop = '1px';
namedColorDiv.style.display='none';
inputObj.appendChild(namedColorDiv);
for(var no=0;no<namedColors.length;no++){
var color = namedColorRGB[no];
var div = document.createElement('DIV');
div.style.backgroundColor=color;
div.innerHTML = '<span></span>';
div.className='colorSquare';
div.title = namedColors[no]; 
div.onclick = chooseColor;
div.onmouseover = colorPickerShowStatusBarText;
div.onmouseout = colorPickerHideStatusBarText;
div.setAttribute('rgbColor',color);
namedColorDiv.appendChild(div); 
} 
}
function colorPickerHideStatusBarText()
{
document.getElementById('colorPicker_statusBarTxt').innerHTML = '&nbsp;';
}
function colorPickerShowStatusBarText()
{
var txt = this.getAttribute('rgbColor');
if(this.title.indexOf('#')<0)txt = txt + " (" + this.title + ")";
document.getElementById('colorPicker_statusBarTxt').innerHTML = txt; 
}
function createAllColorDiv(inputObj){
var allColorDiv = document.createElement('DIV');
allColorDiv.style.display='none';
allColorDiv.className = 'js_color_picker_allColorDiv';
allColorDiv.style.paddingLeft = '3px';
allColorDiv.style.paddingTop = '5px';
allColorDiv.style.paddingBottom = '5px';
inputObj.appendChild(allColorDiv); 
var labelDiv = document.createElement('DIV');
labelDiv.className='colorSliderLabel';
labelDiv.innerHTML = 'R';
allColorDiv.appendChild(labelDiv); 
var innerDiv = document.createElement('DIV');
innerDiv.className = 'colorSlider';
innerDiv.id = 'sliderRedColor'; 
allColorDiv.appendChild(innerDiv); 
var innerDivInput = document.createElement('DIV');
innerDivInput.className='colorInput';
var input = document.createElement('INPUT');
input.id = 'js_color_picker_red_color';
input.maxlength = 3;
input.style.width = '48px';
input.style.fontSize = '11px';
input.name = 'redColor';
input.value = 0;
innerDivInput.appendChild(input);
allColorDiv.appendChild(innerDivInput);
var labelDiv = document.createElement('DIV');
labelDiv.className='colorSliderLabel';
labelDiv.innerHTML = 'G';
allColorDiv.appendChild(labelDiv); 
var innerDiv = document.createElement('DIV');
innerDiv.className = 'colorSlider';
innerDiv.id = 'sliderGreenColor'; 
allColorDiv.appendChild(innerDiv); 
var innerDivInput = document.createElement('DIV');
innerDivInput.className='colorInput';
var input = document.createElement('INPUT');
input.id = 'js_color_picker_green_color';
input.maxlength = 3;
input.style.width = '48px';
input.style.fontSize = '11px';
input.name = 'GreenColor';
input.value = 0;
innerDivInput.appendChild(input);
allColorDiv.appendChild(innerDivInput);
var labelDiv = document.createElement('DIV');
labelDiv.className='colorSliderLabel';
labelDiv.innerHTML = 'B';
allColorDiv.appendChild(labelDiv); 
var innerDiv = document.createElement('DIV');
innerDiv.className = 'colorSlider';
innerDiv.id = 'sliderBlueColor'; 
allColorDiv.appendChild(innerDiv); 
var innerDivInput = document.createElement('DIV');
innerDivInput.className='colorInput';
var input = document.createElement('INPUT');
input.id = 'js_color_picker_blue_color';
input.maxlength = 3;
input.style.width = '48px';
input.style.fontSize = '11px';
input.name = 'BlueColor';
input.value = 0;
innerDivInput.appendChild(input);
allColorDiv.appendChild(innerDivInput);
var colorPreview = document.createElement('DIV');
colorPreview.className='colorPreviewDiv';
colorPreview.id = 'colorPreview';
colorPreview.style.backgroundColor = '#000000';
colorPreview.innerHTML = '<span></span>'; 
colorPreview.title = 'Click on me to assign color'; 
allColorDiv.appendChild(colorPreview);
colorPreview.onclick = chooseColorSlider;
var colorCodeDiv = document.createElement('DIV');
colorCodeDiv.className='colorCodeDiv'; 
var input = document.createElement('INPUT');
input.id = 'js_color_picker_color_code';
colorCodeDiv.appendChild(input);
input.maxLength = 7;
input.style.fontSize = '11px';
input.style.width = '48px'; 
input.value = '#000000';
input.onchange = setPreviewColorFromTxt;
input.onblur = setPreviewColorFromTxt;
allColorDiv.appendChild(colorCodeDiv);
var clearingDiv = document.createElement('DIV');
clearingDiv.style.clear = 'both';
allColorDiv.appendChild(clearingDiv);
form_widget_amount_slider('sliderRedColor',document.getElementById('js_color_picker_red_color'),170,0,255,"setColorByRGB()");
form_widget_amount_slider('sliderGreenColor',document.getElementById('js_color_picker_green_color'),170,0,255,"setColorByRGB()");
form_widget_amount_slider('sliderBlueColor',document.getElementById('js_color_picker_blue_color'),170,0,255,"setColorByRGB()");
}
function setPreviewColorFromTxt()
{
if(this.value.match(/\#[0-9A-F]{6}/g)){
document.getElementById('colorPreview').style.backgroundColor=this.value;
var r = this.value.substr(1,2);
var g = this.value.substr(3,2);
var b = this.value.substr(5,2);
document.getElementById('js_color_picker_red_color').value = baseConverter(r,16,10);
document.getElementById('js_color_picker_green_color').value = baseConverter(g,16,10);
document.getElementById('js_color_picker_blue_color').value = baseConverter(b,16,10);
positionSliderImage(false,1,document.getElementById('js_color_picker_red_color'));
positionSliderImage(false,2,document.getElementById('js_color_picker_green_color'));
positionSliderImage(false,3,document.getElementById('js_color_picker_blue_color'));
}
}
function chooseColor()
{
/* Changed for Phorum editor tools */
//color_picker_form_field.value = this.getAttribute('rgbColor');
editor_tools_handle_color_select(this.getAttribute('rgbColor'));
color_picker_div.style.display='none';
}
function createStatusBar(inputObj)
{
var div = document.createElement('DIV');
div.className='colorPicker_statusBar'; 
var innerSpan = document.createElement('SPAN');
innerSpan.id = 'colorPicker_statusBarTxt';
div.appendChild(innerSpan);
inputObj.appendChild(div);
}
function chooseColorSlider()
{
/* Changed for Phorum editor tools */
//color_picker_form_field.value = document.getElementById('js_color_picker_color_code').value;
editor_tools_handle_color_select(document.getElementById('js_color_picker_color_code').value);
color_picker_div.style.display='none'; 
}
function showColorPicker(inputObj)
{
if(!color_picker_div){
color_picker_div = document.createElement('DIV');
color_picker_div.id = 'dhtmlgoodies_colorPicker';
color_picker_div.style.display='none';
document.body.appendChild(color_picker_div);
createColorPickerTopRow(color_picker_div); 
var contentDiv = document.createElement('DIV');
contentDiv.id = 'color_picker_content';
color_picker_div.appendChild(contentDiv); 
createWebColors(contentDiv);
createNamedColors(contentDiv);
createAllColorDiv(contentDiv);
createStatusBar(color_picker_div); 
/* Changed for Phorum editor tools */
editor_tools_register_popup_object(color_picker_div);
} 
/* Changed for Phorum editor tools */
if(color_picker_div.style.display=='none' || color_picker_active_input!=inputObj){editor_tools_hide_all_popups(); color_picker_div.style.display='block';} else color_picker_div.style.display='none'; 
color_picker_div.style.left = colorPickerGetLeftPos(inputObj) + 'px';
color_picker_div.style.top = colorPickerGetTopPos(inputObj) + inputObj.offsetHeight + 2 + 'px';
color_picker_active_input = inputObj; 
}
function setColorByRGB()
{
var formObj = document.forms[0]; 
var r = document.getElementById('js_color_picker_red_color').value.replace(/[^\d]/,'');
var g = document.getElementById('js_color_picker_green_color').value.replace(/[^\d]/,'');
var b = document.getElementById('js_color_picker_blue_color').value.replace(/[^\d]/,''); 
if(r/1>255)r=255;
if(g/1>255)g=255;
if(b/1>255)b=255;
r = baseConverter(r,10,16) + '';
g = baseConverter(g,10,16) + '';
b = baseConverter(b,10,16) + '';
if(r.length==1)r = '0' + r;
if(g.length==1)g = '0' + g;
if(b.length==1)b = '0' + b;
document.getElementById('colorPreview').style.backgroundColor = '#' + r + g + b;
document.getElementById('js_color_picker_color_code').value = '#' + r + g + b; 
} 
/* Added by module "bbcode", file "mods/bbcode/colorpicker/color_functions.js" */
function baseConverter (number,ob,nb) {
number = number + "";
number = number.toUpperCase();
var list = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var dec = 0;
for (var i = 0; i <= number.length; i++) {
dec += (list.indexOf(number.charAt(i))) * (Math.pow(ob , (number.length - i - 1)));
}
number = "";
var magnitude = Math.floor((Math.log(dec))/(Math.log(nb)));
for (var i = magnitude; i >= 0; i--) {
var amount = Math.floor(dec/Math.pow(nb,i));
number = number + list.charAt(amount); 
dec -= amount*(Math.pow(nb,i));
}
if(number.length==0)number=0;
return number;
}

// Converts a RGB color to HSV
function toHSV(rgbColor){
rgbColor = rgbColor.replace('#',''); 

red = baseConverter(rgbColor.substr(0,2),16,10);
green = baseConverter(rgbColor.substr(2,2),16,10);
blue = baseConverter(rgbColor.substr(4,2),16,10);
if(red.length==0)red=0;
if(green.length==0)green=0;
if(blue.length==0)blue=0;
red = red/255;
green = green/255;
blue = blue/255;

maxValue = Math.max(red,green,blue);
minValue = Math.min(red,green,blue);

var hue = 0;

if(maxValue==minValue){
hue = 0;
saturation=0;
}else{
if(red == maxValue){
hue = (green - blue) / (maxValue-minValue)/1; 
}else if(green == maxValue){
hue = 2 + (blue - red)/1 / (maxValue-minValue)/1; 
}else if(blue == maxValue){
hue = 4 + (red - green) / (maxValue-minValue)/1; 
}
saturation = (maxValue-minValue) / maxValue;
}
hue = hue * 60; 
valueBrightness = maxValue;

if(valueBrightness/1<0.5){
//saturation = (maxValue - minValue) / (maxValue + minValue);
}
if(valueBrightness/1>= 0.5){
//saturation = (maxValue - minValue) / (2 - maxValue - minValue);
} 


returnArray = [hue,saturation,valueBrightness];
return returnArray;
}

function toRgb(hue,saturation,valueBrightness){
Hi = Math.floor(hue / 60);
if(hue==360)Hi=0;
f = hue/60 - Hi;
p = (valueBrightness * (1- saturation)).toPrecision(2);
q = (valueBrightness * (1 - (f * saturation))).toPrecision(2);
t = (valueBrightness * (1 - ((1-f)*saturation))).toPrecision(2);

switch(Hi){
case 0:
red = valueBrightness;
green = t;
blue = p; 
break;
case 1: 
red = q;
green = valueBrightness;
blue = p;
break;
case 2: 
red = q;
green = valueBrightness;
blue = t;
break;
case 3: 
red = p;
green = q;;
blue = valueBrightness;
break;
case 4:
red = t;
green = p;
blue = valueBrightness;
break;
case 5:
red = valueBrightness;
green = p;
blue = q;
break;
}

if(saturation==0){
red = valueBrightness;
green = valueBrightness;
blue = valueBrightness; 
}

red*=255;
green*=255;
blue*=255;

red = Math.round(red);
green = Math.round(green);
blue = Math.round(blue); 

red = baseConverter(red,10,16);
green = baseConverter(green,10,16);
blue = baseConverter(blue,10,16);

red = red + "";
green = green + "";
blue = blue + "";

while(red.length<2){
red = "0" + red;
} 
while(green.length<2){
green = "0" + green;
} 
while(blue.length<2){
blue = "0" + "" + blue;
}
rgbColor = "#" + red + "" + green + "" + blue;
return rgbColor.toUpperCase();
}

function findColorByDegrees(rgbColor,degrees){
rgbColor = rgbColor.replace('#','');
myArray = toHSV(rgbColor);
myArray[0]+=degrees;
if(myArray[0]>=360)myArray[0]-=360;
if(myArray[0]<0)myArray[0]+=360; 
return toRgb(myArray[0],myArray[1],myArray[2]);
}

function findColorByBrightness(rgbColor,brightness){

rgbColor = rgbColor.replace('#','');
myArray = toHSV(rgbColor);

myArray[2]+=brightness/100;
if(myArray[2]>1)myArray[2]=1;
if(myArray[2]<0)myArray[2]=0; 

myArray[1]+=brightness/100;
if(myArray[1]>1)myArray[1]=1;
if(myArray[1]<0)myArray[1]=0; 

return toRgb(myArray[0],myArray[1],myArray[2]); 

}