☰

The West - Color tchat

Adds new features to the chat of The West

  1. // ==UserScript==
  2. // @name The West - Color tchat
  3. // @namespace TomRobert
  4. // @author Falc0n.RG (updated by Tom Robert)
  5. // @description	Adds new features to the chat of The West
  6. // @include	https://*.the-west.*/game.php*
  7. // @exclude https://classic.the-west.net*
  8. // @version	0.3.0.5
  9. //
  10. // @history 20/03/2019 : 0.3.0.5  bugfix
  11. // @history 20/03/2019 : 0.3.0.4  bugfixes
  12. // @history 24/06/2018 : 0.3.0.3  add greek translation (Timemod Herkumo)
  13. // @history 25/11/2017 : 0.3.0.2  bugfix, fixed flip for non-BMP chars, all game smiley variants recognized
  14. // @history 13/04/2017 : 0.3.0.1  fix button and lags
  15. // @history 06/04/2017 : 0.3.0	  many bugfixes and improvements, better updater
  16. // @history 21/10/2016 : 0.2.9.8	"dayofdead!" and "independence!" icon added
  17. // @history 06/09/2016 : 0.2.9.7	"octoberfest!" icon added, flip mode improved, new forum links and choose language in script window, some bb code removed
  18. // @history 26/02/2016 : 0.2.9.6	"hearts!" icon added, new jscolor version
  19. // @history 30/03/2015 : 0.2.9.5	"easter!" icon added
  20. // @history 28/03/2015 : 0.2.9.4	update function fixed
  21. // @history 14/03/2015 : 0.2.9.3	little bugfix
  22. // @history 08/03/2015 : 0.2.9.2	add polish translation (TeeNOmore127), beta really fixed
  23. // @history 26/02/2015 : 0.2.9.1	more emojis
  24. // @history 25/02/2015 : 0.2.9		Emoji Update!
  25. // @history 11/02/2015 : 0.2.8.2	fix for the west beta
  26. // @history 14/01/2015 : 0.2.8.1	TheWestApi improvement
  27. // @history 07/01/2015 : 0.2.8		active for the west 2.16+, correct german translation (Tom Robert)
  28. // @history 19/05/2014 : 0.2.7.3	active for the west 2.09, bug fix in selectbox
  29. // @history 22/01/2014 : 0.2.7.2	active for the west 2.08
  30. // @history 13/11/2013 : 0.2.7.1	active for the west 2.07
  31. // @history 17/06/2013 : 0.2.7		active for the west 2.06
  32. // @history 15/06/2013 : 0.2.7		add flip mode [hiden]
  33. // @history 31/06/2013 : 0.2.7		add default/custom color for each tchat, save color for each tchat
  34. // @history 27/06/2013 : 0.2.6.3	active for the west 2.05
  35. // @history 18/06/2013 : 0.2.6.2	Bug fix smiley in first with one color tag
  36. // @history 17/06/2013 : 0.2.6.1	Bug fix for firefox
  37. // @history 17/06/2013 : 0.2.6		Add multi chat windows support, Disabled format for bdf
  38. // @history 15/06/2013 : 0.2.5.2	fix bold with one color tag
  39. // @history 25/05/2013 : 0.2.5.1	fix linear-gradiant to opera
  40. // @history 13/05/2013 : 0.2.5		add support to the west 2.042 (beta)
  41. // @history 13/02/2013 : 0.2.4.2	Bugfix on colorTxt.Window with Firefox
  42. // @history 13/02/2013 : 0.2.4.1	Bugfix inserRule with Firefox
  43. // @history 13/02/2013 : 0.2.4		active for the west 2.03
  44. // @history 09/02/2013 : 0.2.3		[Only Beta2.03 version] rewrite for the west v2.03
  45. // @history 23/11/2012 : 0.2.2		bugfix: update, rewrite and optimize the script
  46. // @history 25/10/2012 : 0.2.1		finish text input and load/save system
  47. // @history 23/10/2012 : 0.2.1		add more preset color (light red, pink, green), add load/save system (not full), add text input custom color
  48. // @history 22/10/2012 : 0.2.1		bugfix leave chat
  49. // @history 18/10/2012 : 0.2.0		active for the west 2.0
  50. // @history 14/10/2012 : 0.1.9		[Only Beta2.0 version] add more smilies
  51. // @history 06/10/2012 : 0.1.9		[Only Beta2.0 version] add selectbox smilies
  52. // @history 05/10/2012 : 0.1.9		[Only Beta2.0 version] Add item tag
  53. // @history 15/09/2012 : 0.1.9		[Only Beta2.0 version] rewrite to the west v2.0 [many function disabled]
  54. // @history 15/09/2012 : 0.1.8.1	adapt the system update for 2.0
  55. // @history 15/09/2012 : 0.1.8		disabled the script in 2.0 and beta
  56. // @history 11/05/2012 : 0.1.7		add bdf format
  57. // @history 11/05/2012 : 0.1.6		add custom color save, add bdf color change, add bolt choice, change smiley insert [bug with opera][chrome and firefox good]
  58. // @history 04/05/2012 : 0.1.6		change prompt for tell name select
  59. // @history 04/05/2012 : 0.1.5		add update system for chrome and firefox, add opera support
  60. // @history 04/05/2012 : 0.1.4b		debug Multi Language system (sorry for the missing)
  61. // @history 30/04/2012 : 0.1.4		add Multi Language system
  62. // @history 30/04/2012 : 0.1.3		add preset color: '505606607709809', change CBImg, add smiley detect and activate smiley Div (and change this), Bug Fix command color, change all <a> to <div>
  63. // @history 29/04/2012 : 0.1.2		Bug Fix
  64. // @history 29/04/2012 : 0.1.1		add color tchat window
  65. // @history 27/04/2012 : 0.1.0		First Public Version
  66. // @grant none
  67. /*********************************************************************************************************************
  68.  * jscolor, JavaScript Color Picker
  69.  *
  70.  * @version 1.4.5
  71.  * @license GNU Lesser General Public License, http://www.gnu.org/copyleft/lesser.html
  72.  * @author  Jan Odvarko, http://odvarko.cz
  73.  * @created 2008-06-15
  74.  * @updated 2015-09-19
  75.  * @link    http://jscolor.com
  76.  **********************************************************************************************************************/
  77. // ==/UserScript==
  78. // translation:Falc0n.RG(French),pepe100(Spanish),Tom Robert(German&English),?(Portuguese),TeeNOmore127(Polish)
  79. (function (e) {
  80.   var t = document;
  81.   var n = document.createElement('script');
  82.   n.type = 'application/javascript';
  83.   n.textContent = '(' + e + ')();';
  84.   (t.body || t.head || t.documentElement).appendChild(n);
  85.   n.parentNode.removeChild(n);
  86. })(function () {
  87.   CT = {
  88.     version: '0.3.0.5',
  89.     name: 'Color tchat',
  90.     author: 'Falc0n.RG (updated by Tom Robert)',
  91.     minGame: '2.0',
  92.     maxGame: Game.version.toString(),
  93.     website: 'https://greatest.deepsurf.us/scripts/7355',
  94.     DATA: {},
  95.     Window: {},
  96.     Chat: {},
  97.     Tools: {},
  98.     langs: {
  99.       en: {
  100.         language: 'English',
  101.         save: 'Save',
  102.         saveMessage: 'Successfully saved',
  103.         chooseLang: 'Choose language',
  104.         contact: 'Contact',
  105.         ColorWindowTitle: 'Color tchat setting',
  106.         ColorWindowPreviewTxt: '*Click on the letters to change color',
  107.         ColorWindowOkBtn: 'Apply',
  108.         ColorWindowToDefaultBtn: 'Set to default',
  109.         ColorWindowThisTchatBtn: 'Set to this',
  110.         ColorWindowDefaultText: 'Select the tchat for reset to default: ',
  111.         ColorWindowBold: 'Bold',
  112.         ColorWindowCaps: 'Capitalized',
  113.         ColorWindowFlip: 'Flip',
  114.         ColorBtnTitle: '',
  115.         ColorLoadListName: [
  116.           'No color',
  117.           'Enter a color code',
  118.           'red',
  119.           'brown',
  120.           'purple',
  121.           'blue',
  122.           'green',
  123.           'pink',
  124.           'magenta',
  125.           'violet gradient',
  126.           'degraded dark blue',
  127.           'green gradient',
  128.           'degraded red',
  129.           'blue gradient light',
  130.           'degraded pink',
  131.           'light green gradient',
  132.           'degraded pink',
  133.           'red gradient light'
  134.         ],
  135.         ColorLoadTitle: 'Click to load another color code<br>The current color code is: ',
  136.         ColorSaveEmpty: '[empty]',
  137.         CustomReady: 'Valid Code',
  138.         CustomNotReady: 'Invalid Code',
  139.       },
  140.       fr: {
  141.         language: 'French (français)',
  142.         save: 'Sauvegarder',
  143.         saveMessage: 'Enregistrer avec succès',
  144.         chooseLang: 'Choisissez la langue',
  145.         contact: 'Contact',
  146.         ColorWindowTitle: 'Configurer Color tchat',
  147.         ColorWindowPreviewTxt: '*Clickez sur la lettre à changer de couleur',
  148.         ColorWindowOkBtn: 'Appliquer',
  149.         ColorWindowToDefaultBtn: 'Par défaut',
  150.         ColorWindowThisTchatBtn: 'Pour se tchat',
  151.         ColorWindowDefaultText: 'Sélectionnez les tchat à Remettre par défaut:',
  152.         ColorWindowBold: 'En gras',
  153.         ColorWindowCaps: 'En majuscule',
  154.         ColorWindowFlip: 'Flip',
  155.         ColorBtnTitle: '',
  156.         ColorLoadListName: [
  157.           'Sans couleur',
  158.           'Entrer des couleurs',
  159.           'rouge',
  160.           'marron',
  161.           'violet',
  162.           'bleu',
  163.           'vert',
  164.           'rose',
  165.           'magenta',
  166.           'dégradé violet',
  167.           'dégradé bleu foncé',
  168.           'dégradé vert',
  169.           'dégradé rouge',
  170.           'dégradé bleu clair',
  171.           'dégradé rose',
  172.           'dégradé vert clair',
  173.           'dégradé rose clair',
  174.           'dégradé rouge clair'
  175.         ],
  176.         ColorLoadTitle: 'Clickez pour charger un autre code couleur<br>Le code couleur actuel est: ',
  177.         ColorSaveEmpty: '[vide]',
  178.         CustomReady: 'Code valide',
  179.         CustomNotReady: 'Non valide',
  180.       },
  181.       es: {
  182.         language: 'Spanish (español)',
  183.         save: 'Guardar',
  184.         saveMessage: 'Guardar correctamente',
  185.         chooseLang: 'Elige lengua',
  186.         contact: 'Contacto',
  187.         ColorWindowTitle: 'Configurar Color tchat',
  188.         ColorWindowPreviewTxt: '*Haga clic en la carta de un cambio de color',
  189.         ColorWindowOkBtn: 'Aplicar',
  190.         ColorWindowToDefaultBtn: 'Color por defecto',
  191.         ColorWindowThisTchatBtn: 'Elegir este color',
  192.         ColorWindowDefaultText: 'Seleccione la tchat para restablecer a los valores predeterminados',
  193.         ColorWindowBold: 'En negrita',
  194.         ColorWindowCaps: 'Capitalizado',
  195.         ColorWindowFlip: 'Flip',
  196.         ColorBtnTitle: '',
  197.         ColorLoadListName: [
  198.           'No hay color',
  199.           'Introduzca un código de color',
  200.           'rojo',
  201.           'marrón',
  202.           'morado',
  203.           'azul',
  204.           'verde',
  205.           'rosa',
  206.           'magenta',
  207.           'gradiente violeta',
  208.           'degradado rosa',
  209.           'degradado azul marino',
  210.           'gradient',
  211.           'rojo degradado',
  212.           'luz azul degradado',
  213.           'gradiente de luz verde',
  214.           'rosa degradado',
  215.           'luz pendiente roja'
  216.         ],
  217.         ColorLoadTitle: 'Haga clic para cargar otro código de colores<br>El código de color actual es: ',
  218.         ColorSaveEmpty: '[vacío]',
  219.         CustomReady: 'Código válido',
  220.         CustomNotReady: 'No válido',
  221.       },
  222.       de: {
  223.         language: 'German (Deutsch)',
  224.         save: 'Speichern',
  225.         saveMessage: 'Speichern erfolgreich',
  226.         chooseLang: 'Sprache ändern',
  227.         contact: 'Kontakt',
  228.         ColorWindowTitle: 'Color tchat Einstellung',
  229.         ColorWindowPreviewTxt: '*Klicke auf diese Buchstaben um die aktuell im oberen Feld gewählte Farbe reinzumischen',
  230.         ColorWindowOkBtn: 'Übernehmen',
  231.         ColorWindowToDefaultBtn: 'Zurücksetzen',
  232.         ColorWindowThisTchatBtn: 'Einstellung speichern',
  233.         ColorWindowDefaultText: 'Chaträume auf Standard setzen:',
  234.         ColorWindowBold: 'Fett',
  235.         ColorWindowCaps: 'CAPS LOCK',
  236.         ColorWindowFlip: 'Flip',
  237.         ColorBtnTitle: '',
  238.         ColorLoadListName: [
  239.           'Keine Farbe',
  240.           'Eigener Farbcode',
  241.           'rot',
  242.           'braun',
  243.           'violett',
  244.           'blau',
  245.           'grün',
  246.           'pink',
  247.           'magenta',
  248.           'violett wechselnd',
  249.           'blau wechselnd',
  250.           'grün wechselnd',
  251.           'rot wechselnd',
  252.           'hellblau wechselnd',
  253.           'pink wechselnd',
  254.           'hellgrün wechselnd',
  255.           'pink wechselnd',
  256.           'hellrot wechselnd'
  257.         ],
  258.         ColorLoadTitle: 'Klicke um weitere Farben auszuwählen<br>Aktueller Farbcode: ',
  259.         ColorSaveEmpty: '[leer]',
  260.         CustomReady: 'Code ok',
  261.         CustomNotReady: 'Ungültig',
  262.       },
  263.       pt: {
  264.         language: 'Portuguese (português)',
  265.         save: 'Salvar',
  266.         saveMessage: 'Economize com sucesso',
  267.         chooseLang: 'Escolhe idioma',
  268.         contact: 'Contato',
  269.         ColorWindowTitle: 'Set Color tchat',
  270.         ColorWindowPreviewTxt: '*Clique na letra de uma mudança de cor',
  271.         ColorWindowOkBtn: 'Aplicar',
  272.         ColorWindowToDefaultBtn: 'Definido como padrão',
  273.         ColorWindowThisTchatBtn: 'Definido para este',
  274.         ColorWindowDefaultText: 'Selecione o tchat para repor as predefinições: ',
  275.         ColorWindowBold: 'Em negrito',
  276.         ColorWindowCaps: 'Capitalizados',
  277.         ColorWindowFlip: 'Flip',
  278.         ColorBtnTitle: '',
  279.         ColorLoadListName: [
  280.           'Incolor',
  281.           'Insira um código de cor',
  282.           'vermelho',
  283.           'marrom',
  284.           'roxo',
  285.           'azul',
  286.           'verde',
  287.           'cor de rosa',
  288.           'magenta',
  289.           'gradiente violeta',
  290.           'gradiente azul escuro',
  291.           'gradiente verde',
  292.           'gradiente vermelho',
  293.           'gradiente de luz azul',
  294.           'Pink Gradient',
  295.           'gradiente luz verde',
  296.           'rosa Gradiente',
  297.           'gradiente claro vermelho'
  298.         ],
  299.         ColorLoadTitle: 'Clique para carregar outro código de cor<br>O código de cores atual é: ',
  300.         ColorSaveEmpty: '[vazio]',
  301.         CustomReady: 'Código válido',
  302.         CustomNotReady: 'Inválido',
  303.       },
  304.       pl: {
  305.         language: 'Polish (polski)',
  306.         save: 'Zapisz',
  307.         saveMessage: 'Zapisz powodzeniem',
  308.         chooseLang: 'Wybierz język',
  309.         contact: 'Kontakt',
  310.         ColorWindowTitle: 'Ustawienia Koloru Tchat',
  311.         ColorWindowPreviewTxt: '*Kliknij na literę, aby zmienić kolor',
  312.         ColorWindowOkBtn: 'Zastosuj',
  313.         ColorWindowToDefaultBtn: 'Ustaw na domyślny',
  314.         ColorWindowThisTchatBtn: 'Ustaw na ten',
  315.         ColorWindowDefaultText: 'Wybierz tchat, który ma być domyślny: ',
  316.         ColorWindowBold: 'Grubość',
  317.         ColorWindowCaps: 'Wielkie litery',
  318.         ColorWindowFlip: 'Flip',
  319.         ColorBtnTitle: '',
  320.         ColorLoadListName: [
  321.           'Bez koloru',
  322.           'Wprowadź kod koloru',
  323.           'Czerwony',
  324.           'Brązowy',
  325.           'Fioletowy',
  326.           'Niebieski',
  327.           'Zielony',
  328.           'Różowy',
  329.           'Purpurowy',
  330.           'Fioletowo gradientowy',
  331.           'Zwietrzały ciemny niebieski',
  332.           'Zielony gradient',
  333.           'Zwietrzały czerwony',
  334.           'Jasnoniebieski gradient',
  335.           'Zwietrzały ciemny różowy',
  336.           'Jasnozielony gradient',
  337.           'Zwietrzały różowy',
  338.           'Jasnoczerwony gradient'
  339.         ],
  340.         ColorLoadTitle: 'Kliknij tutaj, aby załadować inny kod koloru<br>Twój obecny kod koloru jest: ',
  341.         ColorSaveEmpty: '[pusty]',
  342.         CustomReady: 'Prawidłowy Kod',
  343.         CustomNotReady: 'Zły Kod',
  344.       },
  345.       el: {
  346.         language: 'Greek (ελληνικά)',
  347.         save: 'Αποθήκευση',
  348.         saveMessage: 'Αποθηκεύτηκε με επιτυχία',
  349.         chooseLang: 'Επιλογή γλώσσας',
  350.         contact: 'Επικοινωνία',
  351.         ColorWindowTitle: 'Ρυθμίσεις',
  352.         ColorWindowPreviewTxt: '*Κάντε κλικ στα γράμματα για να αλλάξετε χρώμα',
  353.         ColorWindowOkBtn: 'Εφαρμογή',
  354.         ColorWindowToDefaultBtn: 'Προεπιλογή',
  355.         ColorWindowThisTchatBtn: 'Ορίστε σε αυτό',
  356.         ColorWindowDefaultText: 'Select the tchat for reset to default: ',
  357.         ColorWindowBold: 'Έντονα',
  358.         ColorWindowCaps: 'Κεφαλαία',
  359.         ColorWindowFlip: 'Ανάποδα',
  360.         ColorBtnTitle: '',
  361.         ColorLoadListName: [
  362.           'Χωρίς χρώμα',
  363.           'Καταχωρίστε έναν κωδικό χρώματος',
  364.           'Κόκκινο',
  365.           'Καφέ',
  366.           'Μωβ',
  367.           'Μπλε',
  368.           'Πράσινο',
  369.           'Ροζ',
  370.           'Σκούρο μωβ',
  371.           'Βιολετί',
  372.           'Ξεθωριασμένο σκούρο μπλε',
  373.           'Ανοιχτό πράσινο',
  374.           'Υποβαθμισμένο κόκκινο',
  375.           'Γαλάζιο',
  376.           'Ξεθωριασμένο σκούρο ροζ',
  377.           'Λαχανί',
  378.           'Ξεθωριασμένο ροζ',
  379.           'Φωτεινό κόκκινο'
  380.         ],
  381.         ColorLoadTitle: 'Κάντε κλικ για να τοποθετήσετε έναν άλλο κωδικό χρώματος<br>Ο τρέχων κωδικός χρώματος είναι: ',
  382.         ColorSaveEmpty: '[Άδειο]',
  383.         CustomReady: 'Έγκυρος κωδικός',
  384.         CustomNotReady: 'Μη έγκυρος κωδικός',
  385.       },
  386.     },
  387.     updateLang: function () {
  388.       var lg = CT.langs;
  389.       CT.lang = lg[localStorage.getItem('scriptsLang')] ? localStorage.getItem('scriptsLang') : lg[Game.locale.substr(0, 2)] ? Game.locale.substr(0, 2) : 'en';
  390.       CTlang = lg[CT.lang];
  391.     },
  392.   };
  393.   CT.updateLang();
  394.   var langBox = new west.gui.Combobox();
  395.   for (var j in CT.langs)
  396.     langBox.addItem(j, CT.langs[j].language);
  397.   langBox.select(CT.lang);
  398.   var saveBtn = new west.gui.Button(CTlang.save, function () {
  399.       localStorage.setItem('scriptsLang', langBox.getValue());
  400.       CT.updateLang();
  401.       new UserMessage(CTlang.saveMessage, 'success').show();
  402.     }),
  403.   fmfb = function (l) {
  404.     return 'https://forum.the-west.' + l + '/index.php?conversations/add&to=Tom Robert';
  405.   };
  406.   TheWestApi.register('Color_tchat', CT.name, CT.minGame, CT.maxGame, CT.author, CT.website).setGui($('<div>' + CTlang.chooseLang +
  407.       ': </div>').append(langBox.getMainDiv()).append(saveBtn.getMainDiv()).append('<br><br>This script adds new features to the chat:<br>Smileys, BB-Codes and Emojis! 🐧🎉<br><br><i>' +
  408.       CT.name + ' v' + CT.version + '</i><br><br><br><b>' + CTlang.contact +
  409.       ':</b><ul style="margin-left:15px;"><li>Send a message to <a target=\'_blanck\' href="http://om.the-west.de/west/de/player/?ref=west_invite_linkrl&player_id=647936&world_id=13&hash=7dda">Tom Robert on German world Arizona</a></li>' +
  410.       '<li>Contact me on <a target=\'_blanck\' href="https://greatest.deepsurf.us/forum/messages/add/Tom Robert">Greasy Fork</a></li>' +
  411.       '<li>Message me on one of these The West Forum:<br>/ <a target=\'_blanck\' href="' + fmfb('de') + '">deutsches Forum</a> / ' +
  412.       '<a target=\'_blanck\' href="' + fmfb('net') + '">English forum</a> / <a target=\'_blanck\' href="' + fmfb('pl') + '">forum polski</a> / ' +
  413.       '<a target=\'_blanck\' href="' + fmfb('es') + '">foro español</a> /<br>/ <a target=\'_blanck\' href="' + fmfb('ru') + '">Русский форум</a> / ' +
  414.       '<a target=\'_blanck\' href="' + fmfb('fr') + '">forum français</a> / <a target=\'_blanck\' href="' + fmfb('it') + '">forum italiano</a> / ' +
  415.       '<a target=\'_blanck\' href="https://forum.beta.the-west.net//index.php?conversations/add&to=Tom Robert">beta forum</a> /<br>I will get an e-mail when you sent me the message <img src="images/chat/emoticons/smile.png"></li></ul>'));
  416.   CT.DATA = new function () {
  417.     this.Setting = {
  418.       saves: {
  419.         'save 1': '999',
  420.         'save 2': '999',
  421.         'save 3': '999',
  422.         'save 4': '999',
  423.         'save 5': '999'
  424.       },
  425.       Default: {
  426.         Format: '%c',
  427.         colorTag: '999'
  428.       },
  429.     };
  430.     this.Load = function () {
  431.       this.Setting = JSON.parse(localStorage.getItem('CT_save')) || this.Setting;
  432.     };
  433.     this.Load();
  434.     this.Save = function () {
  435.       localStorage.CT_save = JSON.stringify(this.Setting);
  436.     };
  437.   };
  438.   CT.Tools = new function () {
  439.     this.colorTagInv = function (e) {
  440.       if (e == null || e == undefined)
  441.         return '';
  442.       if (e.length == 3)
  443.         return '';
  444.       var t = '';
  445.       for (var n = 1; n < e.length / 3 - 1; n++) {
  446.         t = e.substring(n * 3, n * 3 + 3) + t;
  447.       }
  448.       return t;
  449.     };
  450.     this.Degrader = function (e) {
  451.       var t;
  452.       if (e.length == 3)
  453.         t = '#' + this.colorrgb(e);
  454.       else {
  455.         t = 'linear-gradient(to right, ';
  456.         for (var n = 0; n < e.length / 3; n++) {
  457.           t += '#' + this.colorrgb(e.substring(n * 3, n * 3 + 3));
  458.           if (n !== e.length / 3 - 1)
  459.             t += ',';
  460.         }
  461.         t += ')';
  462.       }
  463.       return t;
  464.     };
  465.     this.colorrgb = function (e) {
  466.       result = '';
  467.       TransCode = {
  468.         0: '0',
  469.         1: '1',
  470.         2: '3',
  471.         3: '5',
  472.         4: '6',
  473.         5: '8',
  474.         6: 'a',
  475.         7: 'b',
  476.         8: 'd',
  477.         9: 'f'
  478.       };
  479.       for (var t = 0; t < e.length; t++) {
  480.         result += TransCode[e.substring(t, t + 1)];
  481.       }
  482.       return result;
  483.     };
  484.     this.GuiSelectbox = west.gui.Selectbox;
  485.     this.Guicheckbox = west.gui.Checkbox;
  486.     this.Guitextfield = west.gui.Textfield;
  487.     this.Guibutton = west.gui.Button;
  488.     this.Guidialog = west.gui.Dialog;
  489.   };
  490.   CT.Chat = new function () {
  491.     this.init = function () {
  492.       if (!$('div.chat_room').length)
  493.         return;
  494.       clearInterval(CT.initInterval);
  495.       this.Draw();
  496.       CT.initInterval = setInterval(function () {
  497.           CT.Chat.OnChanelChange();
  498.         }, 500);
  499.     };
  500.     this.Draw = function () {
  501.       if (isDefined(this.btncolor))
  502.         return;
  503.       var e;
  504.       $('#colorTxtStyle').append('div.btnColor{cursor: pointer;position: absolute;right: 0px; width: 25px;height: 25px;}\n');
  505.       $('#colorTxtStyle').append('div.btnColorBG{background-image: url(data:image/png;base64,' + border + ');background-position: 0px 3px;background-repeat: no-repeat;}\n.btnColorBG:hover{background-position: -25px 3px;}\n');
  506.       $('#colorTxtStyle').append('div.btnColorImg{width: 11px; height: 11px; margin: 8px 0px 0px 5px; position: absolute; border-radius: 5px; background-image: url(data:image/png;base64,' + color + ');}\n');
  507.       $('#colorTxtStyle').append('div.btnColorSmiley{border-top-right-radius: 10px;border-top-left-radius: 10px;border: 1px solid #646464;box-shadow: 0px 0px 1px 1px black;background-image: url(images/interface/wood_texture_dark.jpg);width: 425px;bottom: 18px;left: -400px;height: 208px;\tmargin: 0px 0px 6px 0px; position: absolute;}\n');
  508.       $('#colorTxtStyle').append('div.btnColorOneSmiley{display: inline-block; cursor: pointer; width: 17px; height: 13px; padding: 1px; text-align: center; vertical-align: middle;}\n');
  509.       this.btncolor = $('<div class="btnColor btnColorBG"/>').append($('<div class="btnColorImg btnColorImgTag"/>').click(function () {
  510.             CT.Window.show();
  511.           })).append(e = $('<div class="btnColorSmiley"/>').hide()).mouseout(function () {
  512.           $('div.btnColorSmiley:last-child', this).hide();
  513.         }).mouseover(function () {
  514.           $('div.btnColorSmiley:last-child', this).show();
  515.         });
  516.       for (var t in sm) {
  517.         if (sm[t] !== '') {
  518.           e.append($('<div class="btnColorOneSmiley"/>').data('Tag', t).click(this.addSmToTxt).append(sm[t]));
  519.         }
  520.       }
  521.     };
  522.     this.addSmToTxt = function (e) {
  523.       var inp = $(e.target).parentsUntil($('div.chat_main')).find('input');
  524.       var n = $(e.currentTarget).data('Tag');
  525.       var r = inp[0].selectionStart;
  526.       var i = inp[0].selectionEnd;
  527.       var s = inp.val();
  528.       if (n == '[player][/player]') {
  529.         s = s.substring(0, r) + '[player]' + s.substring(r, i) + '[/player]' + s.substring(i);
  530.       } else if (n == '[item=]') {
  531.         s = s.substring(0, r) + '[item=' + s.substring(r, i) + ']' + s.substring(i);
  532.       } else {
  533.         s = s.substring(0, r) + ' ' + n + s.substring(r);
  534.       }
  535.       inp.val(s);
  536.     };
  537.     this.appliquer_couleur = function (e, t) {
  538.       if (e == '')
  539.         return '';
  540.       if (t == '999' && !CT.DATA.Setting.Default.Format.startsWith('/111* '))
  541.         return e;
  542.       if (e.toLowerCase().indexOf('[player]') == 0 && e.toLowerCase().indexOf('[/player]') !== -1)
  543.         return e.substring(0, e.toLowerCase().indexOf('[/player]') + 10) + ' ' + this.appliquer_couleur(e.substring(e.toLowerCase().indexOf('[/player]') + 10), t);
  544.       if (e.toLowerCase().indexOf('[report=') == 0 && e.toLowerCase().indexOf('[/report]') !== -1)
  545.         return e.substring(0, e.toLowerCase().indexOf('[/report]') + 10) + ' ' + this.appliquer_couleur(e.substring(e.toLowerCase().indexOf('[/report]') + 10), t);
  546.       if (e.toLowerCase().indexOf('http') == 0)
  547.         if (e.indexOf(' ') !== -1)
  548.           return e.substring(0, e.indexOf(' ') + 1) + ' ' + this.appliquer_couleur(e.substring(e.indexOf(' ') + 1), t);
  549.         else
  550.           return e;
  551.       if (e.toLowerCase().indexOf('[item=') == 0 && e.indexOf(']') !== -1)
  552.         return e.substring(0, e.indexOf(']') + 1) + ' ' + this.appliquer_couleur(e.substring(e.indexOf(']') + 1), t);
  553.       if (e.toLowerCase().indexOf('[marker') == 0 && e.indexOf(']') !== -1)
  554.         return e.substring(0, e.indexOf(']') + 1) + ' ' + this.appliquer_couleur(e.substring(e.indexOf(']') + 1), t);
  555.       for (var n in sm) {
  556.         if (e.indexOf(n) == 0)
  557.           return e.substring(0, n.length) + ' ' + this.appliquer_couleur(e.substring(n.length), t);
  558.       }
  559.       if (t.length == 3)
  560.         return '/' + t + e;
  561.       if (e.charAt(0) == ' ')
  562.         return e.charAt(0) + this.appliquer_couleur(e.substring(1), t.substring(3) + t.substring(0, 3));
  563.       return '/' + t.substring(0, 3) + e.charAt(0) + ' ' + this.appliquer_couleur(e.substring(1), t.substring(3) + t.substring(0, 3));
  564.     };
  565.     this.fCharAt = function (str, idx) {
  566.       str += '';
  567.       var ret = '',
  568.       end = str.length,
  569.       surrogatePairs = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
  570.       while ((surrogatePairs.exec(str)) != null) {
  571.         var li = surrogatePairs.lastIndex;
  572.         if (li - 2 < idx)
  573.           idx++;
  574.         else
  575.           break;
  576.       }
  577.       if (idx >= end || idx < 0)
  578.         return '';
  579.       ret += str.charAt(idx);
  580.       if (/[\uD800-\uDBFF]/.test(ret) && /[\uDC00-\uDFFF]/.test(str.charAt(idx + 1)))
  581.         ret += str.charAt(idx + 1);
  582.       return ret;
  583.     };
  584.     this.flipString = function (e) {
  585.       if (e.length === 0)
  586.         return '';
  587.       var eO = this.fCharAt(e, 0);
  588.       for (var p in fl)
  589.         if (p == eO)
  590.           return this.flipString(e.substring(eO.length)) + fl[p];
  591.         else if (fl[p] == eO)
  592.           return this.flipString(e.substring(eO.length)) + p;
  593.       return this.flipString(e.substring(eO.length)) + eO;
  594.     };
  595.     this.OnPressKeyEnter = function (e) {
  596.       var obj = $.extend({}, $(e.target).data('ColorTchat'));
  597.       var n = $(e.target).val();
  598.       if (n.charAt(0) == '/') {
  599.         if (n.substring(0, 6) == '/tell ') {
  600.           if (n.indexOf(':') !== -1) {
  601.             var r = n.substring(6, n.indexOf(':') + 1);
  602.             n = n.substring(n.indexOf(':') + 1);
  603.           }
  604.         } else {
  605.           var i = [
  606.             '/topic',
  607.             '/clear',
  608.             '/logout',
  609.             '/ignorelist',
  610.             '/ignore',
  611.             '/unignore',
  612.             '/rights',
  613.             '/color',
  614.             '/me',
  615.             '/help',
  616.             '/?',
  617.             '/join',
  618.             '/items',
  619.             '/items.s',
  620.             '/items.add',
  621.           ];
  622.           for (var s = 0; s < i.length; s++) {
  623.             if (n.substring(0, i[s].length) == i[s]) {
  624.               return;
  625.             }
  626.           }
  627.         }
  628.       }
  629.       if (/\/flip /.test(n.substring(0, 6))) {
  630.         obj.Format = '%f';
  631.         n = n.substring(6);
  632.       }
  633.       if (/\/[0-9]{3}/.test(n.substring(0, 5))) {
  634.         obj.Format = '%n';
  635.       }
  636.       if (typeof r !== 'undefined')
  637.         obj.Format = '/tell %t:' + obj.Format;
  638.       var cT = function () {
  639.         var te = '',
  640.         co = obj.colorTag;
  641.         if (!co || co.length % 3 !== 0)
  642.           return '999';
  643.         if (co.length !== 3) {
  644.           for (var n = 1; n < co.length / 3 - 1; n++)
  645.             te = co.substring(n * 3, n * 3 + 3) + te;
  646.           return co + te;
  647.         } else
  648.           return co;
  649.       }
  650.       (),
  651.       code = /%[C-n]/.exec(obj.Format)[0],
  652.       newN;
  653.       switch (code) {
  654.       case '%c':
  655.         newN = this.appliquer_couleur(n, cT);
  656.         break;
  657.       case '%C':
  658.         newN = this.appliquer_couleur(n, cT).toUpperCase();
  659.         break;
  660.       case '%f':
  661.         var u = this.flipString(n);
  662.         newN = this.appliquer_couleur(u, cT);
  663.         break;
  664.       case '%F':
  665.         var f = this.flipString(n.toUpperCase());
  666.         newN = this.appliquer_couleur(f, cT);
  667.         break;
  668.       default: //%n
  669.         newN = n;
  670.         break;
  671.       }
  672.       $(e.target).val(obj.Format.replace(code, newN));
  673.     };
  674.     this.OnChanelChange = function () {
  675.       if (!$('div.chat_room').length)
  676.         return;
  677.       clearInterval(CT.initInterval);
  678.       $('div.chat_room').find('.chat_input').each(function (e) {
  679.         if (!$(this).children().is('.btnColor')) {
  680.           $(this).append(CT.Chat.btncolor.clone(true));
  681.           $(this).find('input.message').keypress(function (e) {
  682.             if (e.keyCode == 13) {
  683.               CT.Chat.OnPressKeyEnter(e);
  684.               document.focusing = undefined;
  685.             }
  686.           }).data('ColorTchat', CT.DATA.Setting.Default);
  687.           CT.Chat.Change = true;
  688.         }
  689.       });
  690.       this.ChangeColor();
  691.       CT.initInterval = setInterval(function () {
  692.           CT.Chat.OnChanelChange();
  693.         }, 500);
  694.     };
  695.     this.ChangeColor = function () {
  696.       if (this.Change === false)
  697.         return;
  698.       this.Change = false;
  699.       var e = CT.DATA.Setting.Default.colorTag;
  700.       if (pos[e])
  701.         $('#colorTxtStyleTmp').text('div.btnColorImgTag{background-position: ' + pos[e] + '; z-index: 6}\n');
  702.       else
  703.         $('#colorTxtStyleTmp').text('div.btnColorImgTag{background: ' + CT.Tools.Degrader(e) + '}\n');
  704.       $('div.chat_room').each(function (e) {
  705.         $(this).find('input.message').data('ColorTchat', CT.DATA.Setting.Default);
  706.       });
  707.     };
  708.     var fl = {
  709.       a: 'ɐ',
  710.       A: 'Ɐ',
  711.       b: 'q',
  712.       B: '𐐒',
  713.       c: 'ɔ',
  714.       C: 'Ɔ',
  715.       d: 'p',
  716.       D: 'ᗡ',
  717.       e: 'ǝ',
  718.       E: 'Ǝ',
  719.       f: 'ɟ',
  720.       F: 'Ⅎ',
  721.       g: 'ƃ',
  722.       G: '⅁',
  723.       h: 'ɥ',
  724.       i: 'ᴉ',
  725.       j: 'ɾ',
  726.       J: 'ſ',
  727.       k: 'ʞ',
  728.       K: 'ʞ',
  729.       l: 'ן',
  730.       L: '⅂',
  731.       m: 'ɯ',
  732.       M: 'W',
  733.       n: 'u',
  734.       N: 'N',
  735.       P: 'Ԁ',
  736.       Q: 'Ὁ',
  737.       r: 'ɹ',
  738.       R: 'ᴚ',
  739.       t: 'ʇ',
  740.       T: '⊥',
  741.       U: '∩',
  742.       v: 'ʌ',
  743.       V: 'Ʌ',
  744.       w: 'ʍ',
  745.       y: 'ʎ',
  746.       Y: '⅄',
  747.       1: 'ɩ',
  748.       2: 'ζ',
  749.       3: 'Ɛ',
  750.       4: 'ᔭ',
  751.       5: 'ﻛ',
  752.       6: '9',
  753.       7: 'ㄥ',
  754.       '.': '˙',
  755.       '[': ']',
  756.       '(': ')',
  757.       '{': '}',
  758.       '?': '¿',
  759.       '!': '¡',
  760.       '\'': ',',
  761.       '<': '>',
  762.       '_': '‾',
  763.       ';': '؛',
  764.       '&': '⅋',
  765.       '"': '„',
  766.       '‿': '⁀',
  767.       '⁅': '⁆',
  768.       '∴': '∵',
  769.     },
  770.     sm = {
  771.       ':-)': '',
  772.       ':)': '<img src ="images/chat/emoticons/smile.png">',
  773.       ':-D': '',
  774.       ':D': '<img src ="images/chat/emoticons/grin.png">',
  775.       ':-(': '',
  776.       ':(': '<img src ="images/chat/emoticons/frown.png">',
  777.       ';-)': '',
  778.       ';)': '<img src ="images/chat/emoticons/smirk.png">',
  779.       ':-p': '',
  780.       ':p': '',
  781.       ':-P': '',
  782.       ':P': '<img src ="images/chat/emoticons/tongue.png">',
  783.       '-.-': '<img src ="images/chat/emoticons/nc.png">',
  784.       '^_^': '',
  785.       '^^': '<img src ="images/chat/emoticons/happy.png">',
  786.       'O.o': '',
  787.       'o.O': '',
  788.       'O_o': '',
  789.       'o_O': '<img src ="images/chat/emoticons/oo.png">',
  790.       ':-/': '',
  791.       ':/': '<img src="images/chat/emoticons/sore.png">',
  792.       '=:)': '<img src="images/chat/emoticons/invader.png">',
  793.       '>:(': '<img src="images/chat/emoticons/angry.png">',
  794.       'T_T': '',
  795.       'T.T': '',
  796.       ':\'(': '<img src="images/chat/emoticons/cry.png">',
  797.       ':-o': '',
  798.       ':o': '',
  799.       ':-O': '',
  800.       ':O': '<img src="images/chat/emoticons/ohmy.png">',
  801.       ':-x': '',
  802.       ':x': '',
  803.       ':-X': '',
  804.       ':X': '<img src="images/chat/emoticons/muted.png">',
  805.       ':-|': '',
  806.       ':|': '<img src="images/chat/emoticons/silent.png">',
  807.       '>_<': '',
  808.       '>.<': '<img src="images/chat/emoticons/palm.png">',
  809.       'X_X': '',
  810.       'x_x': '',
  811.       'X.X': '',
  812.       'x.x': '<img src="images/chat/emoticons/xx.png">',
  813.       'el pollo diablo!': '<img src ="images/chat/emoticons/elpollodiablo.png">',
  814.       '!el pollo diablo': '<img src ="images/chat/emoticons/elpollodiablo_mirror.png">',
  815.       'el pollo diablo?!': '<img src ="images/chat/emoticons/elpollodiablo_front.png">',
  816.       'addme!': '<img src="images/chat/emoticons/sheep_rainbow.gif">',
  817.       'addme': '<img src="images/chat/emoticons/sheep.gif">',
  818.       '[player][/player]': '<div style="background-image: url(images/tw2gui/tw2gui_bbcodes.png); background-position:-88px 20px; width: 21px; height: 20px">',
  819.       '[item=]': '<img src="images/forum/icon/cowboy_boots.png" style="background: url(images/tw2gui/tw2gui_bbcodes.png); background-position:-22px 20px; width: 21px; height: 20px">',
  820.     },
  821.     em = [
  822.       '😄', '😃', '😀', '😊', '😉', '😍', '😘', '😚', '😗', '😙', '😜', '😝', '😛', '😳', '😁', '😔', '😌', '😒', '😞', '😣', '😢', '😂', '😭', '😪', '😥', '😰', '😅', '😓', '😩', '😫', '😨', '😱', '😠', '😡', '😤', '😖', '😆', '😋', '😷', '😎', '😴', '😵', '😲', '😟', '😦', '😧', '😈', '😮', '😬', '😐', '😕', '😯', '😶', '😇', '😏', '😑', '🙈', '🙉', '🙊', '💀', '👽', '💩', '🔥', '🌟', '💫', '💦', '💧', '💤', '💨', '👍', '👎', '👌', '👊', '✌️', '👋', '👉', '👈', '🙌', '🙏', '👏', '💪', '🎩', '👑', '👒', '💼', '👜', '👓', '🌂', '💛', '💙', '💜', '💚', '❤️', '💔', '💗', '💓', '💕', '💘', '💌', '💋', '💍', '💎', '💬', '💭', '🐶', '🐺', '🐱', '🐭', '🐹', '🐰', '🐸', '🐯', '🐨', '🐻', '🐷', '🐮', '🐗', '🐵', '🐒', '🐴', '🐑', '🐘', '🐼', '🐧', '🐦', '🐤', '🐔', '🐍', '🐢', '🐛', '🐝', '🐜', '🐞', '🐌', '🐙', '🐚', '🐠', '🐟', '🐬', '🐳', '🐋', '🐄', '🐏', '🐀', '🐃', '🐅', '🐇', '🐉', '🐎', '🐐', '🐓', '🐕', '🐖', '🐁', '🐂', '🐡', '🐊', '🐫', '🐪', '🐆', '🐈', '🐩', '☀️', '⛅️', '☁️', '⚡️', '☔️', '❄️', '⛄️', '🌁', '🌈', '🌊', '🎓', '🎃', '🎅', '🎄', '🎁', '🎉', '🎊', '🎈', '📱', '📞', '⏰', '🔒', '🚿', '🚽', '🚬', '💣', '🔫', '🔪', '💰', '✂️', '🎤', '🎧', '🎶', '🎻', '🎺', '🎷', '🎸', '🎮', '🏈', '🏀', '⚽️', '⚾️', '🎾', '🎳', '⛳️', '🏁', '🏆', '🎿', '🏂', '🏊', '🏄', '☕️', '🍸', '🍹', '🍷', '🍴', '🍕', '🍔', '🍟', '🍳', '🍩', '🍦', '🍨', '🍪', '🍫', '🍬', '🍭', '🍎', '🍇', '🍓', '🍌', '🍍', '🍅',
  823.     ],
  824.     EvName = Object.keys(Game.sesData)[0];
  825.     for (var j of em)
  826.       sm[j] = j;
  827.     if (EvName == 'Easter')
  828.       sm['easter!'] = '<div style="background-image: url(images/window/events/easter/easter_sprite.png); background-position:-20px 0px; width: 17px; height: 20px">';
  829.     else if (EvName)
  830.       sm[EvName.toLowerCase() + '!'] = '<img src="images/icons/' + EvName + '.png">';
  831.     var color = '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',
  832.     border = 'iVBORw0KGgoAAAANSUhEUgAAADIAAAAZCAYAAABzVH1EAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHpsAACAjgAA+FQAAIITAAB2OwAA9IEAADvkAAAbd5lS/4AAAAnFSURBVHjazJhLb5xHdoafU1XfrdmkSJOWLGs8tjQzgDTKxAGCBEjCyYIDZBtAy8CL8e/QWkj+RgBvo613TJBoEiABJlZGE3EiS45lXakmu8m+fZeqc7JotkRZciazywG6PzTQXU+dt+qct6rlr3/+UwN4PJgC8IPvbVIWOQ/3B9TzyNmNihiFg+MZ6oTNfsHhqCGaIhiD4XNCscl6LwNgPD3gb//+6w+AAzObA/zNp3/+VsZ/Px6QVHl3vSJG5cnhjF4eONPPeXo4Q1jEYPjstzLC+pkzACyfGJgaF7beoYstk0nNdN7iRShyx389fESMHWWxQVIhAXfuPeAPfnSJ9V5GTArwU+CfgEenx37JOIkPL5ylbRtm9YzhuKFfBYos8O93HtDrl0ixijMD4Is3GX8M/OuSEX59/8l8NOuq4eEjEPDSp8gDuTNmUdEYaZtI7AxMF4lipPQE1YRzFWeAL+894Ic/usTvXfoI/vGby8AXywn/+v6T4WjWbXy2+ysAcu/wziFiGIthFWMxZ8EwzAzBEBH05Dt3vvkVn+z8ZMn4EPjPJSNc2FrhAnDz/te8u1Ywjg0hRloVSu8whNWQQaEQFBQEwUTIi0CZFUid+GrUcvX76y/HBdzyw5IBkAdHHgRQSnGId4Qgi+S8Q8wQJ5g4uqi0XUcTlS4a81ZPM/xpRrh9775sbpxjsSGNnIgzoyo9PnNk3uEEgneIMxRwBiZG5pV+1mBlRZ2t8HgwZTB8BixEXEJu37vvtjbewwmUAj/cKlkpPL3SUxUFeeYpMyP3INFIImQO6nnL4TTwzUQZjjtGkng0mHLwFkbY2jjnBofPWXU5H2ysMZ11eJ/wCAG7JcpNRHYT3CXJFWAnYdcQt21mjFLH+LDhAOinxNbGOeDJa7WwtfGefzF8xkoRuPLBBn/x8Vmy3GEGInLLOW46s11RvRtTulLP251m1lwzddv96Hm36TTriRMRXgyfcXb97BuMYAgh32T17DG0Y1bLgmgOgc/AbjhhzzCSAsrthN3G+Byx65r4ZDV3nDvXJw3nWH6GC1v9xeoar4OyTcowoApQBaOXecz4TMVuJNW9pAlNSkrxtmG3LfjPi2TXWfWfZGXmtszTPj4mz9d5f72vTkBPMZxg2epK4HB/xDQaYAS45bEbHtlTBU2Q1IgGqJASezHajaaxW8djYzgxxm1BL895NJgiiAB8+rOryw5anul5iiqw0gvUbcOknt6a1vMb00m9Nzmec3RUcziaMTyqOZ621E23F01voHari8ZwPGXamFbB6ePRDMG514QCEWeJMi/RoiRpxGE3gb1lJ7GXBW6ogHgQk72kdnPe2ra1xmh8xPn31hAqwAQgqp60dA0JoWuNw8MJz3uOMvc3nZM9OVFW1YiLVSdFiGp0Ke3Vrd6c1nE7RVgJ3kVMc8A5Q1VOJWKGCUicYpNAUyge2fWytBXBWLRHOWmPIot+EWC3q0CbhjL0UAt4AxxKgmQ4Fg/FouItdHjq5LBWd70I4sA5wYuQe4HgIAckkIBVk931pMzapPFwhuBIYuoC4qO9tiJgQlUF+quJWS0gdtdUEHeSzcvEF0mIBy+Ceu7GqVF3SkeHqQPMZGE3nNgEZmg0nJwobSgq/u7CtxY+IQgOW7zcwk0Eo1W92ybVrjWnJupNW0k4UmZq3cvt5RA4miUOp/BovyWIILgrJ9sck8WqCCDO8H4hmnNG5rmSV45eryQnZ5YSJiJiIk5EkppbCjGdJeeDiyuZ4SziLF0JYgSB3EEWjCwIWXB45xEX8C4QJFzxEpw5kCgc1SksmomJOyVxWIAS+1PH+rsOwxAnO4LcRljkI7ZYCeSlzCLgnNtZO7NCIRGr+ie6QsIMw7wXXaiFcw5cJmFlpWJ1rSLAjkdui4Bb1h3CchNgoAhO3E4SRRUkRBc8ToyoTnVZgrx0RhN6ldCTnGSGOK7h9bK4xYQ9QhDBy0nFqKKdXk6q1zKBOrZMJqMTjzoVr1ZVFcF3jiLz9BdmeK1X+cu9ylNVnqrMqMqMPM/wIYD3JJPLdbJrszoymScdNxEzFDEkYaaWXiYymnWIc1hsGNNSlY4isF3m7nqeyeW8EEK+sHNVpWsT8zpdnrZ6fd7adtvUxEkEiwtdTvX2uk0GMJq1zptSp4ZpA+tneqyvrWz3+9X1lV55uSwLihDIs0CeeYrgyYO7XGZyvfK2nUxAcUYGIs4JrtUkdooVnuwPMIN53VLFjC55IglvfILZR6Z6M6ntxqh3m06vNNF2OuUazm/3e47Bi5rzG2vEwwMeNwPi+quW+He/+I0BPN0/cGpoTHA0PHb3HmSs9XPyXD5xwkdmdtPMdhW7K8IVL+z44K95H7bLMmOtnZNUSU3N88GIGMV923RDPZ1Q9Pq0DdTB8/TpFBeNLDfUsZ2SbatBUkFNSTjEEk5hPplzrJ7x0YBx07G+2eP56FuWDpwwXDJjdaNHspr9g5ZJm2g72VZj23tHljnKXKhKT3CJwieq3NN6aE0Zt8q6wmB0cgQ/bYhFr1+vhrqkKBgft8yTkJpI39zCyR14bwQFEyETBRzzZMy9MG4bNK+IGlkNNW+Lotc/Wg31meN5ZP/FmD/6wSVmbcf8oGZWzxjXEcMIYoSTrhgI+CKQYkszc3Qe5m1kLX87I1y9eN4Gw2cMps+pO4+2CQmOqRSoGW0byXEQPFIITgSJxrzrKBplZsa0mbC1vkKvX7G18R7cHr4GuXrxvA6GzzAd8uio49/uPSe1LXleoEBRCE48rRrjtiN1iZAZpSWOjyPDWUurSpugt1Kx9c6bjDCadVUoNvnLP1lcJXVxAGM2mzA4OsbJKiv9Ak01asqLoxmbqxWFg6g1dx4e00yUq9+rWBR294Zao1m3EYpN/mrn1XVVBCbzYw6OJuTlFmUWsNhQNy2Tecs7Gz1EO+qtji+fHDOfKH/4443vZIQ/+8mHfHjxfQC+/urJsoWfvC8q6vH+IZr6zOqOjy+9T55n9Ff6qBnwS56PjNlkTq9f8ezF4WtnAYC3MRZxHnB0KfF8f0jUHlGVrbWSqirpVRXjaUMe7vxWRvj8H37B9+9f5MLW4mJU5h7vHON5ixNBDY7nLRpn+FDx5aOnxGT0QmQ4D0urYBxLXjw+Xhraa5eebzOqfPG7Sd3hRYhqHM8bTFucy/iPLx9RZoLGyDSGlzP+3xhiZojIReBnwKfAv7zpbN8ZJfBj4Je8OpVF4DfArpk9fOWNchH40xPGF78Do1r+wXCKkYBvgH9eMpaJ9IBzwMfAgzevRd8ZHrgAPDwFUWAMvDCz2alElozfB776HRnxW4koMDnNELP/63j/v+N/BgBXi5F3d3nGEQAAAABJRU5ErkJggg==',
  833.     pos = {
  834.       999: '0px 0px',
  835.       308318328338348: '-24px -0px',
  836.       106117128139: '-36px -0px',
  837.       120130140150: '-48px -0px',
  838.       400500600700800: '-60px -0px',
  839.       199299399499599699: '-72px -0px',
  840.       505606607709809: '-84px -0px'
  841.     };
  842.   };
  843.   CT.Window = new function () {
  844.     var saveB = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAIAAAAv2XlzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAH6SURBVHjaVM89a1RRFIXhtffZ9zOYTBKJYaKOiumiqdKKgmBhqUL+hI2VIFjYCZaChb9ABAtJIQbFIoJoQNSMEKLkC+IEZhLnzuTM3DP3nm2hhLjq9RYPRceOn5qeDUWcyw0jjUNjDBsTiEnikADbd13rbF7sbKwetLZkdPLs5Ru34cvv9ZXauNy6OlOrnZ6aOmmC+FN9KxQzd+HMs8Wv71caG6ufl54/EvW+28nyfr/V2hvh4KCb9W2XfP5rN3vwZCGJ5en9+Z7tZu3faZKaIBIiEKlhiqMgikMjwswKAJAgEBEAhskwoCVUBQBUiSGBRGEYCweGhPnE2PD8tdk4DCrDQ1nH2l6/KEsQBABB1StIfu5kr5c3zzcHE9udykhl5txEIPxicfnd8mpeStFzBAgBWcfud2xBYUH8diV7862tWldVKBQgIE3jsdGKVw9AitLvtTvMdGVuulYdJyLVvwQAIBAzrW3ufllrDJxT9VKW5X67e/3SxYd3bjKKvu2B6DCAahSFecn3Hi+8fLWuqjIoCmt7IsxMe812s9li5sO/934oTSar1TQJDqxVVfFenXO+LAGEYZikydFAVeM4BtHADVzuVFWIWFkUVBYuTZMwjvD/xLBqCZCyAZHkWUMa9Q9L7m573Xs9Kv7nJmLmj/XtQeuHd70/AwDj7v01yw6ZhAAAAABJRU5ErkJggg==',
  845.     setB = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAACoUlEQVQ4T42Uy2sTURTGk1Zbq+ILUdyKG5uZSerQkPbeyYAYCZhlggurFUJN5xGUgiBushdBsQguFMGFC7EqLiyiCwWh0IL/QH3tFJcu1CKlft+duTqJieTA4Z7cOfeX755zZlLaarXaYBx2i9OMW63WQDI2ZDBniOCrKcMHo66/nfvKXNfdgkUlMo4Ppsrl8rCGYx2ybXtzZsIbN47W91vCuwLQhimDDQuekeFl5rUpKBQKIxpAMHwTY8IIN4QfmtL/Dv+WhKnY8S/qfGVJGA8nYXTDCU+YIvhhykbVFCHWBEwGz+1jtZ3MV0Y1vZTRGY8V64eh7BGgP+GPTeG/UjARvCkcr+5hjjKCkjXrBssVZ8YB+wJl96BmwZL+EtY1NOWZJb0VpLBkaX1WWS9lCib8j1knzANyC824b4jwIbr7EvFrQ/rXkJauVqsjXHnmv8rQiPem9GzsDVYqla2A3oayu1C8AOgTvY/0CMYNehz/C3P8IoC7jzinDtju3F7Aliw5exqTONABS2uOInfCTOF9yIjwBlT8QrzOeqEJKxFMWToJ45TEcReY9FbNyWAe11vnaKBmi+jmsiUaZ5CiAEkY66cbq14hvgGMc7Ixqq4JZX9hwSKV5SIYrSes7cqEYhyuA3S1TZkMlk1nZjrO6wnjlGCJVLLDrju9C4ffWSK4iQ6ucTQi2CxhtJ6w5FtGY7eGALgEwLw1ee4krngHvpp1GmfjnL5gek9d2RK+BPATavbWEmF9ojS1L37WF4yzrPdVMUulqW3o7sFD5eYwD6kHfcKSbxktnZUNAWUv8vnmjhjWt7IOmHrOL+9T1AxfDu+82o4BXOkEaBgByWtqGKdE76cwtBfgn61ic4y/4yTC9GwlYwXmH/ypWdRYPEulfgMLajrH8hIjewAAAABJRU5ErkJggg==',
  846.     cList = [
  847.       '999',
  848.       'custom',
  849.       '700',
  850.       '321',
  851.       '409',
  852.       '007',
  853.       '031',
  854.       '704',
  855.       '608',
  856.       '308318328338348',
  857.       '106117128139',
  858.       '120130140150',
  859.       '400500600700800',
  860.       '199299399499599699',
  861.       '505606607709809',
  862.       '696595494393292',
  863.       '959949839829819',
  864.       '900911922933944'
  865.     ];
  866.     this.show = function () {
  867.       var e;
  868.       var i;
  869.       var format = CT.DATA.Setting.Default.Format;
  870.       $((this.w = wman.open('Colorsettings').setTitle(CTlang.ColorWindowTitle).setMiniTitle(CT.name).setSize(350, 400)).getContentPane()).css('text-align', 'center').append(i = $('<input type=hidden class="color" id="colorinput" value="66ff00"/>'));
  871.       (this.ColorPicker = new jscolor.color(i[0], {
  872.             pickerOnfocus: false
  873.           })).showPicker();
  874.       this.tab1 = $('<div style="display:inline-block;width:290px;height:275px;position:relative;padding:4px12px4px4px;text-align:left"/>').appendTo(this.w.getContentPane()).append($(jscolor.picker.boxB).css({
  875.             position: 'relative',
  876.             display: 'inline-block',
  877.             'background-color': ''
  878.           })).append($('<div id="colorPanelDIV" style="display:inline-block;width:auto;height:123px;position:relative;margin-left:7px;border:' + this.ColorPicker.pickerBorder + 'px solid;border-color:' + this.ColorPicker.pickerBorderColor + '"/>').append($('<div id="colorWSetbtn" style="width:20px;height:20px;background-image:url(' + setB + ');margin:10px;cursor:pointer;"/>').click(function (e) {
  879.               CT.Window.SetPreviewColor(0);
  880.             })).append($('<div id="colorWLoadbtn" style="width:20px;height:20px;margin:10px;cursor:pointer;"/>').click(function (e) {
  881.               CT.Window.selectLoad.show(e);
  882.             })).append($('<div id="colorWSavebtnBg" style="width:20px;height:20px;background-image:url(' + saveB + ');background-size:100%100%;margin:10px;cursor:pointer;"/>').click(function (e) {
  883.               CT.Window.selectSave.show(e);
  884.             }))).append(e = $('<div id="PreviewDIV" class="chatwindow_background" style="display:inline-block;width:287px;height:60px;position:relative;zIndex:5;margin-top:5px;border:' + this.ColorPicker.pickerInset + 'px solid;border-color:' + this.ColorPicker.pickerInsetColor + ';color:white;background:#1D1C1C;opacity:' + $('.tw2gui_window_inset', '.chat').css('opacity') + '"/>')).append($('<div style="display:inline-block;position:relative;padding:4px;width:45%"/>').append((this.Bold = new CT.Tools.Guicheckbox(CTlang.ColorWindowBold).setSelected(/\*.*\*/.test(format))).getMainDiv().click(function () {
  885.               CT.Window.updateFormat();
  886.               CT.Window.updatePreview();
  887.             }))).append($('<div style="display:inline-block;position:relative;padding:4px;width:auto"/>').append((this.Caps = new CT.Tools.Guicheckbox(CTlang.ColorWindowCaps).setSelected(/%C|%F/.test(format))).getMainDiv().click(function () {
  888.               CT.Window.updateFormat();
  889.               CT.Window.updatePreview();
  890.             }))).append($('<div style="display:inline-block;position:relative;padding:4px;width:45%"/>').append((this.Flip = new CT.Tools.Guicheckbox(CTlang.ColorWindowFlip).setSelected(/%f|%F/.test(format))).getMainDiv().click(function () {
  891.               CT.Window.updateFormat();
  892.               CT.Window.updatePreview();
  893.             }))).append((this.inputFormat = new CT.Tools.Guitextfield('bdfFormat').setValue(format).setSize(14).setReadonly(true)).getMainDiv());
  894.       $((this.selectLoad = (new CT.Tools.GuiSelectbox('topleft-left')).setPosition(42, 10).addListener(function (e) {
  895.             CT.Window.LoadColor(e);
  896.             setTimeout(function () {
  897.               CT.Window.selectLoad.hide();
  898.             }, 0);
  899.           }).setWidth(200).setHeight(300)).elContent).css({
  900.         'overflow-y': 'auto'
  901.       });
  902.       this.selectSave = (new CT.Tools.GuiSelectbox('topleft-left')).setPosition(42).addListener(function (e) {
  903.         CT.Window.SaveColor(e);
  904.         setTimeout(function () {
  905.           CT.Window.selectSave.hide();
  906.         }, 0);
  907.       }).setWidth(200);
  908.       for (var s = 0; s < cList.length; s++)
  909.         this.selectLoad.addItem(cList[s], $('<div style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap">').append($('<span style="display:inline-block;width:19px;height:19px;"/>').css('background', CT.Tools.Degrader(cList[s]))).append(CTlang.ColorLoadListName[s]), CTlang.ColorLoadListName[s]);
  910.       for (s in CT.DATA.Setting.saves)
  911.         this.selectLoad.addItem(s, $('<div>').append($('<span style="display:inline-block;width:19px;height:19px;"/>').css('background', CT.Tools.Degrader(CT.DATA.Setting.saves[s]))).append(s + (CT.DATA.Setting.saves[s] == cList[0] ? ' ' + CTlang.ColorSaveEmpty : '')));
  912.       for (s in CT.DATA.Setting.saves)
  913.         this.selectSave.addItem(s, $('<div>').append($('<span style="display:inline-block;width:19px;height:19px;"/>').css('background', CT.Tools.Degrader(CT.DATA.Setting.saves[s]))).append(s + (CT.DATA.Setting.saves[s] == cList[0] ? ' ' + CTlang.ColorSaveEmpty : '')));
  914.       for (s = 1; s < CTlang.ColorWindowPreviewTxt.length; s++)
  915.         $('<div id="idColorPreview_' + s + '"style="display:inline-block;cursor:pointer" onclick="javascript:CT.Window.SetPreviewColor(\'' + s + '\');"/>').appendTo(e);
  916.       this.customTF = (new CT.Tools.Guitextfield).setSize(30);
  917.       this.test = function () {
  918.         CT.Window.customTest.html(CTlang.CustomNotReady).css('color', 'red');
  919.         v = CT.Window.customTF.getValue();
  920.         if (v.length % 3 == 0 && /[0-9]+/.exec(v) == v) {
  921.           CT.Window.customTest.html(CTlang.CustomReady).css('color', 'green');
  922.           CT.Window.customPrev.css('background', CT.Tools.Degrader(v));
  923.         }
  924.       };
  925.       this.customTF.getField()[0].addEventListener('keyup', this.test);
  926.       this.customPrev = $('<div style="float:left;margin-top:5px;width:19px;height:19px;"/>');
  927.       this.customTest = $('<div style="height:12px;width:120px;"/>');
  928.       this.customTF.divMain.append(this.customPrev, this.customTest);
  929.       this.DefaultButton = (new CT.Tools.Guibutton(CTlang.ColorWindowToDefaultBtn, function () {
  930.           CT.Window.DefaultClick();
  931.         })).appendTo(this.w.getContentPane());
  932.       this.OkButton = (new CT.Tools.Guibutton(CTlang.ColorWindowThisTchatBtn, function () {
  933.           CT.Window.OkClick();
  934.         })).appendTo(this.w.getContentPane());
  935.       this.LoadColor(CT.DATA.Setting.Default.colorTag);
  936.     };
  937.     this.OkClick = function () {
  938.       CT.DATA.Setting.Default = {
  939.         Format: $('#bdfFormat').val(),
  940.         colorTag: this.ColorTag
  941.       };
  942.       CT.DATA.Save();
  943.       CT.Chat.Change = true;
  944.       CT.Chat.ChangeColor();
  945.       new UserMessage(CTlang.saveMessage, 'success').show();
  946.     };
  947.     this.DefaultClick = function () {
  948.       CT.DATA.Setting.Default = {
  949.         Format: '%c',
  950.         colorTag: cList[0]
  951.       };
  952.       CT.DATA.Save();
  953.       CT.Chat.Change = true;
  954.       CT.Chat.ChangeColor();
  955.       this.show();
  956.     };
  957.     this.SetPreviewColor = function (e) {
  958.       if (e == 0) {
  959.         this.ColorTag = this.colorwest(this.ColorPicker.toString());
  960.       } else {
  961.         e--;
  962.         if (e > this.ColorTag.length / 3) {
  963.           this.ColorTag += this.colorwest(this.ColorPicker.toString());
  964.         } else {
  965.           this.ColorTag = this.ColorTag.substring(0, e * 3) + this.colorwest(this.ColorPicker.toString()) + this.ColorTag.substring(e * 3 + 3);
  966.         }
  967.       }
  968.       this.updatePreview();
  969.     };
  970.     this.updateFormat = function () {
  971.       var e = this.Flip.isSelected() ? '%f' : '%c';
  972.       if (this.Caps.isSelected())
  973.         e = e.toUpperCase();
  974.       if (this.Bold.isSelected())
  975.         e = '/111* ' + e + ' /111*';
  976.       $('#bdfFormat').val(e);
  977.     };
  978.     this.updatePreview = function () {
  979.       var flip = this.Flip.isSelected();
  980.       var e = flip ? '%f' : '%c';
  981.       if (this.Bold.isSelected())
  982.         e = e.bold();
  983.       if (this.Caps.isSelected())
  984.         e = e.toUpperCase();
  985.       var n = this.ColorTag + CT.Tools.colorTagInv(this.ColorTag);
  986.       var leng = CTlang.ColorWindowPreviewTxt.length;
  987.       for (var r = 1; r < leng; r++) {
  988.         var i = document.getElementById('idColorPreview_' + r);
  989.         i.style.color = '#' + CT.Tools.colorrgb(n.substring(0, 3));
  990.         var g = flip ? leng - r : r;
  991.         var s = CTlang.ColorWindowPreviewTxt.charAt(g);
  992.         if (s == ' ')
  993.           i.innerHTML = '&nbsp';
  994.         else
  995.           i.innerHTML = e.replace('%c', s).replace('%C', s.toUpperCase()).replace('%f', CT.Chat.flipString(s)).replace('%F', CT.Chat.flipString(s.toUpperCase()));
  996.         n = n.substring(3) + n.substring(0, 3);
  997.       }
  998.       $('#colorWLoadbtn').css('background', CT.Tools.Degrader(this.ColorTag));
  999.       $('#colorWLoadbtn').attr('title', CTlang.ColorLoadTitle + this.ColorTag);
  1000.     };
  1001.     this.SaveColor = function (e) {
  1002.       CT.DATA.Setting.saves[e] = this.ColorTag;
  1003.       for (var i in this.selectLoad.items) {
  1004.         if (this.selectLoad.items[i].value == e) {
  1005.           $(this.selectLoad.items[i].node[0].firstChild).css('background', CT.Tools.Degrader(CT.DATA.Setting.saves[e]));
  1006.           this.selectLoad.items[i].node[0].lastChild.textContent = e + (CT.DATA.Setting.saves[e] == cList[0] ? ' ' + CTlang.ColorSaveEmpty : '');
  1007.         }
  1008.         if (typeof this.selectSave.items[i] !== 'undefined')
  1009.           if (this.selectSave.items[i].value == e) {
  1010.             $(this.selectSave.items[i].node[0].firstChild).css('background', CT.Tools.Degrader(CT.DATA.Setting.saves[e]));
  1011.             this.selectSave.items[i].node[0].lastChild.textContent = e + (CT.DATA.Setting.saves[e] == cList[0] ? ' ' + CTlang.ColorSaveEmpty : '');
  1012.           }
  1013.       }
  1014.       this.updateFormat();
  1015.       CT.DATA.Save();
  1016.     };
  1017.     this.LoadColor = function (e) {
  1018.       if (/save/.test(e)) {
  1019.         e = CT.DATA.Setting.saves[e];
  1020.       }
  1021.       if (e == 'custom') {
  1022.         this.customTF.setValue(this.ColorTag);
  1023.         this.test();
  1024.         (new CT.Tools.Guidialog(CTlang.ColorLoadListName[1], this.customTF.getMainDiv(), 'question')).addButton(CTlang.ColorWindowOkBtn, function () {
  1025.           var e = CT.Window.customTF.getValue();
  1026.           if (e.length % 3 == 0 && /[0-9]+/.exec(e) == e)
  1027.             CT.Window.LoadColor(e);
  1028.         }).addButton('cancel').show();
  1029.         return;
  1030.       }
  1031.       this.ColorPicker.fromString('#' + CT.Tools.colorrgb(e.substring(0, 3)));
  1032.       this.ColorTag = e;
  1033.       this.updateFormat();
  1034.       this.updatePreview();
  1035.     };
  1036.     this.colorwest = function (e) {
  1037.       Wr = (parseInt(e.substring(0, 2), 16) / 255 * 9).toFixed();
  1038.       Wg = (parseInt(e.substring(2, 4), 16) / 255 * 9).toFixed();
  1039.       Wb = (parseInt(e.substring(4), 16) / 255 * 9).toFixed();
  1040.       return Wr + Wg + Wb;
  1041.     };
  1042.   };
  1043.   $('head').append($('<style id=\'colorTxtStyle\' />'));
  1044.   $('head').append($('<style id=\'colorTxtStyleTmp\' />'));
  1045.   $('#colorTxtStyle').append('div.tw2gui_window.chat div.chat_room div.chat_input div.cbg {right: 65px}\n');
  1046.   $('#colorTxtStyle').append('div.tw2gui_window.chat div.chat_room div.chat_input a.speak {right: 25px}\n');
  1047.   CT.initInterval = setInterval(function () {
  1048.       CT.Chat.init();
  1049.     }, 200);
  1050.   var jscolor = {
  1051.     dir: 'https://tomrobert.safe-ws.de/',
  1052.     bindClass: 'color',
  1053.     binding: true,
  1054.     preloading: true,
  1055.     install: function () {
  1056.       jscolor.addEvent(window, 'load', jscolor.init);
  1057.     },
  1058.     init: function () {
  1059.       if (jscolor.binding) {
  1060.         jscolor.bind();
  1061.       }
  1062.       if (jscolor.preloading) {
  1063.         jscolor.preload();
  1064.       }
  1065.     },
  1066.     getDir: function () {
  1067.       if (!jscolor.dir) {
  1068.         var detected = jscolor.detectDir();
  1069.         jscolor.dir = detected !== false ? detected : 'jscolor/';
  1070.       }
  1071.       return jscolor.dir;
  1072.     },
  1073.     detectDir: function () {
  1074.       var base = location.href;
  1075.       var e = document.getElementsByTagName('base');
  1076.       for (var i = 0; i < e.length; i += 1) {
  1077.         if (e[i].href) {
  1078.           base = e[i].href;
  1079.         }
  1080.       }
  1081.       var e = document.getElementsByTagName('script');
  1082.       for (var i = 0; i < e.length; i += 1) {
  1083.         if (e[i].src && /(^|\/)jscolor\.js([?#].*)?$/i.test(e[i].src)) {
  1084.           var src = new jscolor.URI(e[i].src);
  1085.           var srcAbs = src.toAbsolute(base);
  1086.           srcAbs.path = srcAbs.path.replace(/[^\/]+$/, '');
  1087.           srcAbs.query = null;
  1088.           srcAbs.fragment = null;
  1089.           return srcAbs.toString();
  1090.         }
  1091.       }
  1092.       return false;
  1093.     },
  1094.     bind: function () {
  1095.       var matchClass = new RegExp('(^|\\s)(' + jscolor.bindClass + ')(\\s*(\\{[^}]*\\})|\\s|$)', 'i');
  1096.       var e = document.getElementsByTagName('input');
  1097.       for (var i = 0; i < e.length; i += 1) {
  1098.         if (jscolor.isColorAttrSupported && e[i].type.toLowerCase() == 'color') {
  1099.           continue;
  1100.         }
  1101.         var m;
  1102.         if (!e[i].color && e[i].className && (m = e[i].className.match(matchClass))) {
  1103.           var prop = {};
  1104.           if (m[4]) {
  1105.             try {
  1106.               prop = (new Function('return (' + m[4] + ')'))();
  1107.             } catch (eInvalidProp) {}
  1108.           }
  1109.           e[i].color = new jscolor.color(e[i], prop);
  1110.         }
  1111.       }
  1112.     },
  1113.     preload: function () {
  1114.       for (var fn in jscolor.imgRequire) {
  1115.         if (jscolor.imgRequire.hasOwnProperty(fn)) {
  1116.           jscolor.loadImage(fn);
  1117.         }
  1118.       }
  1119.     },
  1120.     images: {
  1121.       pad: [181, 101],
  1122.       sld: [16, 101],
  1123.       cross: [15, 15],
  1124.       arrow: [7, 11]
  1125.     },
  1126.     imgRequire: {},
  1127.     imgLoaded: {},
  1128.     requireImage: function (filename) {
  1129.       jscolor.imgRequire[filename] = true;
  1130.     },
  1131.     loadImage: function (filename) {
  1132.       if (!jscolor.imgLoaded[filename]) {
  1133.         jscolor.imgLoaded[filename] = new Image();
  1134.         jscolor.imgLoaded[filename].src = jscolor.getDir() + filename;
  1135.       }
  1136.     },
  1137.     fetchElement: function (mixed) {
  1138.       return typeof mixed === 'string' ? document.getElementById(mixed) : mixed;
  1139.     },
  1140.     addEvent: function (el, evnt, func) {
  1141.       if (el.addEventListener) {
  1142.         el.addEventListener(evnt, func, false);
  1143.       } else if (el.attachEvent) {
  1144.         el.attachEvent('on' + evnt, func);
  1145.       }
  1146.     },
  1147.     fireEvent: function (el, evnt) {
  1148.       if (!el) {
  1149.         return;
  1150.       }
  1151.       if (document.createEvent) {
  1152.         var ev = document.createEvent('HTMLEvents');
  1153.         ev.initEvent(evnt, true, true);
  1154.         el.dispatchEvent(ev);
  1155.       } else if (document.createEventObject) {
  1156.         var ev = document.createEventObject();
  1157.         el.fireEvent('on' + evnt, ev);
  1158.       } else if (el['on' + evnt]) {
  1159.         el['on' + evnt]();
  1160.       }
  1161.     },
  1162.     getElementPos: function (e) {
  1163.       var e1 = e,
  1164.       e2 = e;
  1165.       var x = 0,
  1166.       y = 0;
  1167.       if (e1.offsetParent) {
  1168.         do {
  1169.           x += e1.offsetLeft;
  1170.           y += e1.offsetTop;
  1171.         } while (e1 = e1.offsetParent);
  1172.       }
  1173.       while ((e2 = e2.parentNode) && e2.nodeName.toUpperCase() !== 'BODY') {
  1174.         x -= e2.scrollLeft;
  1175.         y -= e2.scrollTop;
  1176.       }
  1177.       return [x, y];
  1178.     },
  1179.     getElementSize: function (e) {
  1180.       return [e.offsetWidth, e.offsetHeight];
  1181.     },
  1182.     getRelMousePos: function (e) {
  1183.       var x = 0,
  1184.       y = 0;
  1185.       if (!e) {
  1186.         e = window.event;
  1187.       }
  1188.       if (typeof e.offsetX === 'number') {
  1189.         x = e.offsetX;
  1190.         y = e.offsetY;
  1191.       } else if (typeof e.layerX === 'number') {
  1192.         x = e.layerX;
  1193.         y = e.layerY;
  1194.       }
  1195.       return {
  1196.         x: x,
  1197.         y: y
  1198.       };
  1199.     },
  1200.     getViewPos: function () {
  1201.       if (typeof window.pageYOffset === 'number') {
  1202.         return [window.pageXOffset, window.pageYOffset];
  1203.       } else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
  1204.         return [document.body.scrollLeft, document.body.scrollTop];
  1205.       } else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
  1206.         return [document.documentElement.scrollLeft, document.documentElement.scrollTop];
  1207.       } else {
  1208.         return [0, 0];
  1209.       }
  1210.     },
  1211.     getViewSize: function () {
  1212.       if (typeof window.innerWidth === 'number') {
  1213.         return [window.innerWidth, window.innerHeight];
  1214.       } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
  1215.         return [document.body.clientWidth, document.body.clientHeight];
  1216.       } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
  1217.         return [document.documentElement.clientWidth, document.documentElement.clientHeight];
  1218.       } else {
  1219.         return [0, 0];
  1220.       }
  1221.     },
  1222.     URI: function (uri) {
  1223.       this.scheme = null;
  1224.       this.authority = null;
  1225.       this.path = '';
  1226.       this.query = null;
  1227.       this.fragment = null;
  1228.       this.parse = function (uri) {
  1229.         var m = uri.match(/^(([A-Za-z][0-9A-Za-z+.-]*)(:))?((\/\/)([^\/?#]*))?([^?#]*)((\?)([^#]*))?((#)(.*))?/);
  1230.         this.scheme = m[3] ? m[2] : null;
  1231.         this.authority = m[5] ? m[6] : null;
  1232.         this.path = m[7];
  1233.         this.query = m[9] ? m[10] : null;
  1234.         this.fragment = m[12] ? m[13] : null;
  1235.         return this;
  1236.       };
  1237.       this.toString = function () {
  1238.         var result = '';
  1239.         if (this.scheme !== null) {
  1240.           result = result + this.scheme + ':';
  1241.         }
  1242.         if (this.authority !== null) {
  1243.           result = result + '//' + this.authority;
  1244.         }
  1245.         if (this.path !== null) {
  1246.           result = result + this.path;
  1247.         }
  1248.         if (this.query !== null) {
  1249.           result = result + '?' + this.query;
  1250.         }
  1251.         if (this.fragment !== null) {
  1252.           result = result + '#' + this.fragment;
  1253.         }
  1254.         return result;
  1255.       };
  1256.       this.toAbsolute = function (base) {
  1257.         var base = new jscolor.URI(base);
  1258.         var r = this;
  1259.         var t = new jscolor.URI;
  1260.         if (base.scheme === null) {
  1261.           return false;
  1262.         }
  1263.         if (r.scheme !== null && r.scheme.toLowerCase() === base.scheme.toLowerCase()) {
  1264.           r.scheme = null;
  1265.         }
  1266.         if (r.scheme !== null) {
  1267.           t.scheme = r.scheme;
  1268.           t.authority = r.authority;
  1269.           t.path = removeDotSegments(r.path);
  1270.           t.query = r.query;
  1271.         } else {
  1272.           if (r.authority !== null) {
  1273.             t.authority = r.authority;
  1274.             t.path = removeDotSegments(r.path);
  1275.             t.query = r.query;
  1276.           } else {
  1277.             if (r.path === '') {
  1278.               t.path = base.path;
  1279.               if (r.query !== null) {
  1280.                 t.query = r.query;
  1281.               } else {
  1282.                 t.query = base.query;
  1283.               }
  1284.             } else {
  1285.               if (r.path.substr(0, 1) === '/') {
  1286.                 t.path = removeDotSegments(r.path);
  1287.               } else {
  1288.                 if (base.authority !== null && base.path === '') {
  1289.                   t.path = '/' + r.path;
  1290.                 } else {
  1291.                   t.path = base.path.replace(/[^\/]+$/, '') + r.path;
  1292.                 }
  1293.                 t.path = removeDotSegments(t.path);
  1294.               }
  1295.               t.query = r.query;
  1296.             }
  1297.             t.authority = base.authority;
  1298.           }
  1299.           t.scheme = base.scheme;
  1300.         }
  1301.         t.fragment = r.fragment;
  1302.         return t;
  1303.       };
  1304.       function removeDotSegments(path) {
  1305.         var out = '';
  1306.         while (path) {
  1307.           if (path.substr(0, 3) === '../' || path.substr(0, 2) === './') {
  1308.             path = path.replace(/^\.+/, '').substr(1);
  1309.           } else if (path.substr(0, 3) === '/./' || path === '/.') {
  1310.             path = '/' + path.substr(3);
  1311.           } else if (path.substr(0, 4) === '/../' || path === '/..') {
  1312.             path = '/' + path.substr(4);
  1313.             out = out.replace(/\/?[^\/]*$/, '');
  1314.           } else if (path === '.' || path === '..') {
  1315.             path = '';
  1316.           } else {
  1317.             var rm = path.match(/^\/?[^\/]*/)[0];
  1318.             path = path.substr(rm.length);
  1319.             out = out + rm;
  1320.           }
  1321.         }
  1322.         return out;
  1323.       }
  1324.       if (uri) {
  1325.         this.parse(uri);
  1326.       }
  1327.     },
  1328.     color: function (target, prop) {
  1329.       this.required = true;
  1330.       this.adjust = true;
  1331.       this.hash = false;
  1332.       this.caps = true;
  1333.       this.slider = true;
  1334.       this.valueElement = target;
  1335.       this.styleElement = target;
  1336.       this.onImmediateChange = null;
  1337.       this.hsv = [0, 0, 1];
  1338.       this.rgb = [1, 1, 1];
  1339.       this.minH = 0;
  1340.       this.maxH = 6;
  1341.       this.minS = 0;
  1342.       this.maxS = 1;
  1343.       this.minV = 0;
  1344.       this.maxV = 1;
  1345.       this.pickerOnfocus = true;
  1346.       this.pickerMode = 'HSV';
  1347.       this.pickerPosition = 'bottom';
  1348.       this.pickerSmartPosition = true;
  1349.       this.pickerFixedPosition = false;
  1350.       this.pickerButtonHeight = 20;
  1351.       this.pickerClosable = false;
  1352.       this.pickerCloseText = 'Close';
  1353.       this.pickerButtonColor = 'ButtonText';
  1354.       this.pickerFace = 10;
  1355.       this.pickerFaceColor = 'ThreeDFace';
  1356.       this.pickerBorder = 1;
  1357.       this.pickerBorderColor = 'ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight';
  1358.       this.pickerInset = 1;
  1359.       this.pickerInsetColor = 'ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow';
  1360.       this.pickerZIndex = 10000;
  1361.       for (var p in prop) {
  1362.         if (prop.hasOwnProperty(p)) {
  1363.           this[p] = prop[p];
  1364.         }
  1365.       }
  1366.       this.hidePicker = function () {
  1367.         if (isPickerOwner()) {
  1368.           removePicker();
  1369.         }
  1370.       };
  1371.       this.showPicker = function () {
  1372.         if (!isPickerOwner()) {
  1373.           var tp = jscolor.getElementPos(target);
  1374.           var ts = jscolor.getElementSize(target);
  1375.           var vp = jscolor.getViewPos();
  1376.           var vs = jscolor.getViewSize();
  1377.           var ps = getPickerDims(this);
  1378.           var a,
  1379.           b,
  1380.           c;
  1381.           switch (this.pickerPosition.toLowerCase()) {
  1382.           case 'left':
  1383.             a = 1;
  1384.             b = 0;
  1385.             c = -1;
  1386.             break;
  1387.           case 'right':
  1388.             a = 1;
  1389.             b = 0;
  1390.             c = 1;
  1391.             break;
  1392.           case 'top':
  1393.             a = 0;
  1394.             b = 1;
  1395.             c = -1;
  1396.             break;
  1397.           default:
  1398.             a = 0;
  1399.             b = 1;
  1400.             c = 1;
  1401.             break;
  1402.           }
  1403.           var l = (ts[b] + ps[b]) / 2;
  1404.           if (!this.pickerSmartPosition) {
  1405.             var pp = [tp[a], tp[b] + ts[b] - l + l * c];
  1406.           } else {
  1407.             var pp = [-vp[a] + tp[a] + ps[a] > vs[a] ? (-vp[a] + tp[a] + ts[a] / 2 > vs[a] / 2 && tp[a] + ts[a] - ps[a] >= 0 ? tp[a] + ts[a] - ps[a] : tp[a]) : tp[a], -vp[b] + tp[b] + ts[b] + ps[b] - l + l * c > vs[b] ? (-vp[b] + tp[b] + ts[b] / 2 > vs[b] / 2 && tp[b] + ts[b] - l - l * c >= 0 ? tp[b] + ts[b] - l - l * c : tp[b] + ts[b] - l + l * c) : (tp[b] + ts[b] - l + l * c >= 0 ? tp[b] + ts[b] - l + l * c : tp[b] + ts[b] - l - l * c)];
  1408.           }
  1409.           drawPicker(pp[a], pp[b]);
  1410.         }
  1411.       };
  1412.       this.importColor = function () {
  1413.         if (!valueElement) {
  1414.           this.exportColor();
  1415.         } else {
  1416.           if (!this.adjust) {
  1417.             if (!this.fromString(valueElement.value, leaveValue)) {
  1418.               styleElement.style.backgroundImage = styleElement.jscStyle.backgroundImage;
  1419.               styleElement.style.backgroundColor = styleElement.jscStyle.backgroundColor;
  1420.               styleElement.style.color = styleElement.jscStyle.color;
  1421.               this.exportColor(leaveValue | leaveStyle);
  1422.             }
  1423.           } else if (!this.required && /^\s*$/.test(valueElement.value)) {
  1424.             valueElement.value = '';
  1425.             styleElement.style.backgroundImage = styleElement.jscStyle.backgroundImage;
  1426.             styleElement.style.backgroundColor = styleElement.jscStyle.backgroundColor;
  1427.             styleElement.style.color = styleElement.jscStyle.color;
  1428.             this.exportColor(leaveValue | leaveStyle);
  1429.           } else if (this.fromString(valueElement.value)) {}
  1430.           else {
  1431.             this.exportColor();
  1432.           }
  1433.         }
  1434.       };
  1435.       this.exportColor = function (flags) {
  1436.         if (!(flags & leaveValue) && valueElement) {
  1437.           var value = this.toString();
  1438.           if (this.caps) {
  1439.             value = value.toUpperCase();
  1440.           }
  1441.           if (this.hash) {
  1442.             value = '#' + value;
  1443.           }
  1444.           valueElement.value = value;
  1445.         }
  1446.         if (!(flags & leaveStyle) && styleElement) {
  1447.           styleElement.style.backgroundImage = 'none';
  1448.           styleElement.style.backgroundColor = '#' + this.toString();
  1449.           styleElement.style.color = 0.213 * this.rgb[0] +
  1450.             0.715 * this.rgb[1] +
  1451.             0.072 * this.rgb[2] < 0.5 ? '#FFF' : '#000';
  1452.         }
  1453.         if (!(flags & leavePad) && isPickerOwner()) {
  1454.           redrawPad();
  1455.         }
  1456.         if (!(flags & leaveSld) && isPickerOwner()) {
  1457.           redrawSld();
  1458.         }
  1459.       };
  1460.       this.fromHSV = function (h, s, v, flags) {
  1461.         if (h !== null) {
  1462.           h = Math.max(0, this.minH, Math.min(6, this.maxH, h));
  1463.         }
  1464.         if (s !== null) {
  1465.           s = Math.max(0, this.minS, Math.min(1, this.maxS, s));
  1466.         }
  1467.         if (v !== null) {
  1468.           v = Math.max(0, this.minV, Math.min(1, this.maxV, v));
  1469.         }
  1470.         this.rgb = HSV_RGB(h === null ? this.hsv[0] : (this.hsv[0] = h), s === null ? this.hsv[1] : (this.hsv[1] = s), v === null ? this.hsv[2] : (this.hsv[2] = v));
  1471.         this.exportColor(flags);
  1472.       };
  1473.       this.fromRGB = function (r, g, b, flags) {
  1474.         if (r !== null) {
  1475.           r = Math.max(0, Math.min(1, r));
  1476.         }
  1477.         if (g !== null) {
  1478.           g = Math.max(0, Math.min(1, g));
  1479.         }
  1480.         if (b !== null) {
  1481.           b = Math.max(0, Math.min(1, b));
  1482.         }
  1483.         var hsv = RGB_HSV(r === null ? this.rgb[0] : r, g === null ? this.rgb[1] : g, b === null ? this.rgb[2] : b);
  1484.         if (hsv[0] !== null) {
  1485.           this.hsv[0] = Math.max(0, this.minH, Math.min(6, this.maxH, hsv[0]));
  1486.         }
  1487.         if (hsv[2] !== 0) {
  1488.           this.hsv[1] = hsv[1] === null ? null : Math.max(0, this.minS, Math.min(1, this.maxS, hsv[1]));
  1489.         }
  1490.         this.hsv[2] = hsv[2] === null ? null : Math.max(0, this.minV, Math.min(1, this.maxV, hsv[2]));
  1491.         var rgb = HSV_RGB(this.hsv[0], this.hsv[1], this.hsv[2]);
  1492.         this.rgb[0] = rgb[0];
  1493.         this.rgb[1] = rgb[1];
  1494.         this.rgb[2] = rgb[2];
  1495.         this.exportColor(flags);
  1496.       };
  1497.       this.fromString = function (hex, flags) {
  1498.         var m = hex.match(/^\W*([0-9A-F]{3}([0-9A-F]{3})?)\W*$/i);
  1499.         if (!m) {
  1500.           return false;
  1501.         } else {
  1502.           if (m[1].length === 6) {
  1503.             this.fromRGB(parseInt(m[1].substr(0, 2), 16) / 255, parseInt(m[1].substr(2, 2), 16) / 255, parseInt(m[1].substr(4, 2), 16) / 255, flags);
  1504.           } else {
  1505.             this.fromRGB(parseInt(m[1].charAt(0) + m[1].charAt(0), 16) / 255, parseInt(m[1].charAt(1) + m[1].charAt(1), 16) / 255, parseInt(m[1].charAt(2) + m[1].charAt(2), 16) / 255, flags);
  1506.           }
  1507.           return true;
  1508.         }
  1509.       };
  1510.       this.toString = function () {
  1511.         return ((256 | Math.round(255 * this.rgb[0])).toString(16).substr(1) + (256 | Math.round(255 * this.rgb[1])).toString(16).substr(1) + (256 | Math.round(255 * this.rgb[2])).toString(16).substr(1));
  1512.       };
  1513.       function RGB_HSV(r, g, b) {
  1514.         var n = Math.min(Math.min(r, g), b);
  1515.         var v = Math.max(Math.max(r, g), b);
  1516.         var m = v - n;
  1517.         if (m === 0) {
  1518.           return [null, 0, v];
  1519.         }
  1520.         var h = r === n ? 3 + (b - g) / m : (g === n ? 5 + (r - b) / m : 1 + (g - r) / m);
  1521.         return [h === 6 ? 0 : h, m / v, v];
  1522.       }
  1523.       function HSV_RGB(h, s, v) {
  1524.         if (h === null) {
  1525.           return [v, v, v];
  1526.         }
  1527.         var i = Math.floor(h);
  1528.         var f = i % 2 ? h - i : 1 - (h - i);
  1529.         var m = v * (1 - s);
  1530.         var n = v * (1 - s * f);
  1531.         switch (i) {
  1532.         case 6:
  1533.         case 0:
  1534.           return [v, n, m];
  1535.         case 1:
  1536.           return [n, v, m];
  1537.         case 2:
  1538.           return [m, v, n];
  1539.         case 3:
  1540.           return [m, n, v];
  1541.         case 4:
  1542.           return [n, m, v];
  1543.         case 5:
  1544.           return [v, m, n];
  1545.         }
  1546.       }
  1547.       function removePicker() {
  1548.         delete jscolor.picker.owner;
  1549.         document.getElementsByTagName('body')[0].removeChild(jscolor.picker.boxB);
  1550.       }
  1551.       function drawPicker(x, y) {
  1552.         if (!jscolor.picker) {
  1553.           jscolor.picker = {
  1554.             box: document.createElement('div'),
  1555.             boxB: document.createElement('div'),
  1556.             pad: document.createElement('div'),
  1557.             padB: document.createElement('div'),
  1558.             padM: document.createElement('div'),
  1559.             sld: document.createElement('div'),
  1560.             sldB: document.createElement('div'),
  1561.             sldM: document.createElement('div'),
  1562.             btn: document.createElement('div'),
  1563.             btnS: document.createElement('span'),
  1564.             btnT: document.createTextNode(THIS.pickerCloseText)
  1565.           };
  1566.           for (var i = 0, segSize = 4; i < jscolor.images.sld[1]; i += segSize) {
  1567.             var seg = document.createElement('div');
  1568.             seg.style.height = segSize + 'px';
  1569.             seg.style.fontSize = '1px';
  1570.             seg.style.lineHeight = '0';
  1571.             jscolor.picker.sld.appendChild(seg);
  1572.           }
  1573.           jscolor.picker.sldB.appendChild(jscolor.picker.sld);
  1574.           jscolor.picker.box.appendChild(jscolor.picker.sldB);
  1575.           jscolor.picker.box.appendChild(jscolor.picker.sldM);
  1576.           jscolor.picker.padB.appendChild(jscolor.picker.pad);
  1577.           jscolor.picker.box.appendChild(jscolor.picker.padB);
  1578.           jscolor.picker.box.appendChild(jscolor.picker.padM);
  1579.           jscolor.picker.btnS.appendChild(jscolor.picker.btnT);
  1580.           jscolor.picker.btn.appendChild(jscolor.picker.btnS);
  1581.           jscolor.picker.box.appendChild(jscolor.picker.btn);
  1582.           jscolor.picker.boxB.appendChild(jscolor.picker.box);
  1583.         }
  1584.         var p = jscolor.picker;
  1585.         p.box.onmouseup = p.box.onmouseout = function () {
  1586.           target.focus();
  1587.         };
  1588.         p.box.onmousedown = function () {
  1589.           abortBlur = true;
  1590.         };
  1591.         p.box.onmousemove = function (e) {
  1592.           if (holdPad || holdSld) {
  1593.             holdPad && setPad(e);
  1594.             holdSld && setSld(e);
  1595.             if (document.selection) {
  1596.               document.selection.empty();
  1597.             } else if (window.getSelection) {
  1598.               window.getSelection().removeAllRanges();
  1599.             }
  1600.             dispatchImmediateChange();
  1601.           }
  1602.         };
  1603.         if ('ontouchstart' in window) {
  1604.           var handle_touchmove = function (e) {
  1605.             var event = {
  1606.               'offsetX': e.touches[0].pageX - touchOffset.X,
  1607.               'offsetY': e.touches[0].pageY - touchOffset.Y
  1608.             };
  1609.             if (holdPad || holdSld) {
  1610.               holdPad && setPad(event);
  1611.               holdSld && setSld(event);
  1612.               dispatchImmediateChange();
  1613.             }
  1614.             e.stopPropagation();
  1615.             e.preventDefault();
  1616.           };
  1617.           p.box.removeEventListener('touchmove', handle_touchmove, false)
  1618.           p.box.addEventListener('touchmove', handle_touchmove, false)
  1619.         }
  1620.         p.padM.onmouseup = p.padM.onmouseout = function () {
  1621.           if (holdPad) {
  1622.             holdPad = false;
  1623.             jscolor.fireEvent(valueElement, 'change');
  1624.           }
  1625.         };
  1626.         p.padM.onmousedown = function (e) {
  1627.           switch (modeID) {
  1628.           case 0:
  1629.             if (THIS.hsv[2] === 0) {
  1630.               THIS.fromHSV(null, null, 1);
  1631.             };
  1632.             break;
  1633.           case 1:
  1634.             if (THIS.hsv[1] === 0) {
  1635.               THIS.fromHSV(null, 1, null);
  1636.             };
  1637.             break;
  1638.           }
  1639.           holdSld = false;
  1640.           holdPad = true;
  1641.           setPad(e);
  1642.           dispatchImmediateChange();
  1643.         };
  1644.         if ('ontouchstart' in window) {
  1645.           p.padM.addEventListener('touchstart', function (e) {
  1646.             touchOffset = {
  1647.               'X': e.target.offsetParent.offsetLeft,
  1648.               'Y': e.target.offsetParent.offsetTop
  1649.             };
  1650.             this.onmousedown({
  1651.               'offsetX': e.touches[0].pageX - touchOffset.X,
  1652.               'offsetY': e.touches[0].pageY - touchOffset.Y
  1653.             });
  1654.           });
  1655.         }
  1656.         p.sldM.onmouseup = p.sldM.onmouseout = function () {
  1657.           if (holdSld) {
  1658.             holdSld = false;
  1659.             jscolor.fireEvent(valueElement, 'change');
  1660.           }
  1661.         };
  1662.         p.sldM.onmousedown = function (e) {
  1663.           holdPad = false;
  1664.           holdSld = true;
  1665.           setSld(e);
  1666.           dispatchImmediateChange();
  1667.         };
  1668.         if ('ontouchstart' in window) {
  1669.           p.sldM.addEventListener('touchstart', function (e) {
  1670.             touchOffset = {
  1671.               'X': e.target.offsetParent.offsetLeft,
  1672.               'Y': e.target.offsetParent.offsetTop
  1673.             };
  1674.             this.onmousedown({
  1675.               'offsetX': e.touches[0].pageX - touchOffset.X,
  1676.               'offsetY': e.touches[0].pageY - touchOffset.Y
  1677.             });
  1678.           });
  1679.         }
  1680.         var dims = getPickerDims(THIS);
  1681.         p.box.style.width = dims[0] + 'px';
  1682.         p.box.style.height = dims[1] + 'px';
  1683.         p.boxB.style.position = THIS.pickerFixedPosition ? 'fixed' : 'absolute';
  1684.         p.boxB.style.left = x + 'px';
  1685.         p.boxB.style.top = y + 'px';
  1686.         p.boxB.style.zIndex = THIS.pickerZIndex;
  1687.         p.boxB.style.border = THIS.pickerBorder + 'px solid';
  1688.         p.boxB.style.borderColor = THIS.pickerBorderColor;
  1689.         p.boxB.style.background = THIS.pickerFaceColor;
  1690.         p.pad.style.width = jscolor.images.pad[0] + 'px';
  1691.         p.pad.style.height = jscolor.images.pad[1] + 'px';
  1692.         p.padB.style.position = 'absolute';
  1693.         p.padB.style.left = THIS.pickerFace + 'px';
  1694.         p.padB.style.top = THIS.pickerFace + 'px';
  1695.         p.padB.style.border = THIS.pickerInset + 'px solid';
  1696.         p.padB.style.borderColor = THIS.pickerInsetColor;
  1697.         p.padM.style.position = 'absolute';
  1698.         p.padM.style.left = '0';
  1699.         p.padM.style.top = '0';
  1700.         p.padM.style.width = THIS.pickerFace + 2 * THIS.pickerInset + jscolor.images.pad[0] + jscolor.images.arrow[0] + 'px';
  1701.         p.padM.style.height = p.box.style.height;
  1702.         p.padM.style.cursor = 'crosshair';
  1703.         p.sld.style.overflow = 'hidden';
  1704.         p.sld.style.width = jscolor.images.sld[0] + 'px';
  1705.         p.sld.style.height = jscolor.images.sld[1] + 'px';
  1706.         p.sldB.style.display = THIS.slider ? 'block' : 'none';
  1707.         p.sldB.style.position = 'absolute';
  1708.         p.sldB.style.right = THIS.pickerFace + 'px';
  1709.         p.sldB.style.top = THIS.pickerFace + 'px';
  1710.         p.sldB.style.border = THIS.pickerInset + 'px solid';
  1711.         p.sldB.style.borderColor = THIS.pickerInsetColor;
  1712.         p.sldM.style.display = THIS.slider ? 'block' : 'none';
  1713.         p.sldM.style.position = 'absolute';
  1714.         p.sldM.style.right = '0';
  1715.         p.sldM.style.top = '0';
  1716.         p.sldM.style.width = jscolor.images.sld[0] + jscolor.images.arrow[0] + THIS.pickerFace + 2 * THIS.pickerInset + 'px';
  1717.         p.sldM.style.height = p.box.style.height;
  1718.         try {
  1719.           p.sldM.style.cursor = 'pointer';
  1720.         } catch (eOldIE) {
  1721.           p.sldM.style.cursor = 'hand';
  1722.         }
  1723.         function setBtnBorder() {
  1724.           var insetColors = THIS.pickerInsetColor.split(/\s+/);
  1725.           var pickerOutsetColor = insetColors.length < 2 ? insetColors[0] : insetColors[1] + ' ' + insetColors[0] + ' ' + insetColors[0] + ' ' + insetColors[1];
  1726.           p.btn.style.borderColor = pickerOutsetColor;
  1727.         }
  1728.         p.btn.style.display = THIS.pickerClosable ? 'block' : 'none';
  1729.         p.btn.style.position = 'absolute';
  1730.         p.btn.style.left = THIS.pickerFace + 'px';
  1731.         p.btn.style.bottom = THIS.pickerFace + 'px';
  1732.         p.btn.style.padding = '0 15px';
  1733.         p.btn.style.height = '18px';
  1734.         p.btn.style.border = THIS.pickerInset + 'px solid';
  1735.         setBtnBorder();
  1736.         p.btn.style.color = THIS.pickerButtonColor;
  1737.         p.btn.style.font = '12px sans-serif';
  1738.         p.btn.style.textAlign = 'center';
  1739.         try {
  1740.           p.btn.style.cursor = 'pointer';
  1741.         } catch (eOldIE) {
  1742.           p.btn.style.cursor = 'hand';
  1743.         }
  1744.         p.btn.onmousedown = function () {
  1745.           THIS.hidePicker();
  1746.         };
  1747.         p.btnS.style.lineHeight = p.btn.style.height;
  1748.         switch (modeID) {
  1749.         case 0:
  1750.           var padImg = 'hs.png';
  1751.           break;
  1752.         case 1:
  1753.           var padImg = 'hv.png';
  1754.           break;
  1755.         }
  1756.         p.padM.style.backgroundImage = 'url(\'' + jscolor.getDir() + 'cross.gif\')';
  1757.         p.padM.style.backgroundRepeat = 'no-repeat';
  1758.         p.sldM.style.backgroundImage = 'url(\'' + jscolor.getDir() + 'arrow.gif\')';
  1759.         p.sldM.style.backgroundRepeat = 'no-repeat';
  1760.         p.pad.style.backgroundImage = 'url(\'' + jscolor.getDir() + padImg + '\')';
  1761.         p.pad.style.backgroundRepeat = 'no-repeat';
  1762.         p.pad.style.backgroundPosition = '0 0';
  1763.         redrawPad();
  1764.         redrawSld();
  1765.         jscolor.picker.owner = THIS;
  1766.         document.getElementsByTagName('body')[0].appendChild(p.boxB);
  1767.       }
  1768.       function getPickerDims(o) {
  1769.         var dims = [2 * o.pickerInset + 2 * o.pickerFace + jscolor.images.pad[0] + (o.slider ? 2 * o.pickerInset + 2 * jscolor.images.arrow[0] + jscolor.images.sld[0] : 0), o.pickerClosable ? 4 * o.pickerInset + 3 * o.pickerFace + jscolor.images.pad[1] + o.pickerButtonHeight : 2 * o.pickerInset + 2 * o.pickerFace + jscolor.images.pad[1]];
  1770.         return dims;
  1771.       }
  1772.       function redrawPad() {
  1773.         switch (modeID) {
  1774.         case 0:
  1775.           var yComponent = 1;
  1776.           break;
  1777.         case 1:
  1778.           var yComponent = 2;
  1779.           break;
  1780.         }
  1781.         var x = Math.round((THIS.hsv[0] / 6) * (jscolor.images.pad[0] - 1));
  1782.         var y = Math.round((1 - THIS.hsv[yComponent]) * (jscolor.images.pad[1] - 1));
  1783.         jscolor.picker.padM.style.backgroundPosition = (THIS.pickerFace + THIS.pickerInset + x - Math.floor(jscolor.images.cross[0] / 2)) + 'px ' + (THIS.pickerFace + THIS.pickerInset + y - Math.floor(jscolor.images.cross[1] / 2)) + 'px';
  1784.         var seg = jscolor.picker.sld.childNodes;
  1785.         switch (modeID) {
  1786.         case 0:
  1787.           var rgb = HSV_RGB(THIS.hsv[0], THIS.hsv[1], 1);
  1788.           for (var i = 0; i < seg.length; i += 1) {
  1789.             seg[i].style.backgroundColor = 'rgb(' + (rgb[0] * (1 - i / seg.length) * 100) + '%,' + (rgb[1] * (1 - i / seg.length) * 100) + '%,' + (rgb[2] * (1 - i / seg.length) * 100) + '%)';
  1790.           }
  1791.           break;
  1792.         case 1:
  1793.           var rgb,
  1794.           s,
  1795.           c = [THIS.hsv[2], 0, 0];
  1796.           var i = Math.floor(THIS.hsv[0]);
  1797.           var f = i % 2 ? THIS.hsv[0] - i : 1 - (THIS.hsv[0] - i);
  1798.           switch (i) {
  1799.           case 6:
  1800.           case 0:
  1801.             rgb = [0, 1, 2];
  1802.             break;
  1803.           case 1:
  1804.             rgb = [1, 0, 2];
  1805.             break;
  1806.           case 2:
  1807.             rgb = [2, 0, 1];
  1808.             break;
  1809.           case 3:
  1810.             rgb = [2, 1, 0];
  1811.             break;
  1812.           case 4:
  1813.             rgb = [1, 2, 0];
  1814.             break;
  1815.           case 5:
  1816.             rgb = [0, 2, 1];
  1817.             break;
  1818.           }
  1819.           for (var i = 0; i < seg.length; i += 1) {
  1820.             s = 1 - 1 / (seg.length - 1) * i;
  1821.             c[1] = c[0] * (1 - s * f);
  1822.             c[2] = c[0] * (1 - s);
  1823.             seg[i].style.backgroundColor = 'rgb(' + (c[rgb[0]] * 100) + '%,' + (c[rgb[1]] * 100) + '%,' + (c[rgb[2]] * 100) + '%)';
  1824.           }
  1825.           break;
  1826.         }
  1827.       }
  1828.       function redrawSld() {
  1829.         switch (modeID) {
  1830.         case 0:
  1831.           var yComponent = 2;
  1832.           break;
  1833.         case 1:
  1834.           var yComponent = 1;
  1835.           break;
  1836.         }
  1837.         var y = Math.round((1 - THIS.hsv[yComponent]) * (jscolor.images.sld[1] - 1));
  1838.         jscolor.picker.sldM.style.backgroundPosition = '0 ' + (THIS.pickerFace + THIS.pickerInset + y - Math.floor(jscolor.images.arrow[1] / 2)) + 'px';
  1839.       }
  1840.       function isPickerOwner() {
  1841.         return jscolor.picker && jscolor.picker.owner === THIS;
  1842.       }
  1843.       function blurTarget() {
  1844.         if (valueElement === target) {
  1845.           THIS.importColor();
  1846.         }
  1847.         if (THIS.pickerOnfocus) {
  1848.           THIS.hidePicker();
  1849.         }
  1850.       }
  1851.       function blurValue() {
  1852.         if (valueElement !== target) {
  1853.           THIS.importColor();
  1854.         }
  1855.       }
  1856.       function setPad(e) {
  1857.         var mpos = jscolor.getRelMousePos(e);
  1858.         var x = mpos.x - THIS.pickerFace - THIS.pickerInset;
  1859.         var y = mpos.y - THIS.pickerFace - THIS.pickerInset;
  1860.         switch (modeID) {
  1861.         case 0:
  1862.           THIS.fromHSV(x * (6 / (jscolor.images.pad[0] - 1)), 1 - y / (jscolor.images.pad[1] - 1), null, leaveSld);
  1863.           break;
  1864.         case 1:
  1865.           THIS.fromHSV(x * (6 / (jscolor.images.pad[0] - 1)), null, 1 - y / (jscolor.images.pad[1] - 1), leaveSld);
  1866.           break;
  1867.         }
  1868.       }
  1869.       function setSld(e) {
  1870.         var mpos = jscolor.getRelMousePos(e);
  1871.         var y = mpos.y - THIS.pickerFace - THIS.pickerInset;
  1872.         switch (modeID) {
  1873.         case 0:
  1874.           THIS.fromHSV(null, null, 1 - y / (jscolor.images.sld[1] - 1), leavePad);
  1875.           break;
  1876.         case 1:
  1877.           THIS.fromHSV(null, 1 - y / (jscolor.images.sld[1] - 1), null, leavePad);
  1878.           break;
  1879.         }
  1880.       }
  1881.       function dispatchImmediateChange() {
  1882.         if (THIS.onImmediateChange) {
  1883.           var callback;
  1884.           if (typeof THIS.onImmediateChange === 'string') {
  1885.             callback = new Function(THIS.onImmediateChange);
  1886.           } else {
  1887.             callback = THIS.onImmediateChange;
  1888.           }
  1889.           callback.call(THIS);
  1890.         }
  1891.       }
  1892.       var THIS = this;
  1893.       var modeID = this.pickerMode.toLowerCase() === 'hvs' ? 1 : 0;
  1894.       var abortBlur = false;
  1895.       var
  1896.       valueElement = jscolor.fetchElement(this.valueElement),
  1897.       styleElement = jscolor.fetchElement(this.styleElement);
  1898.       var
  1899.       holdPad = false,
  1900.       holdSld = false,
  1901.       touchOffset = {};
  1902.       var
  1903.       leaveValue = 1 << 0,
  1904.       leaveStyle = 1 << 1,
  1905.       leavePad = 1 << 2,
  1906.       leaveSld = 1 << 3;
  1907.       jscolor.isColorAttrSupported = false;
  1908.       var el = document.createElement('input');
  1909.       if (el.setAttribute) {
  1910.         el.setAttribute('type', 'color');
  1911.         if (el.type.toLowerCase() == 'color') {
  1912.           jscolor.isColorAttrSupported = true;
  1913.         }
  1914.       }
  1915.       jscolor.addEvent(target, 'focus', function () {
  1916.         if (THIS.pickerOnfocus) {
  1917.           THIS.showPicker();
  1918.         }
  1919.       });
  1920.       jscolor.addEvent(target, 'blur', function () {
  1921.         if (!abortBlur) {
  1922.           window.setTimeout(function () {
  1923.             abortBlur || blurTarget();
  1924.             abortBlur = false;
  1925.           }, 0);
  1926.         } else {
  1927.           abortBlur = false;
  1928.         }
  1929.       });
  1930.       if (valueElement) {
  1931.         var updateField = function () {
  1932.           THIS.fromString(valueElement.value, leaveValue);
  1933.           dispatchImmediateChange();
  1934.         };
  1935.         jscolor.addEvent(valueElement, 'keyup', updateField);
  1936.         jscolor.addEvent(valueElement, 'input', updateField);
  1937.         jscolor.addEvent(valueElement, 'blur', blurValue);
  1938.         valueElement.setAttribute('autocomplete', 'off');
  1939.       }
  1940.       if (styleElement) {
  1941.         styleElement.jscStyle = {
  1942.           backgroundImage: styleElement.style.backgroundImage,
  1943.           backgroundColor: styleElement.style.backgroundColor,
  1944.           color: styleElement.style.color
  1945.         };
  1946.       }
  1947.       switch (modeID) {
  1948.       case 0:
  1949.         jscolor.requireImage('hs.png');
  1950.         break;
  1951.       case 1:
  1952.         jscolor.requireImage('hv.png');
  1953.         break;
  1954.       }
  1955.       jscolor.requireImage('cross.gif');
  1956.       jscolor.requireImage('arrow.gif');
  1957.       this.importColor();
  1958.     }
  1959.   };
  1960.   jscolor.install();
  1961. });