☰

IP.Board - Plaintext BBCode

Adds BBCode button support to Plaintext editor mode.

  1. // ==UserScript==
  2. // @name	IP.Board - Plaintext BBCode
  3. // @namespace	Makaze
  4. // @include	*
  5. // @grant	none
  6. // @version	5.0.2
  7. // @description Adds BBCode button support to Plaintext editor mode.
  8. // ==/UserScript==
  9.  
  10. var MakazeScriptStyles,
  11. styleElem;
  12.  
  13. function fade(elem, type, speed) {
  14. 	function defaultStyle(tag) {
  15. 		var defaultStyles = {},
  16. 		testElem = document.createElement(tag),
  17. 		getStyle = 'getComputedStyle' in window,
  18. 		styles;
  19.  
  20. 		document.body.appendChild(testElem);
  21.  
  22. 		styles = (getStyle) ? window.getComputedStyle(testElem) : testElem.currentStyle;
  23.  
  24. 		for (var prop in styles) {
  25. 			defaultStyles[prop] = styles[prop];
  26. 		}
  27.  
  28. 		document.body.removeChild(testElem);
  29.  
  30. 		return defaultStyles;
  31. 	}
  32.  
  33. 	var defaults = defaultStyle(elem.tagName),
  34. 	defaultOpacity,
  35. 	defaultDisplay,
  36. 	currentDisplay = (elem.style.display.length) ? elem.style.display : window.getComputedStyle(elem).display;
  37.  
  38. 	if (elem.style.display.length) {
  39. 		elem.style.display = '';
  40. 	}
  41.  
  42. 	defaultDisplay = (window.getComputedStyle(elem).display === 'none') ? defaults.display : window.getComputedStyle(elem).display;
  43.  
  44. 	elem.style.display = currentDisplay;
  45.  
  46. 	if (elem.style.display.length) {
  47. 		elem.style.opacity = '';
  48. 	}
  49.  
  50. 	defaultOpacity = (window.getComputedStyle(elem).opacity === '0') ? defaults.opacity : window.getComputedStyle(elem).opacity;
  51.  
  52. 	elem.style.opacity = 0;
  53.  
  54. 	// Default values:
  55.  
  56. 	switch (arguments.length) {
  57. 		case 1:
  58. 			type = 'toggle';
  59. 		case 2:
  60. 			speed = 300;
  61. 		break;
  62. 	}
  63.  
  64. 	switch (type) {
  65. 		case 'in':
  66. 			elem.style.display = defaultDisplay;
  67. 			setTimeout(function() {
  68. 				elem.style.transition = 'all ' + speed + 'ms ease-in-out';
  69. 				elem.style.opacity = defaultOpacity;
  70. 				setTimeout(function() {
  71. 					elem.style.transition = '';
  72. 				}, speed + 10);
  73. 			}, 0);
  74. 		break;
  75. 		case 'out':
  76. 			elem.style.transition = 'none';
  77. 			elem.style.opacity = defaultOpacity;
  78. 			elem.style.transition = 'all ' + speed + 'ms ease-in-out';
  79. 			elem.style.opacity = 0;
  80. 			setTimeout(function() {
  81. 				elem.style.display = 'none';
  82. 				elem.style.transition = '';
  83. 				elem.style.opacity = '';
  84. 			}, speed + 10);
  85. 		break;
  86. 		case 'toggle':
  87. 		default:
  88. 			if (currentDisplay === 'none') {
  89. 				elem.style.display = defaultDisplay;
  90. 				setTimeout(function() {
  91. 					elem.style.transition = 'all ' + speed + 'ms ease-in-out';
  92. 					elem.style.opacity = defaultOpacity;
  93. 					setTimeout(function() {
  94. 						elem.style.transition = '';
  95. 					}, speed + 10);
  96. 				}, 0);
  97. 			} else {
  98. 				elem.style.transition = 'none';
  99. 				elem.style.opacity = defaultOpacity;
  100. 				elem.style.transition = 'all ' + speed + 'ms ease-in-out';
  101. 				elem.style.opacity = 0;
  102. 				setTimeout(function() {
  103. 					elem.style.display = 'none';
  104. 					elem.style.transition = '';
  105. 					elem.style.opacity = '';
  106. 				}, speed + 10);
  107. 			}
  108. 	}
  109. }
  110.  
  111. function empty(elem) {
  112. 	while (elem.hasChildNodes()) {
  113. 		elem.removeChild(elem.lastChild);
  114. 	}
  115. }
  116.  
  117. function createElement(type, callback) {
  118. 	var element = document.createElement(type);
  119.  
  120. 	callback(element);
  121.  
  122. 	return element;
  123. }
  124.  
  125. function getPosition(element) {
  126. 	var xPosition = 0,
  127. 	yPosition = 0;
  128.  
  129. 	while (element) {
  130. 		xPosition += (element.offsetLeft
  131. 			+ element.clientLeft);
  132. 		yPosition += (element.offsetTop
  133. 			+ element.clientTop);
  134. 		element = element.offsetParent;
  135. 	}
  136. 	return {x: xPosition, y: yPosition};
  137. }
  138.  
  139. function runInGlobal(code) {
  140. 	var scripts = document.createElement('script');
  141. 	scripts.type = 'text/javascript';
  142. 	scripts.id = 'runInGlobal';
  143. 	scripts.appendChild(document.createTextNode(
  144. 		'(function() { ' + code + '})();' +
  145. 		'\n\n' +
  146. 		'document.getElementById(\'runInGlobal\').remove();'
  147. 	));
  148.  
  149. 	(document.head || document.body || document.documentElement).appendChild(scripts);
  150. }
  151.  
  152. // Classes constructor
  153.  
  154. function ClassHandler() {
  155. 	var self = this;
  156.  
  157. 	this.classList = function(elem) {
  158. 		return elem.className.trim().split(/[\b\s]/);
  159. 	};
  160.  
  161. 	this.hasClass = function(elem, className) {
  162. 		var classes = self.classList(elem),
  163. 		has = false,
  164. 		i = 0;
  165.  
  166. 		for (i = 0; i < classes.length; i++) {
  167. 			if (classes[i] === className) {
  168. 				has = true;
  169. 				break;
  170. 			}
  171. 		}
  172.  
  173. 		return (has);
  174. 	};
  175.  
  176. 	this.addClass = function(elem, className) {
  177. 		var classes;
  178.  
  179. 		if (!self.hasClass(elem, className)) {
  180. 			classes = self.classList(elem);
  181. 			classes.push(className);
  182. 			elem.className = classes.join(' ').trim();
  183. 		}
  184.  
  185. 		return self;
  186. 	};
  187.  
  188. 	this.removeClass = function(elem, className) {
  189. 		var classes = self.classList(elem),
  190. 		i = 0;
  191.  
  192. 		for (i = 0; i < classes.length; i++) {
  193. 			if (classes[i] === className) {
  194. 				classes.splice(i, 1);
  195. 			}
  196. 		}
  197.  
  198. 		elem.className = classes.join(' ').trim();
  199.  
  200. 		return self;
  201. 	};
  202.  
  203. 	this.toggleClass = function(elem, className) {
  204. 		var classes;
  205.  
  206. 		if (self.hasClass(elem, className)) {
  207. 			self.removeClass(elem, className);
  208. 		} else {
  209. 			classes = self.classList(elem);
  210. 			classes.push(className);
  211. 			elem.className = classes.join(' ').trim();
  212. 		}
  213.  
  214. 		return self;
  215. 	};
  216. }
  217.  
  218. // Initilize
  219.  
  220. var Classes = new ClassHandler();
  221.  
  222. // End Classes constructor
  223.  
  224. // Event handler constructor
  225.  
  226. function EventHandler() {
  227. 	var events = [],
  228. 	matchedEvents = [],
  229. 	selector = document,
  230. 	self = this;
  231.  
  232. 	this.selector = function(toSelect) {
  233. 		selector = toSelect;
  234. 		return self;
  235. 	};
  236.  
  237. 	this.add = function(types, namespace, listener, useCapture) {
  238. 		var type,
  239. 		event,
  240. 		i = 0;
  241.  
  242. 		types = types.split(/[\b\s]/);
  243.  
  244. 		events.push({'selector': selector, 'namespace': namespace, 'types': types, 'listener': listener, 'useCapture': useCapture});
  245. 		event = events[events.length - 1];
  246.  
  247. 		for (i = 0; i < event.types.length; i++) {
  248. 			type = event.types[i];
  249. 			selector.addEventListener(type, listener, useCapture);
  250. 		}
  251.  
  252. 		return self;
  253. 	};
  254.  
  255. 	this.remove = function(types, namespace, listener, useCapture) {
  256. 		var event,
  257. 		eventType,
  258. 		eventTypes,
  259. 		type,
  260. 		i = 0,
  261. 		j = 0,
  262. 		k = 0;
  263.  
  264. 		if (!arguments.length) {
  265. 			if (matchedEvents.length) {
  266. 				for (i = 0; i < matchedEvents.length; i++) {
  267. 					event = matchedEvents[i];
  268. 					for (j = 0; j < event.types.length; j++) {
  269. 						type = event.types[j];
  270. 						event.selector.removeEventListener(type, event.listener, event.useCapture);
  271. 					}
  272. 				}
  273. 			} else {
  274. 				self.getEventsBySelector(selector).remove();
  275. 			}
  276. 		} else {
  277. 			types = types.split(/[\b\s]/);
  278.  
  279. 			for (i = 0; i < events.length; i++) {
  280. 				event = events[i];
  281. 				if (event.selector == selector && event.namespace === namespace && event.useCapture === useCapture && event.listener === listener) {
  282. 					eventTypes = event.types;
  283. 					for (j = 0; j < eventTypes.length; j++) {
  284. 						eventType = eventTypes[j];
  285. 						for (k = 0; k < event.types.length; k++) {
  286. 							type = types[k];
  287. 							if (type === eventType) {
  288. 								selector.removeEventListener(type, event.listener, event.useCapture);
  289. 							}
  290. 						}
  291. 					}
  292. 					break;
  293. 				}
  294. 			}
  295. 		}
  296.  
  297. 		matchedEvents = [];
  298.  
  299. 		return self;
  300. 	};
  301.  
  302. 	this.output = function() {
  303. 		if (!matchedEvents.length) {
  304. 			self.getAllEvents().output();
  305. 		} else {
  306. 			var output = matchedEvents;
  307. 			matchedEvents = [];
  308. 			return output;
  309. 		}
  310. 	};
  311.  
  312. 	this.getAllEvents = function() {
  313. 		matchedEvents = events;
  314. 		return self;
  315. 	};
  316.  
  317. 	this.getEventsBySelector = function(getSelector) {
  318. 		var event,
  319. 		i = 0;
  320.  
  321. 		if (matchedEvents.length) {
  322. 			for (i = 0; i < matchedEvents.length; i++) {
  323. 				event = matchedEvents[i];
  324. 				if (event.selector != getSelector) {
  325. 					matchedEvents.splice(i, 1);
  326. 				}
  327. 			}
  328. 		} else {
  329. 			for (i = 0; i < events.length; i++) {
  330. 				event = events[i];
  331. 				if (event.selector == getSelector) {
  332. 					matchedEvents.push(event);
  333. 				}
  334. 			}
  335. 		}
  336.  
  337. 		return self;
  338. 	};
  339.  
  340. 	this.getEventsByType = function(types) {
  341. 		var eventTypes,
  342. 		eventType,
  343. 		event,
  344. 		type,
  345. 		hasType = false,
  346. 		i = 0,
  347. 		j = 0,
  348. 		k = 0;
  349.  
  350. 		types = types.split(/[\b\s]/);
  351.  
  352. 		if (matchedEvents.length) {
  353. 			for (i = 0; i < matchedEvents.length; i++) {
  354. 				event = matchedEvents[i];
  355. 				for (j = 0; j < eventTypes.length; j++) {
  356. 					eventType = eventTypes[j];
  357. 					for (k = 0; k < event.types.length; k++) {
  358. 						type = types[k];
  359. 						if (type === eventType) {
  360. 							hasType = true;
  361. 							break;
  362. 						}
  363. 					}
  364. 					if (hasType) {
  365. 						break;
  366. 					}
  367. 				}
  368. 				if (hasType) {
  369. 					matchedEvents.splice(i, 1);
  370. 				}
  371. 			}
  372. 		} else {
  373. 			for (i = 0; i < events.length; i++) {
  374. 				event = events[i];
  375. 				for (j = 0; j < eventTypes.length; j++) {
  376. 					eventType = eventTypes[j];
  377. 					for (k = 0; k < event.types.length; k++) {
  378. 						type = types[k];
  379. 						if (type === eventType) {
  380. 							hasType = true;
  381. 							break;
  382. 						}
  383. 					}
  384. 					if (hasType) {
  385. 						break;
  386. 					}
  387. 				}
  388. 				if (hasType) {
  389. 					matchedEvents.push(event);
  390. 				}
  391. 			}
  392. 		}
  393. 		
  394. 		return self;
  395. 	};
  396.  
  397. 	this.getEventsByName = function(namespace) {
  398. 		var event,
  399. 		i = 0;
  400.  
  401. 		if (matchedEvents.length) {
  402. 			for (i = 0; i < matchedEvents.length; i++) {
  403. 				event = matchedEvents[i];
  404. 				if (event.namespace !== namespace) {
  405. 					matchedEvents.splice(i, 1);
  406. 				}
  407. 			}
  408. 		} else {
  409. 			for (i = 0; i < events.length; i++) {
  410. 				event = events[i];
  411. 				if (event.namespace === namespace) {
  412. 					matchedEvents.push(event);
  413. 				}
  414. 			}
  415. 		}
  416.  
  417. 		return self;
  418. 	};
  419.  
  420. 	this.getEventsByListener = function(listener) {
  421. 		var event,
  422. 		i = 0;
  423.  
  424. 		if (matchedEvents.length) {
  425. 			for (i = 0; i < matchedEvents.length; i++) {
  426. 				event = matchedEvents[i];
  427. 				if (event.listener !== listener) {
  428. 					matchedEvents.splice(i, 1);
  429. 				}
  430. 			}
  431. 		} else {
  432. 			for (i = 0; i < events.length; i++) {
  433. 				event = events[i];
  434. 				if (event.listener === listener) {
  435. 					matchedEvents.push(event);
  436. 				}
  437. 			}
  438. 		}
  439.  
  440. 		return self;
  441. 	};
  442. }
  443.  
  444. // Initialize
  445.  
  446. var Events = new EventHandler();
  447.  
  448. // End Event handler constructor
  449.  
  450. function isChildOf(selector, element) {
  451. 	switch (selector.charAt(0)) {
  452. 		case '.':
  453. 			if (document.getElementsByClassName(selector.slice(1))[0] == null) {
  454. 				return false;
  455. 			}
  456.  
  457. 			while (element.getElementsByClassName(selector.slice(1))[0] == null && element.parentNode) {
  458. 				if (Classes.hasClass(element, selector.slice(1))) {
  459. 					return true;
  460. 				}
  461. 				element = element.parentNode;
  462. 			}
  463. 		break;
  464. 		case '#':
  465. 			if (document.getElementById(selector.slice(1)) == null) {
  466. 				return false;
  467. 			}
  468.  
  469. 			while (element.parentNode) {
  470. 				if (element.id === selector.slice(1)) {
  471. 					return true;
  472. 				}
  473. 				element = element.parentNode;
  474. 			}
  475. 		break;
  476. 		default:
  477. 			if (document.getElementsByTagName(selector)[0] == null) {
  478. 				return false;
  479. 			}
  480.  
  481. 			while (element.getElementsByTagName(selector) == null && element.parentNode) {
  482. 				if (element.tagName === selector.toUpperCase()) {
  483. 					return true;
  484. 				}
  485. 				element = element.parentNode;
  486. 			}
  487. 	}
  488. 	return false;
  489. }
  490.  
  491. function getParent(selector, element) {
  492. 	switch (selector.charAt(0)) {
  493. 		case '.':
  494. 			if (document.getElementsByClassName(selector.slice(1))[0] == null) {
  495. 				return false;
  496. 			}
  497.  
  498. 			while (element.getElementsByClassName(selector.slice(1))[0] == null && element.parentNode) {
  499. 				if (Classes.hasClass(element, selector.slice(1))) {
  500. 					return element;
  501. 				}
  502. 				element = element.parentNode;
  503. 			}
  504. 		break;
  505. 		case '#':
  506. 			if (document.getElementById(selector.slice(1)) == null) {
  507. 				return false;
  508. 			}
  509.  
  510. 			while (element.parentNode) {
  511. 				if (element.id === selector.slice(1)) {
  512. 					return element;
  513. 				}
  514. 				element = element.parentNode;
  515. 			}
  516. 		break;
  517. 		default:
  518. 			if (document.getElementsByTagName(selector)[0] == null) {
  519. 				return false;
  520. 			}
  521.  
  522. 			while (element.getElementsByTagName(selector) == null && element.parentNode) {
  523. 				if (element.tagName === selector.toUpperCase()) {
  524. 					return element;
  525. 				}
  526. 				element = element.parentNode;
  527. 			}
  528. 	}
  529. }
  530.  
  531. function getSubmit(request) {
  532. 	var i,
  533. 	select;
  534. 	for (i = 0; i < request.getElementsByClassName('cke_dialog_ui_button').length; i++) {
  535. 		select = request.getElementsByClassName('cke_dialog_ui_button')[i];
  536. 		if (select.title === 'OK') {
  537. 			return select;
  538. 		}
  539. 	}
  540. }
  541.  
  542. function getCancel(request) {
  543. 	var i,
  544. 	select;
  545. 	for (i = 0; i < request.getElementsByClassName('cke_dialog_ui_button').length; i++) {
  546. 		select = request.getElementsByClassName('cke_dialog_ui_button')[i];
  547. 		if (select.title === 'Cancel') {
  548. 			return select;
  549. 		}
  550. 	}
  551. }
  552.  
  553. function getClose(request) {
  554. 	return request.getElementsByClassName('cke_dialog_close_button')[0];
  555. }
  556.  
  557. function getSelection(elem) {
  558. 	var start = elem.selectionStart,
  559. 	end = elem.selectionEnd,
  560. 	selectedText = elem.value.substring(start, end);
  561.  
  562. 	return selectedText;
  563. }
  564.  
  565. function selectRange(elem, start, end) {
  566. 	var range;
  567.  
  568. 	if (elem.setSelectionRange) {
  569. 		elem.focus();
  570. 		elem.setSelectionRange(start, end);
  571. 	} else if (elem.createTextRange) {
  572. 		range = elem.createTextRange();
  573. 		range.collapse(true);
  574. 		range.moveEnd('character', end);
  575. 		range.moveStart('character', start);
  576. 		range.select();
  577. 	}
  578. }
  579.  
  580. function wrapText(elementSelector, openTag, closeTag, contentField) {
  581. 	var textArea = elementSelector,
  582. 	len = textArea.value.length,
  583. 	start = textArea.selectionStart,
  584. 	end = textArea.selectionEnd,
  585. 	selectedText = textArea.value.substring(start, end),
  586. 	replacement,
  587. 	paste = document.createEvent('TextEvent');
  588. 	if (contentField != null) {
  589. 		replacement = openTag + contentField.value + closeTag;
  590. 	} else {
  591. 		replacement = openTag + selectedText + closeTag;
  592. 	}
  593. 	if (paste.initTextEvent) {
  594. 		paste.initTextEvent('textInput', true, true, null, replacement);
  595. 		textArea.dispatchEvent(paste);
  596. 	} else {
  597. 		textArea.value = textArea.value.substring(0, start) + replacement + textArea.value.substring(end, len);
  598. 	}
  599. 	selectRange(textArea, start + openTag.length, start + replacement.length - closeTag.length);
  600. }
  601.  
  602. function removeListeners(element, callback, deleteElement) {
  603. 	var elementClone = element.cloneNode(true),
  604. 	elementParent = element.parentNode,
  605. 	fullValue = element.value,
  606. 	start = element.selectionStart,
  607. 	end = element.selectionEnd,
  608. 	newElement,
  609. 	thisChild,
  610. 	i = 0;
  611.  
  612. 	callback(element, elementClone);
  613.  
  614. 	elementClone.setAttribute('data-listenersRemoved', '');
  615. 	elementParent.insertBefore(elementClone, element);
  616. 	element.style.display = 'none';
  617. 	if (deleteElement) {
  618. 		elementParent.replaceChild(elementClone, element);
  619. 	}
  620. 	for (i = 0; i < elementParent.childNodes.length; i++) {
  621. 		thisChild = elementParent.childNodes[i];
  622. 		if (thisChild.hasAttribute('data-listenersRemoved')) {
  623. 			newElement = thisChild;
  624. 			thisChild.removeAttribute('data-listenersRemoved');
  625. 			break;
  626. 		}
  627. 	}
  628. 	newElement.focus();
  629. 	newElement.value = fullValue;
  630. 	selectRange(newElement, start, end);
  631. }
  632.  
  633. Events.selector(document).add('keydown', 'plaintext_shortcuts', function(event) {
  634. 	var element = event.target;
  635.  
  636. 	if (!element.className || !Classes.hasClass(element, 'cke_source')) {
  637. 		return false;
  638. 	}
  639.  
  640. 	if (!element.hasAttribute('data-shortcutsenabled')) {
  641. 		removeListeners(element, function(element, removed) {
  642. 			var postFormParent = element.parentNode,
  643. 			inputs,
  644. 			thisInput,
  645. 			i = 0;
  646.  
  647. 			removed.setAttribute('data-shortcutsenabled', '');
  648.  
  649. 			Events.selector(removed).add('input propertychange', 'edit', function() {
  650. 				element.value = removed.value;
  651. 			}, false);
  652.  
  653. 			while (postFormParent.getElementsByClassName('input_submit')[0] == null && postFormParent.parentNode) {
  654. 				postFormParent = postFormParent.parentNode;
  655. 			}
  656.  
  657. 			inputs = postFormParent.getElementsByClassName('input_submit');
  658.  
  659. 			// On submits
  660.  
  661. 			var deleteCloneListener = function() {
  662. 				var texts = postFormParent.getElementsByTagName('textarea'),
  663. 				thisOne,
  664. 				i = 0;
  665.  
  666. 				for (i = 0; i < texts.length; i++) {
  667. 					thisOne = texts[i];
  668. 					if (thisOne.hasAttribute('data-shortcutsenabled')) {
  669. 						thisOne.remove();
  670. 						break;
  671. 					}
  672. 				}
  673.  
  674. 				element.style.display = '';
  675.  
  676. 				Events.selector(this).remove('click', 'deleteClone', deleteCloneListener, false);
  677. 			};
  678.  
  679. 			for (i = 0; i < inputs.length; i++) {
  680. 				thisInput = inputs[i];
  681. 				Events.selector(thisInput).add('click', 'deleteClone', deleteCloneListener, false);
  682. 			}
  683. 		}, false);
  684. 	}
  685.  
  686. 	if (event.ctrlKey || event.metaKey) {
  687. 		switch (event.keyCode) {
  688. 			case 66:
  689. 				event.preventDefault();
  690. 				wrapText(element, '[b]', '[/b]');
  691. 			break;
  692. 			case 73:
  693. 				event.preventDefault();
  694. 				wrapText(element, '[i]', '[/i]');
  695. 			break;
  696. 			case 85:
  697. 				event.preventDefault();
  698. 				wrapText(element, '[u]', '[/u]');
  699. 			break;
  700. 		}
  701. 	}
  702. }, false);
  703.  
  704. // Styling
  705.  
  706. if (document.getElementById('MakazeScriptStyles') == null) {
  707. 	MakazeScriptStyles = createElement('style', function(style) {
  708. 		style.id = 'MakazeScriptStyles';
  709. 		style.type = 'text/css';
  710. 	});
  711. 	document.head.appendChild(MakazeScriptStyles);
  712. }
  713.  
  714. styleElem = document.getElementById('MakazeScriptStyles');
  715.  
  716. if (styleElem.hasChildNodes()) {
  717. 	styleElem.childNodes[0].nodeValue += '\n\n';
  718. } else {
  719. 	styleElem.appendChild(document.createTextNode(''));
  720. }
  721.  
  722. styleElem.childNodes[0].nodeValue +=
  723. 	'#request-background {\n' +
  724. 		'position: fixed;\n' +
  725. 		'z-index: 9999998;\n' +
  726. 		'top: 0px;\n' +
  727. 		'left: 0px;\n' +
  728. 		'opacity: 0.5;\n' +
  729. 		'width: 100%;\n' +
  730. 		'height: 100%;\n' +
  731. 		'display: none;\n' +
  732. 	'}\n\n' +
  733.  
  734. 	'.plaintextBBCodeRequest {\n' +
  735. 		'z-index: 9999999;\n' +
  736. 	'}\n\n' +
  737.  
  738. 	'.sp_BBCode_desc {\n' +
  739. 		'color: #666 ! important;\n' +
  740. 		'white-space: normal ! important;\n' +
  741. 		'word-wrap: break-word;\n' +
  742. 	'}\n\n' +
  743.  
  744. 	'.plaintextBBCode-dropdown {\n' +
  745. 		'position: absolute;\n' +
  746. 		'z-index: 9999;\n' +
  747. 		'overflow-y: auto;\n' +
  748. 		'background-color: #fff;\n' +
  749. 		'border-top-left-radius: 0px;\n' +
  750. 		'border-top-right-radius: 3px;\n' +
  751. 		'border-bottom-right-radius: 3px;\n' +
  752. 		'border-bottom-left-radius: 3px;\n' +
  753. 		'border: 1px solid #aaa;\n' +
  754. 		'color: #222;\n' +
  755. 		'font-family: \'Helvetica Neue\', Arial, Verdana, sans-serif;\n' +
  756. 		'display: none;\n' +
  757. 	'}\n\n' +
  758.  
  759. 	'#font-dropdown {\n' +
  760. 		'width: 300px;\n' +
  761. 		'height: 170px;\n' +
  762. 	'}\n\n' +
  763.  
  764. 	'#size-dropdown {\n' +
  765. 		'width: 120px;\n' +
  766. 		'height: 170px;\n' +
  767. 	'}\n\n' +
  768.  
  769. 	'#color-dropdown {\n' +
  770. 		'width: 154px;\n' +
  771. 		'height: 134px;\n' +
  772. 	'}\n\n' +
  773.  
  774. 	'.dropdown-link {\n' +
  775. 		'padding: 2px;\n' +
  776. 		'display: block;\n' +
  777. 		'border: 1px solid #fff;\n' +
  778. 		'color: inherit !important;\n' +
  779. 		'text-decoration: none;\n' +
  780. 		'overflow: hidden;\n' +
  781. 		'text-overflow: ellipsis;\n' +
  782. 	'}';
  783.  
  784. function getBackgroundColor(elem) {
  785. 	var bg;
  786.  
  787. 	function hex(x) {
  788. 		return ("0" + parseInt(x).toString(16)).slice(-2);
  789. 	}
  790.  
  791. 	if (elem.currentStyle) {
  792. 		bg = elem.currentStyle.backgroundColor;
  793. 	} else if (window.getComputedStyle) {
  794. 		bg = document.defaultView.getComputedStyle(elem, null).getPropertyValue("background-color");
  795. 		if (bg.search("rgb") == -1) {
  796. 			return bg;
  797. 		} else {
  798. 			bg = bg.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
  799. 			return "#" + hex(bg[1]) + hex(bg[2]) + hex(bg[3]);
  800. 		}
  801. 	}
  802. }
  803.  
  804. function createDialogCSS() {
  805. 	var dialogcss = false,
  806. 	dialogStyle,
  807. 	links = document.getElementsByTagName('link'),
  808. 	i = 0;
  809.  
  810. 	for (i = 0; i < links.length; i++) {
  811. 		if (links[i].href.match(/dialog\.css/)) {
  812. 			dialogcss = true;
  813. 			break;
  814. 		}
  815. 	}
  816.  
  817. 	if (!dialogcss) {
  818. 		dialogStyle = createElement('link', function(css) {
  819. 			css.setAttribute('rel', 'stylesheet');
  820. 			css.setAttribute('media', 'screen,print');
  821. 			css.type = 'text/css';
  822. 			css.href = 'public/js/3rd_party/ckeditor/skins/ips/dialog.css';
  823. 		});
  824. 		
  825. 		document.head.appendChild(dialogStyle);
  826. 	}
  827. }
  828.  
  829. function createRequestBackground() {
  830. 	if (document.getElementById('request-background') == null) {
  831. 		var requestbackground = createElement('div', function(bg) {
  832. 			bg.id = 'request-background';
  833. 			bg.className = 'cke_dialog_background_cover';
  834. 		});
  835. 		document.body.appendChild(requestbackground);
  836. 	}
  837. }
  838.  
  839. function createRequest() {
  840. 	createDialogCSS();
  841.  
  842. 	var requestDialog = createElement('div', function(request) {
  843. 		request.className = 'cke_skin_ips plaintextBBCodeRequest';
  844. 		request.id = 'plaintext-request';
  845. 		request.style.display = 'none';
  846. 		request.style.position = 'fixed';
  847. 		request.style.top = '0px'; 
  848. 		request.style.left = '0px'; 
  849. 		request.style.width = '400px';
  850. 		request.style.backgroundColor = '#fff';
  851.  
  852. 		request.appendChild(createElement('div', function(body) {
  853. 			body.className = 'cke_dialog_body';
  854.  
  855. 			body.appendChild(createElement('div', function(handle) {
  856. 				handle.className = 'request-type cke_dialog_title';
  857. 				handle.appendChild(document.createTextNode('Link'));
  858. 			}));
  859.  
  860. 			body.appendChild(createElement('a', function(close) {
  861. 				close.className = 'cke_dialog_close_button';
  862. 				close.href = 'javascript:void(0)';
  863. 				close.title = 'Close';
  864.  
  865. 				close.appendChild(createElement('span', function(label) {
  866. 					label.className = 'cke_label';
  867. 					label.appendChild(document.createTextNode('X'));
  868. 				}));
  869. 			}));
  870.  
  871. 			body.appendChild(createElement('div', function(contents) {
  872. 				contents.className = 'cke_dialog_contents';
  873.  
  874. 				contents.appendChild(createElement('div', function(spec) {
  875. 					spec.className = 'spec';
  876. 					spec.style.marginTop = '5px';
  877. 					spec.appendChild(document.createTextNode('URL'));
  878. 				}));
  879.  
  880. 				contents.appendChild(createElement('div', function(fields) {
  881. 					fields.className = 'fields';
  882. 					fields.style.lineHeight = '14px';
  883. 					fields.style.verticalAlign = 'middle';
  884.  
  885. 					fields.appendChild(createElement('div', function(cont) {
  886. 						cont.className = 'cke_dialog_ui_input_text';
  887. 						cont.appendChild(createElement('input', function(input) {
  888. 							input.className = 'cke_dialog_ui_input_text';
  889. 							input.type = 'text';
  890. 						}));
  891. 					}));
  892. 				}));
  893.  
  894. 				contents.appendChild(createElement('div', function(footer) {
  895. 					footer.className = 'cke_dialog_footer cke_dialog_footer_buttons';
  896. 					footer.style.float = 'right';
  897. 					footer.style.marginRight = '0px';
  898. 					footer.style.marginTop = '10px';
  899.  
  900. 					footer.appendChild(createElement('a', function(okay) {
  901. 						okay.className = 'cke_dialog_ui_button';
  902. 						okay.setAttribute('hidefocus', 'true');
  903. 						okay.title = 'OK';
  904. 						okay.href = 'javascript:void(0)';
  905.  
  906. 						okay.appendChild(createElement('span', function(span) {
  907. 							span.className = 'cke_dialog_ui_button';
  908. 							span.style.marginBottom = '5px';
  909. 							span.appendChild(document.createTextNode('OK'));
  910. 						}));
  911. 					}));
  912.  
  913. 					footer.appendChild(createElement('a', function(cancel) {
  914. 						cancel.className = 'cke_dialog_ui_button';
  915. 						cancel.setAttribute('hidefocus', 'true');
  916. 						cancel.title = 'Cancel';
  917. 						cancel.href = 'javascript:void(0)';
  918. 						cancel.style.marginLeft = '10px';
  919.  
  920. 						cancel.appendChild(createElement('span', function(span) {
  921. 							span.className = 'cke_dialog_ui_button';
  922. 							span.style.marginBottom = '5px';
  923. 							span.appendChild(document.createTextNode('Cancel'));
  924. 						}));
  925. 					}));
  926. 				}));
  927. 			}));
  928. 		}));
  929. 	});
  930.  
  931. 	document.body.appendChild(requestDialog);
  932.  
  933. 	runInGlobal('requestDrag = new Draggable(\'plaintext-request\', { handle: \'request-type\', starteffect: null, endeffect: null });');
  934.  
  935. 	createRequestBackground();
  936.  
  937. 	var requestClickHandler = function() {
  938. 			fade(document.getElementById('plaintext-request'), 'out');
  939. 			fade(document.getElementById('request-background'), 'out');
  940. 	};
  941.  
  942. 	Events.selector(document.getElementById('plaintext-request').getElementsByClassName('cke_dialog_close_button')[0]).add('click', 'plaintextRequest_fade', requestClickHandler, false);
  943. 	Events.selector(document.getElementById('plaintext-request').getElementsByClassName('cke_dialog_footer')[0].getElementsByTagName('a')[0]).add('click', 'plaintextRequest_fade', requestClickHandler, false);
  944. 	Events.selector(document.getElementById('plaintext-request').getElementsByClassName('cke_dialog_footer')[0].getElementsByTagName('a')[1]).add('click', 'plaintextRequest_fade', requestClickHandler, false);
  945. }
  946.  
  947. function createFontDropdown() {
  948. 	function createFont(name, family) {
  949. 		return createElement('li', function(font) {
  950. 			font.className = 'cke_panel_listItem';
  951.  
  952. 			font.appendChild(createElement('a', function(link) {
  953. 				link.className = 'dropdown-link';
  954. 				link.href = 'javascript:void(\'' + name + '\')';
  955. 				link.title = name;
  956. 				link.appendChild(createElement('span', function(span) {
  957. 					span.style.fontSize = '14px';
  958. 					span.style.fontFamily = family;
  959. 					span.appendChild(document.createTextNode(name));
  960. 				}));
  961. 			}));
  962. 		});
  963. 	}
  964.  
  965. 	var fontDropdown = createElement('div', function(dropdown) {
  966. 		dropdown.id = 'font-dropdown';
  967. 		dropdown.className = 'cke_panel cke_ltr cke_rcombopanel font-dropdown plaintextBBCode-dropdown';
  968.  
  969. 		dropdown.appendChild(createElement('div', function(block) {
  970. 			block.className = 'cke_panel_block';
  971.  
  972. 			block.appendChild(createElement('h1', function(title) {
  973. 				title.className = 'cke_panel_grouptitle';
  974. 				title.appendChild(document.createTextNode('Font Name'));
  975. 			}));
  976.  
  977. 			block.appendChild(createElement('ul', function(list) {
  978. 				list.className = 'cke_panel_list';
  979.  
  980. 				list.appendChild(createFont('Arial', 'arial,helvetica,sans-serif'));
  981. 				list.appendChild(createFont('Comic Sans MS', 'comic sans ms,cursive'));
  982. 				list.appendChild(createFont('Courier New', 'courier new,courier,monospace'));
  983. 				list.appendChild(createFont('Georgia', 'georgia,serif'));
  984. 				list.appendChild(createFont('Lucida Sans Unicode', 'lucida sans unicode,lucida grande,sans-serif'));
  985. 				list.appendChild(createFont('Tahoma', 'tahoma,geneva,sans-serif'));
  986. 				list.appendChild(createFont('Times New Roman', 'times new roman,times,serif'));
  987. 				list.appendChild(createFont('Trebuchet MS', 'trebuchet ms,helvetica,sans-serif'));
  988. 				list.appendChild(createFont('Verdana', 'verdana,geneva,sans-serif'));
  989. 			}));
  990. 		}));
  991. 	});
  992.  
  993. 	document.body.appendChild(fontDropdown);
  994. }
  995.  
  996. function createSizeDropdown() {
  997. 	function createSize(size, id) {
  998. 		return createElement('li', function(font) {
  999. 			font.className = 'cke_panel_listItem';
  1000.  
  1001. 			font.appendChild(createElement('a', function(link) {
  1002. 				link.className = 'dropdown-link';
  1003. 				link.href = 'javascript:void(\'' + size.toString() + '\')';
  1004. 				link.title = size.toString();
  1005. 				link.id = 'Size_' + id;
  1006. 				link.appendChild(createElement('span', function(span) {
  1007. 					span.style.fontSize = size + 'px';
  1008. 					span.appendChild(document.createTextNode(size.toString()));
  1009. 				}));
  1010. 			}));
  1011. 		});
  1012. 	}
  1013.  
  1014. 	var sizeDropdown = createElement('div', function(dropdown) {
  1015. 		dropdown.id = 'size-dropdown';
  1016. 		dropdown.className = 'cke_panel cke_ltr cke_rcombopanel size-dropdown plaintextBBCode-dropdown';
  1017.  
  1018. 		dropdown.appendChild(createElement('div', function(block) {
  1019. 			block.className = 'cke_panel_block';
  1020.  
  1021. 			block.appendChild(createElement('h1', function(title) {
  1022. 				title.className = 'cke_panel_grouptitle';
  1023. 				title.appendChild(document.createTextNode('Font Size'));
  1024. 			}));
  1025.  
  1026. 			block.appendChild(createElement('ul', function(list) {
  1027. 				list.className = 'cke_panel_list';
  1028.  
  1029. 				list.appendChild(createSize(8, 1));
  1030. 				list.appendChild(createSize(10, 2));
  1031. 				list.appendChild(createSize(12, 3));
  1032. 				list.appendChild(createSize(14, 4));
  1033. 				list.appendChild(createSize(18, 5));
  1034. 				list.appendChild(createSize(24, 6));
  1035. 				list.appendChild(createSize(36, 7));
  1036. 				list.appendChild(createSize(48, 8));
  1037. 			}));
  1038. 		}));
  1039. 	});
  1040.  
  1041. 	document.body.appendChild(sizeDropdown);
  1042. }
  1043.  
  1044. function createColorDropdown() {
  1045. 	function createColor(name, color) {
  1046. 		return createElement('td', function(cell) {
  1047. 			cell.style.padding = '0px';
  1048. 			cell.appendChild(createElement('a', function(link) {
  1049. 				link.className = 'cke_colorbox';
  1050. 				link.title = name;
  1051. 				link.href = 'javascript:void(\'' + name + '\')';
  1052. 				link.appendChild(createElement('span', function(value) {
  1053. 					value.className = 'cke_colorbox';
  1054. 					value.style.backgroundColor = color;
  1055. 				}));
  1056. 			}));
  1057. 		});
  1058. 	}
  1059.  
  1060. 	var colors = [ { 'title': 'Black', 'color': '#000000' }, { 'title': 'Maroon', 'color': '#800000' }, { 'title': 'Saddle Brown', 'color': '#8b4513' }, { 'title': 'Dark Slate Gray', 'color': '#2f4f4f' }, { 'title': 'Teal', 'color': '#008080' }, { 'title': 'Navy', 'color': '#000080' }, { 'title': 'Indigo', 'color': '#4b0082' }, { 'title': 'Dark Gray', 'color': '#696969' }, { 'title': 'Fire Brick', 'color': '#b22222' }, { 'title': 'Brown', 'color': '#a52a2a' }, { 'title': 'Golden Rod', 'color': '#daa520' }, { 'title': 'Dark Green', 'color': '#006400' }, { 'title': 'Turquoise', 'color': '#40e0d0' }, { 'title': 'Medium Blue', 'color': '#0000cd' }, { 'title': 'Purple', 'color': '#800080' }, { 'title': 'Gray', 'color': '#808080' }, { 'title': 'Red', 'color': '#ff0000' }, { 'title': 'Dark Orange', 'color': '#ff8c00' }, { 'title': 'Gold', 'color': '#ffd700' }, { 'title': 'Green', 'color': '#008000' }, { 'title': 'Cyan', 'color': '#00ffff' }, { 'title': 'Blue', 'color': '#0000ff' }, { 'title': 'Violet', 'color': '#ee82ee' }, { 'title': 'Dim Gray', 'color': '#a9a9a9' }, { 'title': 'Light Salmon', 'color': '#ffa07a' }, { 'title': 'Orange', 'color': '#ffa500' }, { 'title': 'Yellow', 'color': '#ffff00' }, { 'title': 'Lime', 'color': '#00ff00' }, { 'title': 'Pale Turquoise', 'color': '#afeeee' }, { 'title': 'Light Blue', 'color': '#add8e6' }, { 'title': 'Plum', 'color': '#dda0dd' }, { 'title': 'Light Gray', 'color': '#d3d3d3' }, { 'title': 'Lavender Blush', 'color': '#fff0f5' }, { 'title': 'Antique White', 'color': '#faebd7' }, { 'title': 'Light Yellow', 'color': '#ffffe0' }, { 'title': 'Honeydew', 'color': '#f0fff0' }, { 'title': 'Azure', 'color': '#f0ffff' }, { 'title': 'Alice Blue', 'color': '#f0f8ff' }, { 'title': 'Lavender', 'color': '#e6e6fa' }, { 'title': 'White', 'color': '#ffffff' } ],
  1061. 	buffer = [0, 8],
  1062. 	i = 0;
  1063.  
  1064. 	var colorDropdown = createElement('div', function(dropdown) {
  1065. 		dropdown.id = 'color-dropdown';
  1066. 		dropdown.className = 'cke_panel cke_ltr color-dropdown plaintextBBCode-dropdown';
  1067.  
  1068. 		dropdown.appendChild(createElement('div', function(block) {
  1069. 			block.className = 'cke_panel_block cke_colorblock cke_frameLoaded';
  1070.  
  1071. 			block.appendChild(createElement('a', function(auto) {
  1072. 				auto.className = 'cke_colorauto';
  1073. 				auto.title = 'Automatic';
  1074. 				auto.href = 'javascript:void(\'Automatic\')';
  1075.  
  1076. 				auto.appendChild(createElement('table', function(table) {
  1077. 					table.setAttribute('cellspacing', 0);
  1078. 					table.setAttribute('cellpadding', 0);
  1079. 					table.width = '100%';
  1080.  
  1081. 					table.appendChild(createElement('tbody', function(tbody) {
  1082. 						tbody.appendChild(createElement('tr', function(row) {
  1083. 							row.appendChild(createElement('td', function(color) {
  1084. 								color.style.padding = '0px';
  1085.  
  1086. 								color.appendChild(createElement('span', function(span) {
  1087. 									span.className = 'cke_colorbox';
  1088. 									span.style.backgroundColor = '#222222';
  1089. 								}));
  1090. 							}));
  1091.  
  1092. 							row.appendChild(createElement('td', function(name) {
  1093. 								name.style.padding = '0px';
  1094. 								name.setAttribute('colspan', 7);
  1095. 								name.align = 'center';
  1096. 								name.appendChild(document.createTextNode('Automatic'));
  1097. 							}));
  1098. 						}));
  1099. 					}));
  1100. 				}));
  1101. 			}));
  1102.  
  1103. 			block.appendChild(createElement('table', function(colorstable) {
  1104. 				colorstable.setAttribute('cellspacing', 0);
  1105. 				colorstable.setAttribute('cellpadding', 0);
  1106. 				colorstable.width = '100%';
  1107.  
  1108. 				colorstable.appendChild(createElement('tbody', function(body) {
  1109. 					body.appendChild(createElement('tr', function(row) {
  1110. 						for (i = buffer[0]; i < buffer[1]; i++) {
  1111. 							row.appendChild(createColor(colors[i].title, colors[i].color));
  1112. 						}
  1113. 					}));
  1114.  
  1115. 					buffer[0] += 8;
  1116. 					buffer[1] += 8;
  1117.  
  1118. 					body.appendChild(createElement('tr', function(row) {
  1119. 						for (i = buffer[0]; i < buffer[1]; i++) {
  1120. 							row.appendChild(createColor(colors[i].title, colors[i].color));
  1121. 						}
  1122. 					}));
  1123.  
  1124. 					buffer[0] += 8;
  1125. 					buffer[1] += 8;
  1126.  
  1127. 					body.appendChild(createElement('tr', function(row) {
  1128. 						for (i = buffer[0]; i < buffer[1]; i++) {
  1129. 							row.appendChild(createColor(colors[i].title, colors[i].color));
  1130. 						}
  1131. 					}));
  1132.  
  1133. 					buffer[0] += 8;
  1134. 					buffer[1] += 8;
  1135.  
  1136. 					body.appendChild(createElement('tr', function(row) {
  1137. 						for (i = buffer[0]; i < buffer[1]; i++) {
  1138. 							row.appendChild(createColor(colors[i].title, colors[i].color));
  1139. 						}
  1140. 					}));
  1141.  
  1142. 					buffer[0] += 8;
  1143. 					buffer[1] += 8;
  1144.  
  1145. 					body.appendChild(createElement('tr', function(row) {
  1146. 						for (i = buffer[0]; i < buffer[1]; i++) {
  1147. 							row.appendChild(createColor(colors[i].title, colors[i].color));
  1148. 						}
  1149. 					}));
  1150.  
  1151. 					body.appendChild(createElement('tr', function(row) {
  1152. 						row.appendChild(createElement('td', function(colormore) {
  1153. 							colormore.style.padding = '0px';
  1154. 							colormore.setAttribute('colspan', 8);
  1155. 							colormore.align = 'center';
  1156.  
  1157. 							colormore.appendChild(createElement('a', function(link) {
  1158. 								link.className = 'cke_colormore';
  1159. 								link.title = 'More Colors...';
  1160. 								link.href = 'javascript:void(\'More Colors...\')';
  1161. 								link.appendChild(document.createTextNode('More Colors...'));
  1162. 							}));
  1163. 						}));
  1164. 					}));
  1165. 				}));
  1166. 			}));
  1167. 		}));
  1168. 	});
  1169.  
  1170. 	document.body.appendChild(colorDropdown);
  1171. }
  1172.  
  1173. function createColorMoreRequest() {
  1174. 	function createColorMore(color) {
  1175. 		return createElement('td', function(colorMore) {
  1176. 			colorMore.className = 'ColorCell';
  1177. 			colorMore.style.backgroundColor = color;
  1178. 			colorMore.style.border = '1px solid ' + color;
  1179. 			colorMore.style.width = '14px';
  1180. 			colorMore.style.height = '14px';
  1181. 			colorMore.appendChild(createElement('span', function(value) {
  1182. 				value.className = 'cke_voice_label';
  1183. 				value.appendChild(document.createTextNode(color));
  1184. 			}));
  1185. 		});
  1186. 	}
  1187.  
  1188. 	createDialogCSS();
  1189. 	
  1190. 	var colors = [ { 'color': '#000000' }, { 'color': '#003300' }, { 'color': '#006600' }, { 'color': '#009900' }, { 'color': '#00cc00' }, { 'color': '#00ff00' }, { 'color': '#330000' }, { 'color': '#333300' }, { 'color': '#336600' }, { 'color': '#339900' }, { 'color': '#33cc00' }, { 'color': '#33ff00' }, { 'color': '#660000' }, { 'color': '#663300' }, { 'color': '#666600' }, { 'color': '#669900' }, { 'color': '#66cc00' }, { 'color': '#66ff00' }, { 'color': '#000033' }, { 'color': '#003333' }, { 'color': '#006633' }, { 'color': '#009933' }, { 'color': '#00cc33' }, { 'color': '#00ff33' }, { 'color': '#330033' }, { 'color': '#333333' }, { 'color': '#336633' }, { 'color': '#339933' }, { 'color': '#33cc33' }, { 'color': '#33ff33' }, { 'color': '#660033' }, { 'color': '#663333' }, { 'color': '#666633' }, { 'color': '#669933' }, { 'color': '#66cc33' }, { 'color': '#66ff33' }, { 'color': '#000066' }, { 'color': '#003366' }, { 'color': '#006666' }, { 'color': '#009966' }, { 'color': '#00cc66' }, { 'color': '#00ff66' }, { 'color': '#330066' }, { 'color': '#333366' }, { 'color': '#336666' }, { 'color': '#339966' }, { 'color': '#33cc66' }, { 'color': '#33ff66' }, { 'color': '#660066' }, { 'color': '#663366' }, { 'color': '#666666' }, { 'color': '#669966' }, { 'color': '#66cc66' }, { 'color': '#66ff66' }, { 'color': '#000099' }, { 'color': '#003399' }, { 'color': '#006699' }, { 'color': '#009999' }, { 'color': '#00cc99' }, { 'color': '#00ff99' }, { 'color': '#330099' }, { 'color': '#333399' }, { 'color': '#336699' }, { 'color': '#339999' }, { 'color': '#33cc99' }, { 'color': '#33ff99' }, { 'color': '#660099' }, { 'color': '#663399' }, { 'color': '#666699' }, { 'color': '#669999' }, { 'color': '#66cc99' }, { 'color': '#66ff99' }, { 'color': '#0000cc' }, { 'color': '#0033cc' }, { 'color': '#0066cc' }, { 'color': '#0099cc' }, { 'color': '#00cccc' }, { 'color': '#00ffcc' }, { 'color': '#3300cc' }, { 'color': '#3333cc' }, { 'color': '#3366cc' }, { 'color': '#3399cc' }, { 'color': '#33cccc' }, { 'color': '#33ffcc' }, { 'color': '#6600cc' }, { 'color': '#6633cc' }, { 'color': '#6666cc' }, { 'color': '#6699cc' }, { 'color': '#66cccc' }, { 'color': '#66ffcc' }, { 'color': '#0000ff' }, { 'color': '#0033ff' }, { 'color': '#0066ff' }, { 'color': '#0099ff' }, { 'color': '#00ccff' }, { 'color': '#00ffff' }, { 'color': '#3300ff' }, { 'color': '#3333ff' }, { 'color': '#3366ff' }, { 'color': '#3399ff' }, { 'color': '#33ccff' }, { 'color': '#33ffff' }, { 'color': '#6600ff' }, { 'color': '#6633ff' }, { 'color': '#6666ff' }, { 'color': '#6699ff' }, { 'color': '#66ccff' }, { 'color': '#66ffff' }, { 'color': '#990000' }, { 'color': '#993300' }, { 'color': '#996600' }, { 'color': '#999900' }, { 'color': '#99cc00' }, { 'color': '#99ff00' }, { 'color': '#cc0000' }, { 'color': '#cc3300' }, { 'color': '#cc6600' }, { 'color': '#cc9900' }, { 'color': '#cccc00' }, { 'color': '#ccff00' }, { 'color': '#ff0000' }, { 'color': '#ff3300' }, { 'color': '#ff6600' }, { 'color': '#ff9900' }, { 'color': '#ffcc00' }, { 'color': '#ffff00' }, { 'color': '#990033' }, { 'color': '#993333' }, { 'color': '#996633' }, { 'color': '#999933' }, { 'color': '#99cc33' }, { 'color': '#99ff33' }, { 'color': '#cc0033' }, { 'color': '#cc3333' }, { 'color': '#cc6633' }, { 'color': '#cc9933' }, { 'color': '#cccc33' }, { 'color': '#ccff33' }, { 'color': '#ff0033' }, { 'color': '#ff3333' }, { 'color': '#ff6633' }, { 'color': '#ff9933' }, { 'color': '#ffcc33' }, { 'color': '#ffff33' }, { 'color': '#990066' }, { 'color': '#993366' }, { 'color': '#996666' }, { 'color': '#999966' }, { 'color': '#99cc66' }, { 'color': '#99ff66' }, { 'color': '#cc0066' }, { 'color': '#cc3366' }, { 'color': '#cc6666' }, { 'color': '#cc9966' }, { 'color': '#cccc66' }, { 'color': '#ccff66' }, { 'color': '#ff0066' }, { 'color': '#ff3366' }, { 'color': '#ff6666' }, { 'color': '#ff9966' }, { 'color': '#ffcc66' }, { 'color': '#ffff66' }, { 'color': '#990099' }, { 'color': '#993399' }, { 'color': '#996699' }, { 'color': '#999999' }, { 'color': '#99cc99' }, { 'color': '#99ff99' }, { 'color': '#cc0099' }, { 'color': '#cc3399' }, { 'color': '#cc6699' }, { 'color': '#cc9999' }, { 'color': '#cccc99' }, { 'color': '#ccff99' }, { 'color': '#ff0099' }, { 'color': '#ff3399' }, { 'color': '#ff6699' }, { 'color': '#ff9999' }, { 'color': '#ffcc99' }, { 'color': '#ffff99' }, { 'color': '#9900cc' }, { 'color': '#9933cc' }, { 'color': '#9966cc' }, { 'color': '#9999cc' }, { 'color': '#99cccc' }, { 'color': '#99ffcc' }, { 'color': '#cc00cc' }, { 'color': '#cc33cc' }, { 'color': '#cc66cc' }, { 'color': '#cc99cc' }, { 'color': '#cccccc' }, { 'color': '#ccffcc' }, { 'color': '#ff00cc' }, { 'color': '#ff33cc' }, { 'color': '#ff66cc' }, { 'color': '#ff99cc' }, { 'color': '#ffcccc' }, { 'color': '#ffffcc' }, { 'color': '#9900ff' }, { 'color': '#9933ff' }, { 'color': '#9966ff' }, { 'color': '#9999ff' }, { 'color': '#99ccff' }, { 'color': '#99ffff' }, { 'color': '#cc00ff' }, { 'color': '#cc33ff' }, { 'color': '#cc66ff' }, { 'color': '#cc99ff' }, { 'color': '#ccccff' }, { 'color': '#ccffff' }, { 'color': '#ff00ff' }, { 'color': '#ff33ff' }, { 'color': '#ff66ff' }, { 'color': '#ff99ff' }, { 'color': '#ffccff' }, { 'color': '#ffffff' }, { 'color': '#000000' }, { 'color': '#333333' }, { 'color': '#666666' }, { 'color': '#999999' }, { 'color': '#cccccc' }, { 'color': '#ffffff' }, { 'color': '#000000' }, { 'color': '#000000' }, { 'color': '#000000' }, { 'color': '#000000' }, { 'color': '#000000' }, { 'color': '#000000' }, { 'color': '#000000' }, { 'color': '#000000' }, { 'color': '#000000' }, { 'color': '#000000' }, { 'color': '#000000' }, { 'color': '#000000' } ],
  1191. 	buffer = [0, 18],
  1192. 	i = 0;
  1193.  
  1194. 	var colorMoreRequest = createElement('div', function(request) {
  1195. 		request.className = 'cke_skin_ips plaintextBBCodeRequest';
  1196. 		request.id = 'colorMore-request';
  1197. 		request.style.display = 'none';
  1198. 		request.style.position = 'fixed';
  1199. 		request.style.top = '0px'; 
  1200. 		request.style.left = '0px'; 
  1201. 		request.style.width = '400px';
  1202. 		request.style.backgroundColor = '#fff';
  1203.  
  1204. 		request.appendChild(createElement('div', function(body) {
  1205. 			body.className = 'cke_dialog_body';
  1206.  
  1207. 			body.appendChild(createElement('div', function(handle) {
  1208. 				handle.className = 'request-type cke_dialog_title';
  1209. 				handle.appendChild(document.createTextNode('Select color'));
  1210. 			}));
  1211.  
  1212. 			body.appendChild(createElement('a', function(close) {
  1213. 				close.className = 'cke_dialog_close_button';
  1214. 				close.href = 'javascript:void(0)';
  1215. 				close.title = 'Close';
  1216. 				close.appendChild(createElement('span', function(span) {
  1217. 					span.className = 'cke_label';
  1218. 					span.appendChild(document.createTextNode('X'));
  1219. 				}));
  1220. 			}));
  1221.  
  1222. 			body.appendChild(createElement('div', function(content_table) {
  1223. 				content_table.className = 'cke_dialog_contents';
  1224. 				content_table.appendChild(createElement('tbody', function(content_tbody) {
  1225. 					content_tbody.appendChild(createElement('tr', function(content_row) {
  1226. 						content_row.appendChild(createElement('td', function(content_cell) {
  1227. 							content_cell.className = 'cke_dialog_contents';
  1228. 							content_cell.style.width = '360px';
  1229. 							content_cell.style.height = '220px';
  1230. 							content_cell.appendChild(createElement('div', function(content_page) {
  1231. 								content_page.className = 'cke_dialog_ui_vbox cke_dialog_page_contents';
  1232. 								content_page.style.width = '100%';
  1233. 								content_page.style.height = '100%';
  1234. 								content_page.appendChild(createElement('table', function(content_page_table) {
  1235. 									content_page_table.align = 'left';
  1236. 									content_page_table.border = '0';
  1237. 									content_page_table.setAttribute('cellspacing', '0');
  1238. 									content_page_table.style.width = '100%';
  1239. 									content_page_table.appendChild(createElement('tbody', function(content_page_tbody) {
  1240. 										content_page_tbody.appendChild(createElement('tr', function(content_page_row) {
  1241. 											content_page_row.appendChild(createElement('td', function(content_page_cell) {
  1242. 												content_page_cell.className = 'cke_dialog_ui_vbox_child';
  1243. 												content_page_cell.appendChild(createElement('table', function(content_page_cell_table) {
  1244. 													content_page_cell_table.className = 'cke_dialog_ui_hbox';
  1245. 													content_page_cell_table.appendChild(createElement('tbody', function(content_page_cell_tbody) {
  1246. 														content_page_cell_tbody.appendChild(createElement('tr', function(content_page_cell_row) {
  1247. 															content_page_cell_row.className = 'cke_dialog_ui_hbox';
  1248. 															content_page_cell_row.appendChild(createElement('td', function(content_page_cell_cell) {
  1249. 																content_page_cell_cell.className = 'cke_dialog_ui_hbox_first';
  1250. 																content_page_cell_cell.style.width = '70%';
  1251. 																content_page_cell_cell.style.padding = '0';
  1252. 																content_page_cell_cell.appendChild(createElement('div', function(content_page_cell_cell_box) {
  1253. 																	content_page_cell_cell_box.className = 'cke_dialog_ui_html';
  1254. 																	content_page_cell_cell_box.appendChild(createElement('table', function(content_page_cell_cell_table) {
  1255. 																		content_page_cell_cell_table.setAttribute('cellspacing', '0');
  1256. 																		content_page_cell_cell_table.setAttribute('style', 'border-collapse: separate;');
  1257.  
  1258. 																		content_page_cell_cell_table.appendChild(createElement('caption', function(caption) {
  1259. 																			caption.className = 'cke_voice_label';
  1260. 																			caption.appendChild(document.createTextNode('Color Options'));
  1261. 																		}));
  1262.  
  1263. 																		content_page_cell_cell_table.appendChild(createElement('tbody', function(content_page_cell_cell_tbody) {
  1264. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(color_row) {
  1265. 																				for (i = buffer[0]; i < buffer[1]; i++) {
  1266. 																					color_row.appendChild(createColorMore(colors[i].color));
  1267. 																				}
  1268. 																			}));
  1269.  
  1270. 																			buffer[0] += 18;
  1271. 																			buffer[1] += 18;
  1272.  
  1273. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(color_row) {
  1274. 																				for (i = buffer[0]; i < buffer[1]; i++) {
  1275. 																					color_row.appendChild(createColorMore(colors[i].color));
  1276. 																				}
  1277. 																			}));
  1278.  
  1279. 																			buffer[0] += 18;
  1280. 																			buffer[1] += 18;
  1281.  
  1282. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(color_row) {
  1283. 																				for (i = buffer[0]; i < buffer[1]; i++) {
  1284. 																					color_row.appendChild(createColorMore(colors[i].color));
  1285. 																				}
  1286. 																			}));
  1287.  
  1288. 																			buffer[0] += 18;
  1289. 																			buffer[1] += 18;
  1290.  
  1291. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(color_row) {
  1292. 																				for (i = buffer[0]; i < buffer[1]; i++) {
  1293. 																					color_row.appendChild(createColorMore(colors[i].color));
  1294. 																				}
  1295. 																			}));
  1296.  
  1297. 																			buffer[0] += 18;
  1298. 																			buffer[1] += 18;
  1299.  
  1300. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(color_row) {
  1301. 																				for (i = buffer[0]; i < buffer[1]; i++) {
  1302. 																					color_row.appendChild(createColorMore(colors[i].color));
  1303. 																				}
  1304. 																			}));
  1305.  
  1306. 																			buffer[0] += 18;
  1307. 																			buffer[1] += 18;
  1308.  
  1309. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(color_row) {
  1310. 																				for (i = buffer[0]; i < buffer[1]; i++) {
  1311. 																					color_row.appendChild(createColorMore(colors[i].color));
  1312. 																				}
  1313. 																			}));
  1314.  
  1315. 																			buffer[0] += 18;
  1316. 																			buffer[1] += 18;
  1317.  
  1318. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(color_row) {
  1319. 																				for (i = buffer[0]; i < buffer[1]; i++) {
  1320. 																					color_row.appendChild(createColorMore(colors[i].color));
  1321. 																				}
  1322. 																			}));
  1323.  
  1324. 																			buffer[0] += 18;
  1325. 																			buffer[1] += 18;
  1326.  
  1327. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(color_row) {
  1328. 																				for (i = buffer[0]; i < buffer[1]; i++) {
  1329. 																					color_row.appendChild(createColorMore(colors[i].color));
  1330. 																				}
  1331. 																			}));
  1332.  
  1333. 																			buffer[0] += 18;
  1334. 																			buffer[1] += 18;
  1335.  
  1336. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(color_row) {
  1337. 																				for (i = buffer[0]; i < buffer[1]; i++) {
  1338. 																					color_row.appendChild(createColorMore(colors[i].color));
  1339. 																				}
  1340. 																			}));
  1341.  
  1342. 																			buffer[0] += 18;
  1343. 																			buffer[1] += 18;
  1344.  
  1345. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(color_row) {
  1346. 																				for (i = buffer[0]; i < buffer[1]; i++) {
  1347. 																					color_row.appendChild(createColorMore(colors[i].color));
  1348. 																				}
  1349. 																			}));
  1350.  
  1351. 																			buffer[0] += 18;
  1352. 																			buffer[1] += 18;
  1353.  
  1354. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(color_row) {
  1355. 																				for (i = buffer[0]; i < buffer[1]; i++) {
  1356. 																					color_row.appendChild(createColorMore(colors[i].color));
  1357. 																				}
  1358. 																			}));
  1359.  
  1360. 																			buffer[0] += 18;
  1361. 																			buffer[1] += 18;
  1362.  
  1363. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(color_row) {
  1364. 																				for (i = buffer[0]; i < buffer[1]; i++) {
  1365. 																					color_row.appendChild(createColorMore(colors[i].color));
  1366. 																				}
  1367. 																			}));
  1368.  
  1369. 																			buffer[0] += 18;
  1370. 																			buffer[1] += 18;
  1371.  
  1372. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(color_row) {
  1373. 																				for (i = buffer[0]; i < buffer[1]; i++) {
  1374. 																					color_row.appendChild(createColorMore(colors[i].color));
  1375. 																				}
  1376. 																			}));
  1377. 																		}));
  1378. 																	}));
  1379. 																}));
  1380. 															}));
  1381. 															
  1382. 															content_page_cell_row.appendChild(createElement('td', function(content_page_cell_cell) {
  1383. 																content_page_cell_cell.className = 'cke_dialog_ui_hbox_child';
  1384. 																content_page_cell_cell.style.width = '10%';
  1385. 																content_page_cell_cell.style.padding = '0';
  1386. 																content_page_cell_cell.appendChild(createElement('span', function(span) {
  1387. 																	span.className = 'cke_dialog_ui_html';
  1388. 																	span.appendChild(document.createTextNode('\u00a0'));
  1389. 																}));
  1390. 															}));
  1391.  
  1392. 															content_page_cell_row.appendChild(createElement('td', function(content_page_cell_cell) {
  1393. 																content_page_cell_cell.className = 'cke_dialog_ui_hbox_last';
  1394. 																content_page_cell_cell.style.width = '30%';
  1395. 																content_page_cell_cell.style.padding = '0';
  1396. 																content_page_cell_cell.appendChild(createElement('div', function(content_page_cell_cell_box) {
  1397. 																	content_page_cell_cell_box.className = 'cke_dialog_ui_vbox';
  1398. 																	content_page_cell_cell_box.appendChild(createElement('table', function(content_page_cell_cell_table) {
  1399. 																		content_page_cell_cell_table.align = 'left';
  1400. 																		content_page_cell_cell_table.border = '0';
  1401. 																		content_page_cell_cell_table.setAttribute('cellspacing', '0');
  1402. 																		content_page_cell_cell_table.style.width = '100%';
  1403. 																		content_page_cell_cell_table.appendChild(createElement('tbody', function(content_page_cell_cell_tbody) {
  1404. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(content_page_cell_cell_row) {
  1405. 																				content_page_cell_cell_row.appendChild(createElement('td', function(content_page_cell_cell_cell) {
  1406. 																					content_page_cell_cell_cell.className = 'cke_dialog_ui_vbox_child';
  1407. 																					content_page_cell_cell_cell.style.padding = '0';
  1408. 																					content_page_cell_cell_cell.appendChild(createElement('span', function(span) {
  1409. 																						span.className = 'cke_dialog_ui_html';
  1410. 																						span.appendChild(document.createTextNode('Highlight'));
  1411. 																					}));
  1412.  
  1413. 																					content_page_cell_cell_cell.appendChild(createElement('div', function(previewbox) {
  1414. 																						previewbox.className = 'color-preview';
  1415. 																						previewbox.style.border = '1px solid';
  1416. 																						previewbox.style.width = '74px';
  1417. 																						previewbox.style.height = '74px';
  1418. 																						previewbox.style.backgroundColor = '#000';
  1419. 																					}));
  1420.  
  1421. 																					content_page_cell_cell_cell.appendChild(createElement('div', function(previewvalue) {
  1422. 																						previewvalue.id = 'colorMore-preview-value';
  1423. 																						previewvalue.appendChild(document.createTextNode('#000000'));
  1424. 																					}));
  1425.  
  1426. 																					content_page_cell_cell_cell.appendChild(createElement('span', function(span) {
  1427. 																						span.appendChild(document.createTextNode('Selected Color'));
  1428. 																					}));
  1429.  
  1430. 																					content_page_cell_cell_cell.appendChild(createElement('div', function(selectedbox) {
  1431. 																						selectedbox.className = 'selected-preview';
  1432. 																						selectedbox.style.border = '1px solid';
  1433. 																						selectedbox.style.width = '74px';
  1434. 																						selectedbox.style.height = '20px';
  1435. 																					}));
  1436. 																				}));
  1437. 																			}));
  1438.  
  1439. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(content_page_cell_cell_row) {
  1440. 																				content_page_cell_cell_row.appendChild(createElement('td', function(content_page_cell_cell_cell) {
  1441. 																					content_page_cell_cell_cell.className = 'cke_dialog_ui_vbox_child';
  1442. 																					content_page_cell_cell_cell.style.padding = '0';
  1443. 																					content_page_cell_cell_cell.appendChild(createElement('div', function(selectedcont) {
  1444. 																						selectedcont.className = 'cke_dialog_ui_text';
  1445. 																						selectedcont.style.width = '74px';
  1446. 																						selectedcont.appendChild(createElement('label', function(selectedlabel) {
  1447. 																							selectedlabel.className = 'cke_dialog_ui_labeled_label';
  1448. 																							selectedlabel.style.display = 'none';
  1449. 																							selectedlabel.appendChild(document.createTextNode('Selected Color'));
  1450. 																						}));
  1451.  
  1452. 																						selectedcont.appendChild(createElement('div', function(labelcontent) {
  1453. 																							labelcontent.className = 'cke_dialog_ui_labeled_content';
  1454. 																							labelcontent.appendChild(createElement('div', function(inputcont) {
  1455. 																								inputcont.className = 'cke_dialog_ui_input_text';
  1456. 																								inputcont.appendChild(createElement('input', function(input) {
  1457. 																									input.id = 'colorMore-input';
  1458. 																									input.className = 'cke_dialog_ui_input_text';
  1459. 																									input.type = 'text';
  1460. 																								}));
  1461. 																							}));
  1462. 																						}));
  1463. 																					}));
  1464. 																				}));
  1465. 																			}));
  1466.  
  1467. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(content_page_cell_cell_row) {
  1468. 																				content_page_cell_cell_row.appendChild(createElement('td', function(content_page_cell_cell_cell) {
  1469. 																					content_page_cell_cell_cell.className = 'cke_dialog_ui_vbox_child';
  1470. 																					content_page_cell_cell_cell.style.padding = '0';
  1471. 																					content_page_cell_cell_cell.appendChild(createElement('span', function(span) {
  1472. 																						span.className = 'cke_dialog_ui_html';
  1473. 																						span.appendChild(document.createTextNode('\u00a0'));
  1474. 																					}));
  1475. 																				}));
  1476. 																			}));
  1477.  
  1478. 																			content_page_cell_cell_tbody.appendChild(createElement('tr', function(content_page_cell_cell_row) {
  1479. 																				content_page_cell_cell_row.appendChild(createElement('td', function(content_page_cell_cell_cell) {
  1480. 																					content_page_cell_cell_cell.className = 'cke_dialog_ui_vbox_child';
  1481. 																					content_page_cell_cell_cell.style.padding = '0';
  1482. 																					content_page_cell_cell_cell.appendChild(createElement('a', function(clear) {
  1483. 																						clear.className = 'cke_dialog_ui_button clear_button';
  1484. 																						clear.href = 'javascript:void(0)';
  1485. 																						clear.style.marginTop = '5px';
  1486. 																						clear.title = 'Clear';
  1487. 																						clear.appendChild(createElement('span', function(span) {
  1488. 																							span.className = 'cke_dialog_ui_button';
  1489. 																							span.appendChild(document.createTextNode('Clear'));
  1490. 																						}));
  1491. 																					}));
  1492. 																				}));
  1493. 																			}));
  1494. 																		}));
  1495. 																	}));
  1496. 																}));
  1497. 															}));
  1498. 														}));
  1499. 													}));
  1500. 												}));
  1501. 											}));
  1502. 										}));
  1503. 									}));
  1504. 								}));
  1505. 							}));
  1506. 						}));
  1507. 					}));
  1508.  
  1509. 					content_tbody.appendChild(createElement('tr', function(content_row) {
  1510. 						content_row.appendChild(createElement('td', function(content_cell) {
  1511. 							content_cell.className = 'cke_dialog_footer';
  1512. 							content_cell.appendChild(createElement('table', function(footer) {
  1513. 								footer.className = 'cke_dialog_ui_hbox cke_dialog_footer_buttons';
  1514. 								footer.appendChild(createElement('tbody', function(footer_tbody) {
  1515. 									footer_tbody.appendChild(createElement('tr', function(footer_row) {
  1516. 										footer_row.className = 'cke_dialog_ui_hbox';
  1517. 										footer_row.appendChild(createElement('td', function(okay) {
  1518. 											okay.className = 'cke_dialog_ui_hbox_first';
  1519. 											okay.style.paddingRight = '10px';
  1520. 											okay.appendChild(createElement('a', function(button) {
  1521. 												button.className = 'cke_dialog_ui_button cke_dialog_ui_button_ok';
  1522. 												button.href = 'javascript:void(0)';
  1523. 												button.title = 'OK';
  1524. 												button.appendChild(createElement('span', function(span) {
  1525. 													span.className = 'cke_dialog_ui_button';
  1526. 													span.appendChild(document.createTextNode('OK'));
  1527. 												}));
  1528. 											}));
  1529. 										}));
  1530.  
  1531. 										footer_row.appendChild(createElement('td', function(cancel) {
  1532. 											cancel.className = 'cke_dialog_ui_hbox_first';
  1533. 											cancel.appendChild(createElement('a', function(button) {
  1534. 												button.className = 'cke_dialog_ui_button cke_dialog_ui_button_cancel';
  1535. 												button.href = 'javascript:void(0)';
  1536. 												button.title = 'Cancel';
  1537. 												button.appendChild(createElement('span', function(span) {
  1538. 													span.className = 'cke_dialog_ui_button';
  1539. 													span.appendChild(document.createTextNode('Cancel'));
  1540. 												}));
  1541. 											}));
  1542. 										}));
  1543. 									}));
  1544. 								}));
  1545. 							}));
  1546. 						}));
  1547. 					}));
  1548. 				}));
  1549. 			}));
  1550. 		}));
  1551. 	});
  1552.  
  1553. 	// Prepend
  1554.  
  1555. 	document.body.appendChild(colorMoreRequest);
  1556.  
  1557. 	runInGlobal('colorMoreRequestDrag = new Draggable(\'colorMore-request\', { handle: \'request-type\', starteffect: null, endeffect: null });');
  1558.  
  1559. 	createRequestBackground();
  1560.  
  1561. 	var ColorCellHightlightHandler = function() {
  1562. 		var colorPreview = document.getElementById('colorMore-request').getElementsByClassName('color-preview')[0],
  1563. 		color = this.getElementsByTagName('span')[0].childNodes[0].nodeValue;
  1564.  
  1565. 		colorPreview.style.backgroundColor = color;
  1566. 		colorPreview.nextSibling.childNodes[0].nodeValue = color;
  1567. 	};
  1568.  
  1569. 	var ColorCellSelectHandler = function() {
  1570. 		var selectedCell = document.getElementById('colorMore-request').getElementsByClassName('selected-cell')[0] || null,
  1571. 		newColor = this.getElementsByTagName('span')[0].childNodes[0].nodeValue;
  1572.  
  1573. 		if (selectedCell != null) {
  1574. 			selectedCell.style.border = '1px solid ' + selectedCell.style.backgroundColor;
  1575. 			Classes.removeClass(selectedCell, 'selected-cell');
  1576. 		}
  1577.  
  1578. 		document.getElementById('colorMore-request').getElementsByClassName('selected-preview')[0].style.backgroundColor = newColor;
  1579. 		document.getElementById('colorMore-input').value = newColor;
  1580.  
  1581. 		this.style.border = '1px dotted #fff';
  1582. 		Classes.addClass(this, 'selected-cell');
  1583. 		this.focus();
  1584. 	};
  1585.  
  1586. 	var clearHandler = function() {
  1587. 		var selectedCell = document.getElementById('colorMore-request').getElementsByClassName('selected-cell')[0];
  1588.  
  1589. 		selectedCell.style.border = '1px solid ' + selectedCell.style.backgroundColor;
  1590. 		selectedCell.blur();
  1591. 		Classes.removeClass(selectedCell, 'selected-cell');
  1592.  
  1593. 		document.getElementById('colorMore-request').getElementsByClassName('selected-preview')[0].style.backgroundColor = '';
  1594. 		document.getElementById('colorMore-input').value = '';
  1595. 	};
  1596.  
  1597. 	var cells = document.getElementById('colorMore-request').getElementsByClassName('ColorCell'),
  1598. 	cell;
  1599.  
  1600. 	for (i = 0; i < cells.length; i++) {
  1601. 		cell = cells[i];
  1602. 		Events.selector(cell).add('mouseenter', 'highlightColor', ColorCellHightlightHandler, false);
  1603. 		Events.selector(cell).add('click', 'selectColor', ColorCellSelectHandler, false);
  1604. 	}
  1605.  
  1606. 	Events.selector(document.getElementById('colorMore-request').getElementsByClassName('clear_button')[0]).add('click', 'clearColor', clearHandler, false);
  1607.  
  1608. 	var requestClickHandler = function() {
  1609. 			fade(document.getElementById('colorMore-request'), 'out');
  1610. 			fade(document.getElementById('request-background'), 'out');
  1611. 	};
  1612.  
  1613. 	Events.selector(document.getElementById('colorMore-request').getElementsByClassName('cke_dialog_close_button')[0]).add('click', 'colorMoreRequest_fade', requestClickHandler, false);
  1614. 	Events.selector(document.getElementById('colorMore-request').getElementsByClassName('cke_dialog_footer')[0].getElementsByTagName('a')[0]).add('click', 'colorMoreRequest_fade', requestClickHandler, false);
  1615. 	Events.selector(document.getElementById('colorMore-request').getElementsByClassName('cke_dialog_footer')[0].getElementsByTagName('a')[1]).add('click', 'colorMoreRequest_fade', requestClickHandler, false);
  1616. }
  1617.  
  1618. function plaintextParser(editor) {
  1619. 	var buttons = editor.getElementsByClassName('cke_button'),
  1620. 	dropdowns = editor.getElementsByClassName('cke_rcombo'),
  1621. 	i = 0;
  1622.  
  1623. 	var plaintextBBCodeHandler = function() {
  1624. 		if (editor.getElementsByClassName('cke_source')[0] != null) {
  1625. 			var top = '0px',
  1626. 			self = this,
  1627. 			request,
  1628. 			dropdown,
  1629. 			buttonOffset,
  1630. 			buttonHeight,
  1631. 			windowScroll,
  1632. 			windowHeight,
  1633. 			dropdownHeight,
  1634. 			textArea = editor.getElementsByClassName('cke_source')[0],
  1635. 			selectedText;
  1636.  
  1637. 			switch (self.title) {
  1638. 				case 'Special BBCode':
  1639. 					if (request == null) {
  1640. 						createRequest();
  1641. 					}
  1642.  
  1643. 					request = document.getElementById('plaintext-request');
  1644.  
  1645. 					request.getElementsByClassName('request-type')[0].childNodes[0].nodeValue = 'Special BBCode';
  1646. 					request.getElementsByClassName('spec')[0].childNodes[0].nodeValue = 'BBCode';
  1647.  
  1648. 					empty(request.getElementsByClassName('fields')[0]);
  1649.  
  1650. 					// Make fields
  1651.  
  1652. 					var specialSelect = createElement('select', function(select) {
  1653. 						select.className = 'cke_dialog_ui_input_select sp_BBCode';
  1654. 						select.options[0] = new Option(' Please select', 'Default', true);
  1655. 						select.options[1] = new Option(' Acronym', 'Acronym');
  1656. 						select.options[2] = new Option(' Background-color', 'Background-color');
  1657. 						select.options[3] = new Option(' Horizontal Rule', 'Horizontal Rule');
  1658. 						select.options[4] = new Option(' Media', 'Media');
  1659. 						select.options[5] = new Option(' Member', 'Member');
  1660. 						select.options[6] = new Option(' Post Link', 'Post Link');
  1661. 						select.options[7] = new Option(' Spoiler', 'Spoiler');
  1662. 						select.options[8] = new Option(' Topic Link', 'Topic Link');
  1663. 						select.options[9] = new Option(' Twitter', 'Twitter');
  1664. 					}),
  1665. 					specialFields = createElement('div', function(fields) {
  1666. 						fields.className = 'sp_BBCode_fields';
  1667. 						fields.style.paddingTop = '5px';
  1668. 					});
  1669.  
  1670. 					request.getElementsByClassName('fields')[0].appendChild(specialSelect);
  1671. 					request.getElementsByClassName('fields')[0].appendChild(specialFields);
  1672.  
  1673. 					// Event
  1674.  
  1675. 					var selectSpecialBBCodeHandler = function() {
  1676. 						var select = this;
  1677.  
  1678. 						empty(select.nextSibling);
  1679.  
  1680. 						switch (select.options[select.selectedIndex].value) {
  1681. 							case 'Acronym':
  1682. 								(function () {
  1683. 									var descript = createElement('div', function(el) {
  1684. 										el.className = 'cke_dialog_ui_vbox_child sp_BBCode_desc';
  1685. 										el.appendChild(document.createTextNode('Allows you to make an acronym that will display a description when moused over.'));
  1686. 									}),
  1687. 									inputbox = createElement('div', function(el) {
  1688. 										el.className = 'cke_dialog_ui_vbox_child';
  1689. 										el.appendChild(document.createTextNode('Enter the description for this acronym (EG: Laugh Out Loud)'));
  1690. 										el.appendChild(createElement('div', function(cont) {
  1691. 											cont.className = 'cke_dialog_ui_input_text';
  1692. 											cont.appendChild(createElement('input', function(input) {
  1693. 												input.className = 'cke_dialog_ui_input_text';
  1694. 												input.type = 'text';
  1695. 											}));
  1696. 										}));
  1697. 									}),
  1698. 									textbox = createElement('div', function(el) {
  1699. 										el.className = 'cke_dialog_ui_vbox_child';
  1700. 										el.style.paddingBottom = '0px';
  1701. 										el.appendChild(document.createTextNode('Enter the acronym (EG: lol)'));
  1702. 										el.appendChild(createElement('div', function(cont) {
  1703. 											cont.className = 'cke_dialog_ui_input_textarea';
  1704. 											cont.appendChild(createElement('textarea', function(text) {
  1705. 												text.className = 'cke_dialog_ui_input_textarea';
  1706. 												text.rows = 5;
  1707. 												text.cols = 20;
  1708. 											}));
  1709. 										}));
  1710. 									});
  1711.  
  1712. 									select.nextSibling.appendChild(descript);
  1713. 									select.nextSibling.appendChild(inputbox);
  1714. 									select.nextSibling.appendChild(textbox);
  1715. 								})();
  1716. 							break;
  1717. 							case 'Background-color':
  1718. 								(function () {
  1719. 									var descript = createElement('div', function(el) {
  1720. 										el.className = 'cke_dialog_ui_vbox_child sp_BBCode_desc';
  1721. 										el.appendChild(document.createTextNode('Adds a background color behind the text.'));
  1722. 									}),
  1723. 									inputbox = createElement('div', function(el) {
  1724. 										el.className = 'cke_dialog_ui_vbox_child';
  1725. 										el.appendChild(document.createTextNode('Option'));
  1726. 										el.appendChild(createElement('div', function(cont) {
  1727. 											cont.className = 'cke_dialog_ui_input_text';
  1728. 											cont.appendChild(createElement('input', function(input) {
  1729. 												input.className = 'cke_dialog_ui_input_text';
  1730. 												input.type = 'text';
  1731. 											}));
  1732. 										}));
  1733. 									}),
  1734. 									textbox = createElement('div', function(el) {
  1735. 										el.className = 'cke_dialog_ui_vbox_child';
  1736. 										el.style.paddingBottom = '0px';
  1737. 										el.appendChild(document.createTextNode('Content'));
  1738. 										el.appendChild(createElement('div', function(cont) {
  1739. 											cont.className = 'cke_dialog_ui_input_textarea';
  1740. 											cont.appendChild(createElement('textarea', function(text) {
  1741. 												text.className = 'cke_dialog_ui_input_textarea';
  1742. 												text.rows = 5;
  1743. 												text.cols = 20;
  1744. 											}));
  1745. 										}));
  1746. 									});
  1747.  
  1748. 									select.nextSibling.appendChild(descript);
  1749. 									select.nextSibling.appendChild(inputbox);
  1750. 									select.nextSibling.appendChild(textbox);
  1751. 								})();
  1752. 							break;
  1753. 							case 'Horizontal Rule':
  1754. 								(function () {
  1755. 									var descript = createElement('div', function(el) {
  1756. 										el.className = 'cke_dialog_ui_vbox_child sp_BBCode_desc';
  1757. 										el.appendChild(document.createTextNode('Adds a horizontal rule to separate text.'));
  1758. 									});
  1759.  
  1760. 									select.nextSibling.appendChild(descript);
  1761. 								})();
  1762. 							break;
  1763. 							case 'Media':
  1764. 								(function () {
  1765. 									var descript = createElement('div', function(el) {
  1766. 										el.className = 'cke_dialog_ui_vbox_child sp_BBCode_desc';
  1767. 										el.appendChild(document.createTextNode('Allows a user to post media content from certain common media sites.'));
  1768. 									}),
  1769. 									inputbox = createElement('div', function(el) {
  1770. 										el.className = 'cke_dialog_ui_vbox_child';
  1771. 										el.appendChild(document.createTextNode('Dimensions (Flash Only)'));
  1772. 										el.appendChild(createElement('div', function(cont) {
  1773. 											cont.className = 'cke_dialog_ui_input_text';
  1774. 											cont.appendChild(createElement('input', function(input) {
  1775. 												input.className = 'cke_dialog_ui_input_text';
  1776. 												input.type = 'text';
  1777. 											}));
  1778. 										}));
  1779. 									}),
  1780. 									textbox = createElement('div', function(el) {
  1781. 										el.className = 'cke_dialog_ui_vbox_child';
  1782. 										el.style.paddingBottom = '0px';
  1783. 										el.appendChild(document.createTextNode('Media URL'));
  1784. 										el.appendChild(createElement('div', function(cont) {
  1785. 											cont.className = 'cke_dialog_ui_input_textarea';
  1786. 											cont.appendChild(createElement('textarea', function(text) {
  1787. 												text.className = 'cke_dialog_ui_input_textarea';
  1788. 												text.rows = 5;
  1789. 												text.cols = 20;
  1790. 											}));
  1791. 										}));
  1792. 									});
  1793.  
  1794. 									select.nextSibling.appendChild(descript);
  1795. 									select.nextSibling.appendChild(inputbox);
  1796. 									select.nextSibling.appendChild(textbox);
  1797. 								})();
  1798. 							break;
  1799. 							case 'Member':
  1800. 								(function () {
  1801. 									var descript = createElement('div', function(el) {
  1802. 										el.className = 'cke_dialog_ui_vbox_child sp_BBCode_desc';
  1803. 										el.appendChild(document.createTextNode('Given a member name, a link is automatically generated to the member\'s profile.'));
  1804. 									}),
  1805. 									inputbox = createElement('div', function(el) {
  1806. 										el.className = 'cke_dialog_ui_vbox_child';
  1807. 										el.appendChild(document.createTextNode('Member Name'));
  1808. 										el.appendChild(createElement('div', function(cont) {
  1809. 											cont.className = 'cke_dialog_ui_input_text';
  1810. 											cont.appendChild(createElement('input', function(input) {
  1811. 												input.className = 'cke_dialog_ui_input_text';
  1812. 												input.type = 'text';
  1813. 											}));
  1814. 										}));
  1815. 									});
  1816.  
  1817. 									select.nextSibling.appendChild(descript);
  1818. 									select.nextSibling.appendChild(inputbox);
  1819. 								})();
  1820. 							break;
  1821. 							case 'Post Link':
  1822. 								(function () {
  1823. 									var descript = createElement('div', function(el) {
  1824. 										el.className = 'cke_dialog_ui_vbox_child sp_BBCode_desc';
  1825. 										el.appendChild(document.createTextNode('This tag provides an easy way to link to a post.'));
  1826. 									}),
  1827. 									inputbox = createElement('div', function(el) {
  1828. 										el.className = 'cke_dialog_ui_vbox_child';
  1829. 										el.appendChild(document.createTextNode('Enter the Post ID'));
  1830. 										el.appendChild(createElement('div', function(cont) {
  1831. 											cont.className = 'cke_dialog_ui_input_text';
  1832. 											cont.appendChild(createElement('input', function(input) {
  1833. 												input.className = 'cke_dialog_ui_input_text';
  1834. 												input.type = 'text';
  1835. 											}));
  1836. 										}));
  1837. 									}),
  1838. 									textbox = createElement('div', function(el) {
  1839. 										el.className = 'cke_dialog_ui_vbox_child';
  1840. 										el.style.paddingBottom = '0px';
  1841. 										el.appendChild(document.createTextNode('Enter the title for this link'));
  1842. 										el.appendChild(createElement('div', function(cont) {
  1843. 											cont.className = 'cke_dialog_ui_input_textarea';
  1844. 											cont.appendChild(createElement('textarea', function(text) {
  1845. 												text.className = 'cke_dialog_ui_input_textarea';
  1846. 												text.rows = 5;
  1847. 												text.cols = 20;
  1848. 											}));
  1849. 										}));
  1850. 									});
  1851.  
  1852. 									select.nextSibling.appendChild(descript);
  1853. 									select.nextSibling.appendChild(inputbox);
  1854. 									select.nextSibling.appendChild(textbox);
  1855. 								})();
  1856. 							break;
  1857. 							case 'Spoiler':
  1858. 								(function () {
  1859. 									var descript = createElement('div', function(el) {
  1860. 										el.className = 'cke_dialog_ui_vbox_child sp_BBCode_desc';
  1861. 										el.appendChild(document.createTextNode('Spoiler tag.'));
  1862. 									}),
  1863. 									inputbox = createElement('div', function(el) {
  1864. 										el.className = 'cke_dialog_ui_vbox_child';
  1865. 										el.appendChild(document.createTextNode('Option'));
  1866. 										el.appendChild(createElement('div', function(cont) {
  1867. 											cont.className = 'cke_dialog_ui_input_text';
  1868. 											cont.appendChild(createElement('input', function(input) {
  1869. 												input.className = 'cke_dialog_ui_input_text';
  1870. 												input.type = 'text';
  1871. 											}));
  1872. 										}));
  1873. 									}),
  1874. 									textbox = createElement('div', function(el) {
  1875. 										el.className = 'cke_dialog_ui_vbox_child';
  1876. 										el.style.paddingBottom = '0px';
  1877. 										el.appendChild(document.createTextNode('Enter the text to be masked'));
  1878. 										el.appendChild(createElement('div', function(cont) {
  1879. 											cont.className = 'cke_dialog_ui_input_textarea';
  1880. 											cont.appendChild(createElement('textarea', function(text) {
  1881. 												text.className = 'cke_dialog_ui_input_textarea';
  1882. 												text.rows = 5;
  1883. 												text.cols = 20;
  1884. 											}));
  1885. 										}));
  1886. 									});
  1887.  
  1888. 									select.nextSibling.appendChild(descript);
  1889. 									select.nextSibling.appendChild(inputbox);
  1890. 									select.nextSibling.appendChild(textbox);
  1891. 								})();
  1892. 							break;
  1893. 							case 'Topic Link':
  1894. 								(function () {
  1895. 									var descript = createElement('div', function(el) {
  1896. 										el.className = 'cke_dialog_ui_vbox_child sp_BBCode_desc';
  1897. 										el.appendChild(document.createTextNode('This tag provides an easy way to link to a topic.'));
  1898. 									}),
  1899. 									inputbox = createElement('div', function(el) {
  1900. 										el.className = 'cke_dialog_ui_vbox_child';
  1901. 										el.appendChild(document.createTextNode('Enter the Topic ID'));
  1902. 										el.appendChild(createElement('div', function(cont) {
  1903. 											cont.className = 'cke_dialog_ui_input_text';
  1904. 											cont.appendChild(createElement('input', function(input) {
  1905. 												input.className = 'cke_dialog_ui_input_text';
  1906. 												input.type = 'text';
  1907. 											}));
  1908. 										}));
  1909. 									}),
  1910. 									textbox = createElement('div', function(el) {
  1911. 										el.className = 'cke_dialog_ui_vbox_child';
  1912. 										el.style.paddingBottom = '0px';
  1913. 										el.appendChild(document.createTextNode('Enter the title for this link'));
  1914. 										el.appendChild(createElement('div', function(cont) {
  1915. 											cont.className = 'cke_dialog_ui_input_textarea';
  1916. 											cont.appendChild(createElement('textarea', function(text) {
  1917. 												text.className = 'cke_dialog_ui_input_textarea';
  1918. 												text.rows = 5;
  1919. 												text.cols = 20;
  1920. 											}));
  1921. 										}));
  1922. 									});
  1923.  
  1924. 									select.nextSibling.appendChild(descript);
  1925. 									select.nextSibling.appendChild(inputbox);
  1926. 									select.nextSibling.appendChild(textbox);
  1927. 								})();
  1928. 							break;
  1929. 							case 'Twitter':
  1930. 								(function () {
  1931. 									var descript = createElement('div', function(el) {
  1932. 										el.className = 'cke_dialog_ui_vbox_child sp_BBCode_desc';
  1933. 										el.appendChild(document.createTextNode('A tag to link to a user\'s twitter account.'));
  1934. 									}),
  1935. 									textbox = createElement('div', function(el) {
  1936. 										el.className = 'cke_dialog_ui_vbox_child';
  1937. 										el.style.paddingBottom = '0px';
  1938. 										el.appendChild(document.createTextNode('Twitter Username'));
  1939. 										el.appendChild(createElement('div', function(cont) {
  1940. 											cont.className = 'cke_dialog_ui_input_textarea';
  1941. 											cont.appendChild(createElement('textarea', function(text) {
  1942. 												text.className = 'cke_dialog_ui_input_textarea';
  1943. 												text.rows = 5;
  1944. 												text.cols = 20;
  1945. 											}));
  1946. 										}));
  1947. 									});
  1948.  
  1949. 									select.nextSibling.appendChild(descript);
  1950. 									select.nextSibling.appendChild(textbox);
  1951. 								})();
  1952. 							break;	
  1953. 						}
  1954.  
  1955. 						selectedText = getSelection(editor.getElementsByClassName('cke_source')[0]);
  1956.  
  1957. 						if (select.nextSibling.getElementsByTagName('textarea')[0] != null && selectedText.length) {
  1958. 							select.nextSibling.getElementsByTagName('textarea')[0].value = selectedText;
  1959. 						}
  1960. 					};
  1961.  
  1962. 					Events.selector(request.getElementsByClassName('sp_BBCode')[0]).add('change', 'selectSpecialBBCode', selectSpecialBBCodeHandler, false);
  1963.  
  1964. 					var SpecialBBCodeSubmitHandler = function() {
  1965. 						var select = request.getElementsByClassName('sp_BBCode')[0],
  1966. 						fields = select.nextSibling,
  1967. 						input,
  1968. 						textarea;
  1969.  
  1970. 						switch (select.options[select.selectedIndex].value) {
  1971. 							case 'Acronym':
  1972. 								input = fields.getElementsByTagName('input')[0].value;
  1973. 								textarea = fields.getElementsByTagName('textarea')[0];
  1974. 								wrapText(editor.getElementsByClassName('cke_source')[0], '[acronym=' + input + ']', '[/acronym]', textarea);
  1975. 							break;
  1976. 							case 'Background-color':
  1977. 								input = fields.getElementsByTagName('input')[0].value;
  1978. 								textarea = fields.getElementsByTagName('textarea')[0];
  1979. 								wrapText(editor.getElementsByClassName('cke_source')[0], '[background=' + input + ']', '[/background]', textarea);
  1980. 							break;
  1981. 							case 'Horizontal Rule':
  1982. 								wrapText(editor.getElementsByClassName('cke_source')[0], '[hr]', '');
  1983. 							break;
  1984. 							case 'Media':
  1985. 								input = fields.getElementsByTagName('input')[0].value;
  1986. 								textarea = fields.getElementsByTagName('textarea')[0];
  1987. 								wrapText(editor.getElementsByClassName('cke_source')[0], '[media=' + input + ']', '[/media]', textarea);
  1988. 							break;
  1989. 							case 'Member':
  1990. 								input = fields.getElementsByTagName('input')[0].value;
  1991. 								wrapText(editor.getElementsByClassName('cke_source')[0], '[member=' + input + ']', '');
  1992. 							break;
  1993. 							case 'Post Link':
  1994. 								input = fields.getElementsByTagName('input')[0].value;
  1995. 								textarea = fields.getElementsByTagName('textarea')[0];
  1996. 								wrapText(editor.getElementsByClassName('cke_source')[0], '[post=' + input + ']', '[/post]', textarea);
  1997. 							break;
  1998. 							case 'Spoiler':
  1999. 								input = fields.getElementsByTagName('input')[0].value;
  2000. 								textarea = fields.getElementsByTagName('textarea')[0];
  2001. 								if (input.length) {
  2002. 									wrapText(editor.getElementsByClassName('cke_source')[0], '[spoiler=' + input + ']', '[/spoiler]', textarea);
  2003. 								} else {
  2004. 									wrapText(editor.getElementsByClassName('cke_source')[0], '[spoiler]', '[/spoiler]', textarea);
  2005. 								}
  2006. 							break;
  2007. 							case 'Topic Link':
  2008. 								input = fields.getElementsByTagName('input')[0].value;
  2009. 								textarea = fields.getElementsByTagName('textarea')[0];
  2010. 								wrapText(editor.getElementsByClassName('cke_source')[0], '[topic=' + input + ']', '[/topic]', textarea);
  2011. 							break;
  2012. 							case 'Twitter':
  2013. 								textarea = fields.getElementsByTagName('textarea')[0];
  2014. 								wrapText(editor.getElementsByClassName('cke_source')[0], '[twitter]', '[/twitter]', textarea);
  2015. 							break;
  2016. 						}
  2017.  
  2018. 						Events.getEventsByName('submitSpecialBBCode').remove();
  2019. 						Events.getEventsByName('removeSpecialBBCodeSubmit').remove();
  2020. 					};
  2021.  
  2022. 					var removeSpecialBBCodeHandlers = function() {
  2023. 						Events.getEventsByName('submitSpecialBBCode').remove();
  2024. 						Events.getEventsByName('removeSpecialBBCodeSubmit').remove();
  2025. 					};
  2026.  
  2027. 					Events.selector(getSubmit(request)).add('click', 'submitSpecialBBCode', SpecialBBCodeSubmitHandler, false);
  2028.  
  2029. 					Events.selector(getCancel(request)).add('click', 'removeSpecialBBCodeSubmit', removeSpecialBBCodeHandlers, false);
  2030.  
  2031. 					Events.selector(getClose(request)).add('click', 'removeSpecialBBCodeSubmit', removeSpecialBBCodeHandlers, false);
  2032.  
  2033. 					fade(document.getElementById('request-background'), 'in');
  2034. 					fade(document.getElementById('plaintext-request'), 'in');
  2035.  
  2036. 					if (window.innerHeight > request.offsetHeight) {
  2037. 						top = (window.innerHeight / 2) - (request.offsetHeight / 2) + 'px';
  2038. 					}
  2039.  
  2040. 					request.style.top = top;
  2041. 					request.style.left = (window.innerWidth / 2) - 200 + 'px';
  2042. 					request.style.width = '400px';
  2043.  
  2044. 					request.getElementsByClassName('sp_BBCode')[0].focus();
  2045. 				break;
  2046. 			
  2047. 				case 'Font Name':
  2048. 					if (document.getElementById('font-dropdown') == null) {
  2049. 						createFontDropdown();
  2050. 					}
  2051.  
  2052. 					dropdown = document.getElementById('font-dropdown');
  2053.  
  2054. 					var fonts = dropdown.getElementsByTagName('a');
  2055.  
  2056. 					var applyFontHandler = function() {
  2057. 						wrapText(editor.getElementsByClassName('cke_source')[0], '[font=' + this.getElementsByTagName('span')[0].style.fontFamily.replace(/'/g, "").replace(/, /g, ",") + ']', '[/font]');
  2058.  
  2059. 						Classes.removeClass(self.parentNode, 'cke_on');
  2060. 						Classes.addClass(self.parentNode, 'cke_off');
  2061.  
  2062. 						Events.getEventsByName('applyFont').remove();
  2063.  
  2064. 						dropdown.style.display = 'none';
  2065.  
  2066. 						document.getElementById('dropdown-click-background').remove();
  2067. 					};
  2068. 					
  2069. 					if (window.getComputedStyle(dropdown).display === 'none') {
  2070. 						Classes.removeClass(self.parentNode, 'cke_off');
  2071. 						Classes.addClass(self.parentNode, 'cke_on');
  2072.  
  2073. 						for (i = 0; i < fonts.length; i++) {
  2074. 							Events.selector(fonts[i]).add('click', 'applyFont', applyFontHandler, false);
  2075. 						}
  2076.  
  2077. 						dropdown.style.display = 'block';
  2078.  
  2079. 						document.body.appendChild(createElement('div', function(click) {
  2080. 							click.id = 'dropdown-click-background';
  2081. 							click.style.position = 'fixed';
  2082. 							click.style.width = '100%';
  2083. 							click.style.height = '100%';
  2084. 							click.style.top = '0px';
  2085. 							click.style.left = '0px';
  2086. 							click.style.zIndex = '9998';
  2087.  
  2088. 							click.onclick = function() {
  2089. 								Classes.removeClass(self.parentNode, 'cke_on');
  2090. 								Classes.addClass(self.parentNode, 'cke_off');
  2091.  
  2092. 								Events.getEventsByName('applyFont').remove();
  2093.  
  2094. 								dropdown.style.display = 'none';
  2095. 								this.remove();
  2096. 								editor.getElementsByClassName('cke_source')[0].focus();
  2097. 							};
  2098. 						}));
  2099. 					}
  2100.  
  2101. 					buttonOffset = getPosition(self).y;
  2102. 					buttonHeight = self.offsetHeight;
  2103. 					windowScroll = window.scrollY;
  2104. 					windowHeight = window.innerHeight;
  2105. 					dropdownHeight = dropdown.offsetHeight;
  2106.  
  2107. 					if ((windowScroll + windowHeight) - (buttonOffset + buttonHeight - 1) >= dropdownHeight) {
  2108. 						top = buttonOffset + buttonHeight - 1 + 'px';
  2109. 					} else if ((windowScroll + windowHeight) - (buttonOffset + buttonHeight - 1) < dropdownHeight && (buttonOffset + buttonHeight - 1) - windowScroll > dropdownHeight) {
  2110. 						top = buttonOffset + buttonHeight - 1 - dropdownHeight + 'px';
  2111. 					} else {
  2112. 						top = windowScroll + 'px';
  2113. 					}
  2114.  
  2115. 					dropdown.style.top = top;
  2116. 					dropdown.style.left = getPosition(self).x + 'px';
  2117. 				break;
  2118.  
  2119. 				case 'Font Size':
  2120. 					if (document.getElementById('size-dropdown') == null) {
  2121. 						createSizeDropdown();
  2122. 					}
  2123.  
  2124. 					dropdown = document.getElementById('size-dropdown');
  2125.  
  2126. 					var sizes = dropdown.getElementsByTagName('a');
  2127.  
  2128. 					var applySizeHandler = function() {
  2129. 						wrapText(editor.getElementsByClassName('cke_source')[0], '[size=' + this.id.split('Size_')[1] + ']', '[/size]');
  2130.  
  2131. 						Classes.removeClass(self.parentNode, 'cke_on');
  2132. 						Classes.addClass(self.parentNode, 'cke_off');
  2133.  
  2134. 						Events.getEventsByName('applySize').remove();
  2135.  
  2136. 						dropdown.style.display = 'none';
  2137.  
  2138. 						document.getElementById('dropdown-click-background').remove();
  2139. 					};
  2140. 					
  2141. 					if (window.getComputedStyle(dropdown).display === 'none') {
  2142. 						Classes.removeClass(self.parentNode, 'cke_off');
  2143. 						Classes.addClass(self.parentNode, 'cke_on');
  2144.  
  2145. 						for (i = 0; i < sizes.length; i++) {
  2146. 							Events.selector(sizes[i]).add('click', 'applySize', applySizeHandler, false);
  2147. 						}
  2148.  
  2149. 						dropdown.style.display = 'block';
  2150.  
  2151. 						document.body.appendChild(createElement('div', function(click) {
  2152. 							click.id = 'dropdown-click-background';
  2153. 							click.style.position = 'fixed';
  2154. 							click.style.width = '100%';
  2155. 							click.style.height = '100%';
  2156. 							click.style.top = '0px';
  2157. 							click.style.left = '0px';
  2158. 							click.style.zIndex = '9998';
  2159.  
  2160. 							click.onclick = function() {
  2161. 								Classes.removeClass(self.parentNode, 'cke_on');
  2162. 								Classes.addClass(self.parentNode, 'cke_off');
  2163.  
  2164. 								Events.getEventsByName('applySize').remove();
  2165.  
  2166. 								dropdown.style.display = 'none';
  2167. 								this.remove();
  2168. 								editor.getElementsByClassName('cke_source')[0].focus();
  2169. 							};
  2170. 						}));
  2171. 					}
  2172.  
  2173. 					buttonOffset = getPosition(self).y;
  2174. 					buttonHeight = self.offsetHeight;
  2175. 					windowScroll = window.scrollY;
  2176. 					windowHeight = window.innerHeight;
  2177. 					dropdownHeight = dropdown.offsetHeight;
  2178.  
  2179. 					if ((windowScroll + windowHeight) - (buttonOffset + buttonHeight - 1) >= dropdownHeight) {
  2180. 						top = buttonOffset + buttonHeight - 1 + 'px';
  2181. 					} else if ((windowScroll + windowHeight) - (buttonOffset + buttonHeight - 1) < dropdownHeight && (buttonOffset + buttonHeight - 1) - windowScroll > dropdownHeight) {
  2182. 						top = buttonOffset + buttonHeight - 1 - dropdownHeight + 'px';
  2183. 					} else {
  2184. 						top = windowScroll + 'px';
  2185. 					}
  2186.  
  2187. 					dropdown.style.top = top;
  2188. 					dropdown.style.left = getPosition(self).x + 'px';
  2189. 				break;
  2190.  
  2191. 				case 'Text Color':
  2192. 					if (document.getElementById('color-dropdown') == null) {
  2193. 						createColorDropdown();
  2194. 					}
  2195.  
  2196. 					dropdown = document.getElementById('color-dropdown');
  2197.  
  2198. 					var colors = dropdown.getElementsByClassName('cke_colorbox');
  2199.  
  2200. 					var colorBoxHandler = function() {
  2201. 						wrapText(editor.getElementsByClassName('cke_source')[0], '[color=' + getBackgroundColor(this.getElementsByTagName('span')[0]) + ']', '[/color]');
  2202.  
  2203. 						Classes.removeClass(self.parentNode, 'cke_on');
  2204. 						Classes.addClass(self.parentNode, 'cke_off');
  2205.  
  2206. 						Events.getEventsByName('applyColor').remove();
  2207.  
  2208. 						dropdown.style.display = 'none';
  2209.  
  2210. 						document.getElementById('dropdown-click-background').remove();
  2211. 					};
  2212.  
  2213. 					var colorMoreHandler = function() {
  2214. 						if (document.getElementById('colorMore-request') == null) {
  2215. 							createColorMoreRequest();
  2216. 						}
  2217.  
  2218. 						var request = document.getElementById('colorMore-request');
  2219.  
  2220. 						var submitColorMoreHandler = function() {
  2221. 							var color = document.getElementById('colorMore-input').value;
  2222. 							wrapText(editor.getElementsByClassName('cke_source')[0], '[color=' + color + ']', '[/color]');
  2223.  
  2224. 							Events.getEventsByName('submitColorMore').remove();
  2225. 							Events.getEventsByName('removeColorMoreSubmit').remove();
  2226. 						};
  2227.  
  2228. 						var removeColorMoreHandlers = function() {
  2229. 							Events.getEventsByName('submitColorMore').remove();
  2230. 							Events.getEventsByName('removeColorMoreSubmit').remove();
  2231. 						};
  2232.  
  2233. 						Events.selector(getSubmit(request)).add('click', 'submitColorMore', submitColorMoreHandler, false);
  2234.  
  2235. 						Events.selector(getCancel(request)).add('click', 'removeColorMoreSubmit', removeColorMoreHandlers, false);
  2236.  
  2237. 						Events.selector(getClose(request)).add('click', 'removeColorMoreSubmit', removeColorMoreHandlers, false);
  2238.  
  2239. 						fade(document.getElementById('request-background'), 'in');
  2240. 						fade(document.getElementById('colorMore-request'), 'in');
  2241.  
  2242. 						if (window.innerHeight > request.offsetHeight) {
  2243. 							top = (window.innerHeight / 2) - (request.offsetHeight / 2) + 'px';
  2244. 						}
  2245.  
  2246. 						request.style.top = top;
  2247. 						request.style.left = (window.innerWidth / 2) - 190 + 'px';
  2248.  
  2249. 						if (request.getElementsByClassName('selected-cell')[0] != null) {
  2250. 							request.getElementsByClassName('selected-cell')[0].style.border = '1px solid ' + request.getElementsByClassName('selected-cell')[0].style.backgroundColor;
  2251. 							request.getElementsByClassName('selected-cell')[0].blur();
  2252. 							Classes.removeClass(request.getElementsByClassName('selected-cell')[0], 'selected-cell');
  2253. 						}
  2254.  
  2255. 						request.getElementsByClassName('ColorCell')[0].style.border = '1px dotted #fff';
  2256. 						Classes.addClass(request.getElementsByClassName('ColorCell')[0], 'selected-cell');
  2257. 						request.getElementsByClassName('ColorCell')[0].focus();
  2258.  
  2259. 						Classes.removeClass(self.parentNode, 'cke_on');
  2260. 						Classes.addClass(self.parentNode, 'cke_off');
  2261.  
  2262. 						Events.getEventsByName('applyColor').remove();
  2263.  
  2264. 						dropdown.style.display = 'none';
  2265.  
  2266. 						document.getElementById('dropdown-click-background').remove();
  2267. 					};
  2268.  
  2269. 					if (window.getComputedStyle(dropdown).display === 'none') {
  2270. 						Classes.removeClass(self.parentNode, 'cke_off');
  2271. 						Classes.addClass(self.parentNode, 'cke_on');
  2272.  
  2273. 						Events.selector(dropdown.getElementsByClassName('cke_colorauto')[0]).add('click', 'applyColor', colorBoxHandler, false);
  2274.  
  2275. 						for (i = 0; i < colors.length; i++) {
  2276. 							if (colors[i].tagName === 'A') {
  2277. 								Events.selector(colors[i]).add('click', 'applyColor', colorBoxHandler, false);
  2278. 							}
  2279. 						}
  2280.  
  2281. 						Events.selector(dropdown.getElementsByClassName('cke_colormore')[0]).add('click', 'applyColor', colorMoreHandler, false);
  2282.  
  2283. 						dropdown.style.display = 'block';
  2284.  
  2285. 						document.body.appendChild(createElement('div', function(click) {
  2286. 							click.id = 'dropdown-click-background';
  2287. 							click.style.position = 'fixed';
  2288. 							click.style.width = '100%';
  2289. 							click.style.height = '100%';
  2290. 							click.style.top = '0px';
  2291. 							click.style.left = '0px';
  2292. 							click.style.zIndex = '9998';
  2293.  
  2294. 							click.onclick = function() {
  2295. 								Classes.removeClass(self.parentNode, 'cke_on');
  2296. 								Classes.addClass(self.parentNode, 'cke_off');
  2297.  
  2298. 								Events.getEventsByName('applyColor').remove();
  2299.  
  2300. 								dropdown.style.display = 'none';
  2301. 								this.remove();
  2302. 								editor.getElementsByClassName('cke_source')[0].focus();
  2303. 							};
  2304. 						}));
  2305. 					}
  2306.  
  2307. 					buttonOffset = getPosition(self).y;
  2308. 					buttonHeight = self.offsetHeight;
  2309. 					windowScroll = window.scrollY;
  2310. 					windowHeight = window.innerHeight;
  2311. 					dropdownHeight = dropdown.offsetHeight;
  2312.  
  2313. 					if ((windowScroll + windowHeight) - (buttonOffset + buttonHeight - 1) >= dropdownHeight) {
  2314. 						top = buttonOffset + buttonHeight - 1 + 'px';
  2315. 					} else if ((windowScroll + windowHeight) - (buttonOffset + buttonHeight - 1) < dropdownHeight && (buttonOffset + buttonHeight - 1) - windowScroll > dropdownHeight) {
  2316. 						top = buttonOffset + buttonHeight - 1 - dropdownHeight + 'px';
  2317. 					} else {
  2318. 						top = windowScroll + 'px';
  2319. 					}
  2320.  
  2321. 					dropdown.style.top = top;
  2322. 					dropdown.style.left = getPosition(self).x + 'px';
  2323. 				break;
  2324.  
  2325. 				case 'Smiley':
  2326. 					var smileyTray;
  2327.  
  2328. 					if (editor.parentNode.parentNode.parentNode.parentNode.getElementsByClassName('ipsSmileyTray')[0] == null) {
  2329. 						var restoreContent = textArea.value,
  2330. 						RestoreStart = textArea.selectionStart,
  2331. 						RestoreEnd = textArea.selectionEnd;
  2332.  
  2333. 						editor.getElementsByClassName('cke_button_ipssource')[0].click();
  2334.  
  2335. 						var smileyMain = setInterval(function() {
  2336. 							if (editor.getElementsByClassName('cke_button_ipssource')[0].getAttribute('aria-pressed') !== 'true' && !Classes.hasClass(editor.getElementsByClassName('cke_button_removeFormat')[0], 'cke_disabled')) {
  2337. 								editor.getElementsByClassName('cke_button_ipsemoticon')[0].click();
  2338.  
  2339. 								var smiliesHandler = function(event) {
  2340. 									if (event.target.nodeType !== 1 || event.target.tagName !== 'IMG') {
  2341. 										return false;
  2342. 									}
  2343.  
  2344. 									wrapText(editor.getElementsByClassName('cke_source')[0], event.target.title, '');
  2345. 								};
  2346.  
  2347. 								smileyTray = editor.parentNode.parentNode.parentNode.parentNode.getElementsByClassName('ipsSmileyTray')[0];
  2348.  
  2349. 								Events.selector(smileyTray).add('click', 'addSmiley', smiliesHandler, false);
  2350.  
  2351. 								editor.getElementsByClassName('cke_button_ipssource')[0].click();
  2352. 								smileyTray.nextSibling.remove();
  2353.  
  2354. 								var checker = setInterval(function() {
  2355. 									if (editor.getElementsByClassName('cke_button_ipssource')[0].getAttribute('aria-pressed') === 'true' && Classes.hasClass(editor.getElementsByClassName('cke_button_removeFormat')[0], 'cke_disabled')) {
  2356. 										Classes.removeClass(editor.getElementsByClassName('cke_button_ipsbbcode')[0], 'cke_disabled');
  2357. 										Classes.removeClass(editor.getElementsByClassName('cke_font')[0], 'cke_disabled');
  2358. 										Classes.removeClass(editor.getElementsByClassName('cke_fontSize')[0], 'cke_disabled');
  2359. 										Classes.removeClass(editor.getElementsByClassName('cke_button_textcolor')[0], 'cke_disabled');
  2360. 										Classes.removeClass(editor.getElementsByClassName('cke_button_ipsemoticon')[0], 'cke_disabled');
  2361. 										Classes.removeClass(editor.getElementsByClassName('cke_button_bold')[0], 'cke_disabled');
  2362. 										Classes.removeClass(editor.getElementsByClassName('cke_button_italic')[0], 'cke_disabled');
  2363. 										Classes.removeClass(editor.getElementsByClassName('cke_button_underline')[0], 'cke_disabled');
  2364. 										Classes.removeClass(editor.getElementsByClassName('cke_button_strike')[0], 'cke_disabled');
  2365. 										Classes.removeClass(editor.getElementsByClassName('cke_button_subscript')[0], 'cke_disabled');
  2366. 										Classes.removeClass(editor.getElementsByClassName('cke_button_superscript')[0], 'cke_disabled');
  2367. 										Classes.removeClass(editor.getElementsByClassName('cke_button_bulletedlist')[0], 'cke_disabled');
  2368. 										Classes.removeClass(editor.getElementsByClassName('cke_button_numberedlist')[0], 'cke_disabled');
  2369. 										Classes.removeClass(editor.getElementsByClassName('cke_button_link')[0], 'cke_disabled');
  2370. 										Classes.removeClass(editor.getElementsByClassName('cke_button_image')[0], 'cke_disabled');
  2371. 										Classes.removeClass(editor.getElementsByClassName('cke_button_ipscode')[0], 'cke_disabled');
  2372. 										Classes.removeClass(editor.getElementsByClassName('cke_button_ipsquote')[0], 'cke_disabled');
  2373. 										Classes.removeClass(editor.getElementsByClassName('cke_button_indent')[0], 'cke_disabled');
  2374. 										Classes.removeClass(editor.getElementsByClassName('cke_button_justifycenter')[0], 'cke_disabled');
  2375. 										Classes.removeClass(editor.getElementsByClassName('cke_button_justifyright')[0], 'cke_disabled');
  2376. 										fade(smileyTray, 'in', 100);
  2377. 										clearTimeout(checker);
  2378. 									}
  2379. 								}, 1000);
  2380.  
  2381. 								if (editor.getElementsByClassName('cke_source')[0] != null) {
  2382. 									editor.getElementsByClassName('cke_source')[0].focus();
  2383. 									editor.getElementsByClassName('cke_source')[0].value = restoreContent;
  2384. 									selectRange(editor.getElementsByClassName('cke_source')[0], RestoreStart, RestoreEnd);
  2385. 								}
  2386.  
  2387. 								clearTimeout(smileyMain);
  2388. 							}
  2389. 						}, 1000);
  2390. 					} else {
  2391. 						smileyTray = editor.parentNode.parentNode.parentNode.parentNode.getElementsByClassName('ipsSmileyTray')[0];
  2392. 						fade(smileyTray, 'toggle', 100);
  2393. 					}
  2394. 				break;
  2395.  
  2396. 				case 'Bold':
  2397. 					wrapText(editor.getElementsByClassName('cke_source')[0], '[b]', '[/b]');
  2398. 				break;
  2399.  
  2400. 				case 'Italic':
  2401. 					wrapText(editor.getElementsByClassName('cke_source')[0], '[i]', '[/i]');
  2402. 				break;
  2403.  
  2404. 				case 'Underline':
  2405. 					wrapText(editor.getElementsByClassName('cke_source')[0], '[u]', '[/u]');
  2406. 				break;
  2407.  
  2408. 				case 'Strike Through':
  2409. 					wrapText(editor.getElementsByClassName('cke_source')[0], '[s]', '[/s]');
  2410. 				break;
  2411.  
  2412. 				case 'Subscript':
  2413. 					wrapText(editor.getElementsByClassName('cke_source')[0], '[sub]', '[/sub]');
  2414. 				break;
  2415.  
  2416. 				case 'Superscript':
  2417. 					wrapText(editor.getElementsByClassName('cke_source')[0], '[sup]', '[/sup]');
  2418. 				break;
  2419. 				
  2420. 				case 'Insert/Remove Bulleted List':
  2421. 					wrapText(editor.getElementsByClassName('cke_source')[0], '[list]\n[*]', '[/*]\n[/list]');
  2422. 				break;
  2423.  
  2424. 				case 'Insert/Remove Numbered List':
  2425. 					wrapText(editor.getElementsByClassName('cke_source')[0], '[list=1]\n[*]', '[/*]\n[/list]');
  2426. 				break;
  2427.  
  2428. 				case 'Link':
  2429. 					selectedText = getSelection(textArea);
  2430.  
  2431. 					if (selectedText.length && selectedText.substr(0, 4) === 'http') {
  2432. 						wrapText(editor.getElementsByClassName('cke_source')[0], '[url=' + selectedText + ']', '[/url]');
  2433. 					} else {
  2434. 						if (document.getElementById('plaintext-request') == null) {
  2435. 							createRequest();
  2436. 						}
  2437.  
  2438. 						request = document.getElementById('plaintext-request');
  2439.  
  2440. 						request.getElementsByClassName('request-type')[0].childNodes[0].nodeValue = 'Link';
  2441.  
  2442. 						empty(request.getElementsByClassName('spec')[0]);
  2443. 						request.getElementsByClassName('spec')[0].appendChild(createElement('span', function(el) {
  2444. 							el.style.fontWeight = 'bolder';
  2445. 							el.appendChild(document.createTextNode('URL'));
  2446. 						}));
  2447.  
  2448. 						empty(request.getElementsByClassName('fields')[0]);
  2449. 						request.getElementsByClassName('fields')[0].appendChild(createElement('div', function(el) {
  2450. 							el.className = 'cke_dialog_ui_input_text';
  2451. 							el.appendChild(createElement('input', function(input) {
  2452. 								input.className = 'cke_dialog_ui_input_text';
  2453. 								input.type = 'text';
  2454. 							}));
  2455. 						}));
  2456.  
  2457. 						var submitLinkHandler = function() {
  2458. 							var link = request.getElementsByClassName('fields')[0].getElementsByTagName('input')[0].value;
  2459.  
  2460. 							selectedText = getSelection(textArea);
  2461.  
  2462. 							if (selectedText.length) {
  2463. 								wrapText(editor.getElementsByClassName('cke_source')[0], '[url=' + link + ']', '[/url]');
  2464. 							} else {
  2465. 								wrapText(editor.getElementsByClassName('cke_source')[0], '[url=' + link + ']' + link, '[/url]');
  2466. 							}
  2467.  
  2468. 							Events.getEventsByName('applyLinkRequest').remove();
  2469. 							Events.getEventsByName('removeLinkSubmit').remove();
  2470. 						};
  2471.  
  2472. 						var removeLinkHandlers = function() {
  2473. 							Events.getEventsByName('applyLinkRequest').remove();
  2474. 							Events.getEventsByName('removeLinkSubmit').remove();
  2475. 						};
  2476.  
  2477. 						Events.selector(getSubmit(request)).add('click', 'applyLinkRequest', submitLinkHandler, false);
  2478.  
  2479. 						Events.selector(getCancel(request)).add('click', 'removeLinkSubmit', removeLinkHandlers, false);
  2480.  
  2481. 						Events.selector(getClose(request)).add('click', 'removeLinkSubmit', removeLinkHandlers, false);
  2482.  
  2483. 						fade(document.getElementById('request-background'), 'in');
  2484. 						fade(document.getElementById('plaintext-request'), 'in');
  2485.  
  2486. 						if (window.innerHeight > request.offsetHeight) {
  2487. 							top = (window.innerHeight / 2) - (request.offsetHeight / 2) + 'px';
  2488. 						}
  2489.  
  2490. 						request.style.top = top;
  2491. 						request.style.left = (window.innerWidth / 2) - 200 + 'px';
  2492. 						request.style.width = '400px';
  2493.  
  2494. 						request.getElementsByClassName('fields')[0].getElementsByTagName('input')[0].focus();
  2495. 					}
  2496. 				break;
  2497.  
  2498. 				case 'Image':
  2499. 					selectedText = getSelection(textArea);
  2500.  
  2501. 					if (selectedText.length && selectedText.substr(0, 4) === 'http') {
  2502. 						wrapText(editor.getElementsByClassName('cke_source')[0], '[img=', ']');
  2503. 					} else {
  2504. 						if (document.getElementById('plaintext-request') == null) {
  2505. 							createRequest();
  2506. 						}
  2507.  
  2508. 						request = document.getElementById('plaintext-request');
  2509.  
  2510. 						request.getElementsByClassName('request-type')[0].childNodes[0].nodeValue = 'Image';
  2511.  
  2512. 						empty(request.getElementsByClassName('spec')[0]);
  2513. 						request.getElementsByClassName('spec')[0].appendChild(createElement('span', function(el) {
  2514. 							el.style.fontWeight = 'bolder';
  2515. 							el.appendChild(document.createTextNode('URL'));
  2516. 						}));
  2517.  
  2518. 						empty(request.getElementsByClassName('fields')[0]);
  2519. 						request.getElementsByClassName('fields')[0].appendChild(createElement('div', function(el) {
  2520. 							el.className = 'cke_dialog_ui_input_text';
  2521. 							el.appendChild(createElement('input', function(input) {
  2522. 								input.className = 'cke_dialog_ui_input_text';
  2523. 								input.type = 'text';
  2524. 							}));
  2525. 						}));
  2526.  
  2527. 						var submitImageHandler = function() {
  2528. 							var link = request.getElementsByClassName('fields')[0].getElementsByTagName('input')[0].value;
  2529.  
  2530. 							selectedText = getSelection(textArea);
  2531.  
  2532. 							wrapText(editor.getElementsByClassName('cke_source')[0], '[img=' + link + ']', '');
  2533.  
  2534. 							Events.getEventsByName('applyImageRequest').remove();
  2535. 							Events.getEventsByName('removeImageSubmit').remove();
  2536. 						};
  2537.  
  2538. 						var removeImageHandlers = function() {
  2539. 							Events.getEventsByName('applyImageRequest').remove();
  2540. 							Events.getEventsByName('removeImageSubmit').remove();
  2541. 						};
  2542.  
  2543. 						Events.selector(getSubmit(request)).add('click', 'applyImageRequest', submitImageHandler, false);
  2544.  
  2545. 						Events.selector(getCancel(request)).add('click', 'removeImageSubmit', removeImageHandlers, false);
  2546.  
  2547. 						Events.selector(getClose(request)).add('click', 'removeImageSubmit', removeImageHandlers, false);
  2548.  
  2549. 						fade(document.getElementById('request-background'), 'in');
  2550. 						fade(document.getElementById('plaintext-request'), 'in');
  2551.  
  2552. 						if (window.innerHeight > request.offsetHeight) {
  2553. 							top = (window.innerHeight / 2) - (request.offsetHeight / 2) + 'px';
  2554. 						}
  2555.  
  2556. 						request.style.top = top;
  2557. 						request.style.left = (window.innerWidth / 2) - 200 + 'px';
  2558. 						request.style.width = '400px';
  2559.  
  2560. 						request.getElementsByClassName('fields')[0].getElementsByTagName('input')[0].focus();
  2561. 					}
  2562. 				break;
  2563.  
  2564. 				case 'Code':
  2565. 					selectedText = getSelection(textArea);
  2566.  
  2567. 					if (selectedText.length) {
  2568. 						wrapText(editor.getElementsByClassName('cke_source')[0], '[code=auto:0]', '[/code]');
  2569. 					} else {
  2570. 						if (document.getElementById('plaintext-request') == null) {
  2571. 							createRequest();
  2572. 						}
  2573.  
  2574. 						request = document.getElementById('plaintext-request');
  2575. 						request.getElementsByClassName('request-type')[0].childNodes[0].nodeValue = 'Code';
  2576.  
  2577. 						empty(request.getElementsByClassName('spec')[0]);
  2578. 						request.getElementsByClassName('spec')[0].appendChild(createElement('span', function(el) {
  2579. 							el.style.fontWeight = 'bolder';
  2580. 							el.appendChild(document.createTextNode('Code Type'));
  2581. 						}));
  2582.  
  2583. 						empty(request.getElementsByClassName('fields')[0]);
  2584.  
  2585. 						request.getElementsByClassName('fields')[0].appendChild(createElement('select', function(select) {
  2586. 							select.className = 'cke_dialog_ui_input_select';
  2587.  
  2588. 							select.options[0] = new Option(' PHP/Generic/Auto Detect', 'auto', true);
  2589. 							select.options[1] = new Option(' Javascript', 'js');
  2590. 							select.options[2] = new Option(' HTML', 'html');
  2591. 							select.options[3] = new Option(' SQL', 'sql');
  2592. 							select.options[4] = new Option(' CSS', 'css');
  2593. 							select.options[5] = new Option(' XML', 'xml');
  2594. 							select.options[6] = new Option(' None', 'nocode');
  2595. 						}));
  2596.  
  2597. 						request.getElementsByClassName('fields')[0].appendChild(createElement('div', function(cont) {
  2598. 							cont.className = 'cke_dialog_ui_vbox_child';
  2599.  
  2600. 							cont.appendChild(document.createTextNode('Starting Line Number'));
  2601.  
  2602. 							cont.appendChild(createElement('div', function(box) {
  2603. 								box.className = 'cke_dialog_ui_input_text';
  2604. 								box.appendChild(createElement('input', function(input) {
  2605. 									input.className = 'cke_dialog_ui_input_text code-line-number';
  2606. 									input.type = 'text';
  2607. 								}));
  2608. 							}));
  2609.  
  2610. 							cont.appendChild(createElement('div', function(box) {
  2611. 								box.className = 'cke_dialog_ui_vbox_child';
  2612. 								box.style.paddingBottom = '0px';
  2613.  
  2614. 								box.appendChild(createElement('div', function(textcont) {
  2615. 									textcont.className = 'cke_dialog_ui_input_textarea';
  2616.  
  2617. 									textcont.appendChild(createElement('textarea', function(text) {
  2618. 										text.className = 'cke_dialog_ui_input_textarea code-body';
  2619. 										text.rows = 5;
  2620. 										text.cols = 20;
  2621. 										text.style.height = '240px';
  2622. 										text.style.direction = 'ltr';
  2623. 										text.style.fontFamily = 'monospace';
  2624. 										text.style.fontSize = '13px';
  2625. 									}));
  2626. 								}));
  2627. 							}));
  2628. 						}));
  2629.  
  2630. 						var submitCodeHandler = function() {
  2631. 							var type = request.getElementsByClassName('fields')[0].getElementsByTagName('select')[0].options[request.getElementsByClassName('fields')[0].getElementsByTagName('select')[0].selectedIndex].value,
  2632. 							line = request.getElementsByClassName('fields')[0].getElementsByClassName('code-line-number')[0].value,
  2633. 							body = request.getElementsByClassName('fields')[0].getElementsByClassName('code-body')[0].value;
  2634.  
  2635. 							if (!line.length) {
  2636. 								line = 0;
  2637. 							}
  2638.  
  2639. 							wrapText(editor.getElementsByClassName('cke_source')[0], '[code=' + type + ':' + line + ']' + body + '[/code]', '');
  2640.  
  2641. 							Events.getEventsByName('applyCodeRequest').remove();
  2642. 							Events.getEventsByName('removeCodeSubmit').remove();
  2643. 						};
  2644.  
  2645. 						var removeCodeHandlers = function() {
  2646. 							Events.getEventsByName('applyCodeRequest').remove();
  2647. 							Events.getEventsByName('removeCodeSubmit').remove();
  2648. 						};
  2649.  
  2650. 						Events.selector(getSubmit(request)).add('click', 'applyCodeRequest', submitCodeHandler, false);
  2651.  
  2652. 						Events.selector(getCancel(request)).add('click', 'removeCodeSubmit', removeCodeHandlers, false);
  2653.  
  2654. 						Events.selector(getClose(request)).add('click', 'removeCodeSubmit', removeCodeHandlers, false);
  2655.  
  2656. 						fade(document.getElementById('request-background'), 'in');
  2657. 						fade(document.getElementById('plaintext-request'), 'in');
  2658.  
  2659. 						if (window.innerHeight > request.offsetHeight) {
  2660. 							top = (window.innerHeight / 2) - (request.offsetHeight / 2) + 'px';
  2661. 						}
  2662.  
  2663. 						request.style.top = top;
  2664. 						request.style.left = (window.innerWidth / 2) - 385 + 'px';
  2665. 						request.style.width = '770px';
  2666.  
  2667. 						request.getElementsByClassName('fields')[0].getElementsByClassName('code-body')[0].focus();
  2668. 					}
  2669. 				break;
  2670.  
  2671. 				case 'Quote':
  2672. 					wrapText(editor.getElementsByClassName('cke_source')[0], '[quote]', '[/quote]');
  2673. 				break;
  2674.  
  2675. 				case 'Increase Indent':
  2676. 					wrapText(editor.getElementsByClassName('cke_source')[0], '[indent=1]', '[/indent]');
  2677. 				break;
  2678.  
  2679. 				case 'Center':
  2680. 					wrapText(editor.getElementsByClassName('cke_source')[0], '[center]', '[/center]');
  2681. 				break;
  2682.  
  2683. 				case 'Align Right':
  2684. 					wrapText(editor.getElementsByClassName('cke_source')[0], '[right]', '[/right]');
  2685. 				break;
  2686.  
  2687. 				default:
  2688. 					return false;
  2689. 			}
  2690. 		}
  2691. 	};
  2692.  
  2693. 	for (i = 0; i < buttons.length; i++) {
  2694. 		Events.selector(buttons[i].getElementsByTagName('a')[0]).add('click', 'Plaintext_BBCode', plaintextBBCodeHandler, false);
  2695. 	}
  2696.  
  2697. 	for (i = 0; i < dropdowns.length; i++) {
  2698. 		Events.selector(dropdowns[i].getElementsByTagName('a')[0]).add('click', 'Plaintext_BBCode', plaintextBBCodeHandler, false);
  2699. 	}
  2700.  
  2701. 	Classes.addClass(editor.getElementsByClassName('cke_button_ipssource')[0], 'bbcode-parsed');
  2702. }
  2703.  
  2704. function plaintextBBCode(editor) {
  2705. 	if (Classes.hasClass(editor.getElementsByClassName('cke_button_ipssource')[0], 'cke_on')) {
  2706. 		Classes.removeClass(editor.getElementsByClassName('cke_button_ipsbbcode')[0], 'cke_disabled');
  2707. 		Classes.removeClass(editor.getElementsByClassName('cke_font')[0], 'cke_disabled');
  2708. 		Classes.removeClass(editor.getElementsByClassName('cke_fontSize')[0], 'cke_disabled');
  2709. 		Classes.removeClass(editor.getElementsByClassName('cke_button_textcolor')[0], 'cke_disabled');
  2710. 		Classes.removeClass(editor.getElementsByClassName('cke_button_ipsemoticon')[0], 'cke_disabled');
  2711. 		Classes.removeClass(editor.getElementsByClassName('cke_button_bold')[0], 'cke_disabled');
  2712. 		Classes.removeClass(editor.getElementsByClassName('cke_button_italic')[0], 'cke_disabled');
  2713. 		Classes.removeClass(editor.getElementsByClassName('cke_button_underline')[0], 'cke_disabled');
  2714. 		Classes.removeClass(editor.getElementsByClassName('cke_button_strike')[0], 'cke_disabled');
  2715. 		Classes.removeClass(editor.getElementsByClassName('cke_button_subscript')[0], 'cke_disabled');
  2716. 		Classes.removeClass(editor.getElementsByClassName('cke_button_superscript')[0], 'cke_disabled');
  2717. 		Classes.removeClass(editor.getElementsByClassName('cke_button_bulletedlist')[0], 'cke_disabled');
  2718. 		Classes.removeClass(editor.getElementsByClassName('cke_button_numberedlist')[0], 'cke_disabled');
  2719. 		Classes.removeClass(editor.getElementsByClassName('cke_button_link')[0], 'cke_disabled');
  2720. 		Classes.removeClass(editor.getElementsByClassName('cke_button_image')[0], 'cke_disabled');
  2721. 		Classes.removeClass(editor.getElementsByClassName('cke_button_ipscode')[0], 'cke_disabled');
  2722. 		Classes.removeClass(editor.getElementsByClassName('cke_button_ipsquote')[0], 'cke_disabled');
  2723. 		Classes.removeClass(editor.getElementsByClassName('cke_button_indent')[0], 'cke_disabled');
  2724. 		Classes.removeClass(editor.getElementsByClassName('cke_button_justifycenter')[0], 'cke_disabled');
  2725. 		Classes.removeClass(editor.getElementsByClassName('cke_button_justifyright')[0], 'cke_disabled');
  2726.  
  2727. 		if (!Classes.hasClass(editor.getElementsByClassName('cke_button_ipssource')[0], 'bbcode-parsed')) {
  2728. 			plaintextParser(editor);
  2729. 		}
  2730. 	}
  2731.  
  2732. 	var buttonParseHandler = function() {
  2733. 		setTimeout(function() {
  2734. 			var checker = setInterval(function() {
  2735. 				if (Classes.hasClass(editor.getElementsByClassName('cke_button_ipssource')[0], 'cke_on')) {
  2736. 					Classes.removeClass(editor.getElementsByClassName('cke_button_ipsbbcode')[0], 'cke_disabled');
  2737. 					Classes.removeClass(editor.getElementsByClassName('cke_font')[0], 'cke_disabled');
  2738. 					Classes.removeClass(editor.getElementsByClassName('cke_fontSize')[0], 'cke_disabled');
  2739. 					Classes.removeClass(editor.getElementsByClassName('cke_button_textcolor')[0], 'cke_disabled');
  2740. 					Classes.removeClass(editor.getElementsByClassName('cke_button_ipsemoticon')[0], 'cke_disabled');
  2741. 					Classes.removeClass(editor.getElementsByClassName('cke_button_bold')[0], 'cke_disabled');
  2742. 					Classes.removeClass(editor.getElementsByClassName('cke_button_italic')[0], 'cke_disabled');
  2743. 					Classes.removeClass(editor.getElementsByClassName('cke_button_underline')[0], 'cke_disabled');
  2744. 					Classes.removeClass(editor.getElementsByClassName('cke_button_strike')[0], 'cke_disabled');
  2745. 					Classes.removeClass(editor.getElementsByClassName('cke_button_subscript')[0], 'cke_disabled');
  2746. 					Classes.removeClass(editor.getElementsByClassName('cke_button_superscript')[0], 'cke_disabled');
  2747. 					Classes.removeClass(editor.getElementsByClassName('cke_button_bulletedlist')[0], 'cke_disabled');
  2748. 					Classes.removeClass(editor.getElementsByClassName('cke_button_numberedlist')[0], 'cke_disabled');
  2749. 					Classes.removeClass(editor.getElementsByClassName('cke_button_link')[0], 'cke_disabled');
  2750. 					Classes.removeClass(editor.getElementsByClassName('cke_button_image')[0], 'cke_disabled');
  2751. 					Classes.removeClass(editor.getElementsByClassName('cke_button_ipscode')[0], 'cke_disabled');
  2752. 					Classes.removeClass(editor.getElementsByClassName('cke_button_ipsquote')[0], 'cke_disabled');
  2753. 					Classes.removeClass(editor.getElementsByClassName('cke_button_indent')[0], 'cke_disabled');
  2754. 					Classes.removeClass(editor.getElementsByClassName('cke_button_justifycenter')[0], 'cke_disabled');
  2755. 					Classes.removeClass(editor.getElementsByClassName('cke_button_justifyright')[0], 'cke_disabled');
  2756.  
  2757. 					if (!Classes.hasClass(editor.getElementsByClassName('cke_button_ipssource')[0], 'bbcode-parsed')) {
  2758. 						plaintextParser(editor);
  2759. 					}
  2760. 					clearTimeout(checker);
  2761. 				}
  2762. 			}, 10);
  2763. 		}, 100);
  2764. 		
  2765. 		var smileyTray = editor.parentNode.parentNode.parentNode.parentNode.getElementsByClassName('ipsSmileyTray')[0];
  2766.  
  2767. 		if (smileyTray != null) {
  2768. 			fade(smileyTray, 'out', 100);
  2769. 		}
  2770. 	};
  2771.  
  2772. 	Events.selector(editor.getElementsByClassName('cke_button_ipssource')[0]).add('click', 'parseBBCode', buttonParseHandler, false);
  2773. }
  2774.  
  2775. var initBBCodeHandler = function(event) {
  2776. 	var instance;
  2777.  
  2778. 	if (isChildOf('.cke_editor', event.target)) {
  2779. 		instance = getParent('.cke_editor', event.target);
  2780. 	} else {
  2781. 		return false;
  2782. 	}
  2783.  
  2784. 	if (Classes.hasClass(instance, 'plaintextBBCode')) {
  2785. 		return false;
  2786. 	}
  2787.  
  2788. 	if (Classes.hasClass(instance.getElementsByClassName('cke_button_ipssource')[0], 'cke_on') && Classes.hasClass(instance.getElementsByClassName('cke_button_bold')[0], 'cke_disabled')) {
  2789. 		plaintextBBCode(instance);
  2790. 		console.log('Plaintext BBCode initilized on:', instance);
  2791. 		Classes.addClass(instance, 'plaintextBBCode');
  2792. 	}
  2793. };
  2794.  
  2795. if (document.body.id === 'ipboard_body') {
  2796. 	Events.selector(document).add('mouseover', 'initBBCode', initBBCodeHandler, false);
  2797. }