☰

Chat Control Panel

Adds a small panel to the top of the chat window with a list of macros, allowing you to fire chat macros with mouse actions.

  1. // ==UserScript==
  2. // @name           Chat Control Panel
  3. // @namespace      kol.interface.unfinished
  4. // @description    Adds a small panel to the top of the chat window with a list of macros, allowing you to fire chat macros with mouse actions.
  5. // @include        https://*kingdomofloathing.com/lchat.php*
  6. // @include        https://*kingdomofloathing.com/mchat.php*
  7. // @grant          GM_getValue
  8. // @grant          GM_setValue
  9. // @version        2.021
  10. // ==/UserScript==
  11.  
  12. //Version 2.021
  13. // - trying to correct some spacing issues
  14. //Version 2.02
  15. // - change to https
  16. //Version 2.01
  17. // - add @grant, convert GM_log to console.log
  18. //Version 2.0
  19. // - modified heavily to work with the new tabbed chat.  This 
  20. //   changes the way the docking works, and there is now an
  21. //   icon on the top right corner that toggles the appearance
  22. //   of the panel instead of the bar on the right.
  23. //Version 1.0.3
  24. // - more minor interface changes
  25. //   - resizing is now granular, always shrinking or growing by 
  26. //     a full entry.
  27. //   - the toggle bar now stays on the right of the chat control
  28. //     panel so you can quickly toggle on/off without moving
  29. //     the mouse.
  30. //   - the control panel sticks to the top when moved very close
  31. //     to the top of the chat pane.
  32. //Version 1.0.2
  33. // - a minor aesthetic change, using partial transparency to 
  34. //   hide slightly less of the underlying chap panel text.
  35. //Version 1.0.1
  36. // - fix mouse-over message for resize dragging
  37. //Version 1.0
  38. // - changed the docking method, so you now click on a bar 
  39. //   on the right to dock it on the right
  40. // - added a pull bar next to the docking bar so you can 
  41. //   slide it anywhere in the chat pane
  42. // - the former docking tab (line) at the bottom is now a 
  43. //   pull tab so you can resize it to as many entries as 
  44. //   you want (or can fit).
  45. //Version 0.9
  46.  
  47. var height=unitHeight(5);
  48. var ccmds;
  49. var playername;
  50.  
  51. var dims;
  52.  
  53. function rollHandler() {
  54.     var cp = document.getElementById('chatcp');
  55.     var cph = document.getElementById('chatcp_handle');
  56.     if (cp && cph) {
  57.         var v = cp.getAttribute('style');
  58.         var w = cph.getAttribute('style');
  59.         if (v.match(/display\s*:\s*none/)) {
  60.             cp.setAttribute('style',removeStyle(v,'display'));
  61.             cph.setAttribute('style',removeStyle(w,'display'));
  62.             saveDock(false);
  63.         } else {
  64.             cp.setAttribute('style','display:none;'+v);
  65.             cph.setAttribute('style','display:none;'+w);
  66.             saveDock(true);
  67.         }
  68.  
  69.     }
  70. }
  71.  
  72.  
  73. function replaceOrAddStyle(s,a,v) {
  74.     var r = new RegExp(a+'\\s*:','i');
  75.     var sa = s.split(';');
  76.     for (var i=0;i<sa.length;i++) {
  77.         var x = sa[i].match(r);
  78.         if (x) {
  79.             sa[i] = a+':'+v;
  80.             return sa.join(';');
  81.         }
  82.     }
  83.     return a+':'+v+';'+s;
  84. }
  85.  
  86. function removeStyle(s,a) {
  87.     var r = new RegExp(a+'\\s*:','i');
  88.     var sa = s.split(';');
  89.     for (var i=0;i<sa.length;i++) {
  90.         var x = sa[i].match(r);
  91.         if (x) {
  92.             sa[i] = '';
  93.             return sa.join(';').replace(';;',';');
  94.         }
  95.     }
  96.     return s;
  97. }
  98.  
  99. function getStyleAttr(s,a) {
  100.     var r = new RegExp('(^|;\\s*)'+a+'\\s*:\\s*([0-9]+)','i');
  101.     var x = s.match(r);
  102.     if (x)
  103.         return Number(x[2]);
  104.     //console.log('could not find style: "' +a+'" in "'+s+'"');
  105.     return -1;
  106. }
  107.  
  108. function setTopBorder(s) {
  109.     return replaceOrAddStyle(s,'border-top','1px solid black');
  110. }
  111.  
  112. function removeTopBorder(s) {
  113.     return removeStyle(s,'border-top');
  114. }
  115.  
  116. function setWidths(e) {
  117.     getMaxDimensions();
  118.     var cp = document.getElementById('chatcp');
  119.     var cph = document.getElementById('chatcp_handle');
  120.     var cpd = document.getElementById('chatcp_dock');
  121.     if (cp && cph && cpd) {
  122.         var w = (dims.headerw) ? dims.headerw : dims.width; //document.body.clientWidth-19;
  123.         //console.log("Setting width to "+w);
  124.         cph.setAttribute('style',cph.getAttribute('style').replace(/width\s*:\s*[0-9;px]*/,'width:'+(w+1)+'px;'));
  125.         cp.setAttribute('style',cp.getAttribute('style').replace(/width\s*:\s*[0-9;px]*/,'width:'+(w+1)+'px;'));
  126.         if (dims.headerw) 
  127.             cpd.setAttribute('style',cpd.getAttribute('style').replace(/left\s*:\s*[0-9;px]*/,'left:'+(dims.headerw-15)+'px;'));
  128.         else
  129.             cpd.setAttribute('style',cpd.getAttribute('style').replace(/left\s*:\s*[0-9;px]*/,'left:'+(w-15)+'px;'));
  130.         var texts = document.getElementsByClassName('chatcp_text');
  131.         for (var i=0;i<texts.length;i++) {
  132.             texts[i].setAttribute('style',texts[i].getAttribute('style').replace(/width\s*:\s*[0-9;px]*/,'width:'+(w-56)+'px;'));
  133.         }
  134.     }
  135. }
  136.  
  137. function tHandler(e) {
  138.     var ci = this.getAttribute('cmdidx');
  139.     ccmds[ci] = this.value;
  140.     saveTable(ccmds);
  141.     if (e.keyCode==13)
  142.         insertCmd(ccmds[ci]);
  143. }
  144.  
  145.  
  146. function insertCmd(c) {
  147.     if (c)
  148.         unsafeWindow.submitchat(c);
  149. }
  150.  
  151. function bHandler() {
  152.     insertCmd(ccmds[this.getAttribute('cmdidx')]);
  153. }
  154.  
  155.  
  156. function addPanel() {
  157.     height = restoreHeight();
  158.     ccmds = restoreTable();
  159.     var f = document.getElementById('ChatWindow');
  160.     var cp = document.getElementById('chatcp');
  161.     if (f && !cp) {
  162.         placeDockIcon(f);
  163.         cp = document.createElement('div');
  164.         var w = (dims.headerw) ? dims.headerw : dims.width;//document.body.clientWidth-19;
  165.         var p = restorePos();
  166.         cp.setAttribute('style','height:'+height+'px;width:'+w+'px;'+((p>0)?'border-top:1px solid black;':'')+'background-image:-moz-linear-gradient(center top , white 50%, transparent 100%);z-index:7;font-size:12px;position:absolute;font-family:arial;left:2px;top:'+p+'px;');
  167.         cp.setAttribute('id','chatcp');
  168.  
  169.         var t = document.createElement('table');
  170.         t.setAttribute('cellspacing','0');
  171.         for(var i=0;unitHeight(i)<height;i++) {
  172.             newEntry(i,w-40,t);
  173.         }
  174.  
  175.         var tt = document.createElement('table');
  176.         tt.setAttribute('style','vertical-align:top;');
  177.         var tr = document.createElement('tr');
  178.         var td = document.createElement('td');
  179.         tt.setAttribute('cellspacing','0');
  180.         tt.setAttribute('cellpadding','0');
  181.         td.setAttribute('style','vertical-align:top;');
  182.         td.appendChild(t);
  183.         tr.appendChild(td);
  184.         td = document.createElement('td');
  185.         var span = document.createElement('div');
  186.         span.setAttribute('style','background:lightgray;height:'+(height-4)+'px;width:15px;position:relative;top:2px;');
  187.         span.setAttribute('title','Click and drag to position the chat control panel.');
  188.         span.setAttribute('class','chatcpbar');
  189.         td.appendChild(span);
  190.         tr.appendChild(td);
  191.         tt.appendChild(tr);
  192.  
  193.         cp.appendChild(tt);
  194.  
  195.         var handle = document.createElement('div');
  196.         handle.setAttribute('style','height:7px;width:'+(w+1)+'px;text-align:center;vertical-align:middle;border-bottom:1px solid black;background-color:transparent;z-index:8;font-size:12px;position:absolute;font-family:arial;left:2px;top:'+(p+height-3)+'px;');
  197.         handle.setAttribute('id','chatcp_handle');
  198.         handle.setAttribute('title','Click and drag to resize the chat control panel.');
  199.         var a = document.createElement('img');
  200.         a.setAttribute('src',"data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%1E%00%00%00%05%08%02%00%00%00%DDC%CB%AD%00%00%00%01sRGB%00%AE%CE%1C%E9%00%00%00%09pHYs%00%00%0B%13%00%00%0B%13%01%00%9A%9C%18%00%00%00%07tIME%07%DA%0C%17%002%18%89S%DB%E9%00%00%00%19tEXtComment%00Created%20with%20GIMPW%81%0E%17%00%00%00%16IDAT%18%D3c%60%A0%19%60%FC%FF%FF%3F%C3%90%03C%D3%D5%00W%E9%05%FD%13%F9%A0%92%00%00%00%00IEND%AEB%60%82");
  201.         handle.appendChild(a);
  202.  
  203.         //handle.addEventListener('click',rollHandler,false);
  204.         handle.addEventListener('mousedown',dragStartSize,false);
  205.         cp.addEventListener('mousedown',dragStart,true);
  206.         
  207.         f.parentNode.insertBefore(cp,f);
  208.         f.parentNode.insertBefore(handle,f);
  209.  
  210.         //cp.appendChild(handle);
  211.         window.addEventListener('resize',setWidths,false);
  212.  
  213.         if (restoreDock())
  214.             rollHandler();
  215.         setWidths();
  216.     }
  217. }
  218.  
  219. function unitHeight(u) {
  220.     return u*27+5;
  221. }
  222.  
  223. function heightUnit(h) {
  224.     return Math.floor((h-5)/27);
  225. }
  226.  
  227. function saveTable(t) {
  228.     var pn = getPlayerNameFromCharpane();
  229.     if (pn) {
  230.         GM_setValue(pn+'_cmds',t.join('#####'));
  231.     }
  232. }
  233.  
  234. function saveHeight(h) {
  235.     height = h;
  236.     var pn = getPlayerNameFromCharpane();
  237.     if (pn) {
  238.         GM_setValue(pn+'_cpheight',h);
  239.     }
  240. }
  241.  
  242. function restoreHeight() {
  243.     var pn = getPlayerNameFromCharpane();
  244.     if (pn) {
  245.         return Math.ceil(Number(GM_getValue(pn+'_cpheight',unitHeight(5))));
  246.     }
  247.     return Math.ceil(unitHeight(5));
  248. }
  249.  
  250. function saveDock(b) {
  251.     var pn = getPlayerNameFromCharpane();
  252.     if (pn) {
  253.         GM_setValue(pn+'_docked',b);
  254.     }
  255. }
  256.  
  257. function restoreDock() {
  258.     var pn = getPlayerNameFromCharpane();
  259.     if (pn) {
  260.         return Boolean(GM_getValue(pn+'_docked',false));
  261.     }
  262. }
  263.  
  264. function restoreTable() {
  265.     var pn = getPlayerNameFromCharpane();
  266.     if (pn) {
  267.         var t = GM_getValue(pn+'_cmds','');
  268.         if (t) {
  269.             t = t.split('#####');
  270.             return t;
  271.         }
  272.     }
  273.     return ['Good morning clan-mates!', '/unequip all', '', '', ''];
  274. }
  275.  
  276.  
  277. function savePos(y) {
  278.     var pn = getPlayerNameFromCharpane();
  279.     if (pn) {
  280.         GM_setValue(pn+'_pos',y);
  281.     }
  282. }
  283.  
  284. function restorePos() {
  285.     var pn = getPlayerNameFromCharpane();
  286.     if (pn) {
  287.         var t = Number(GM_getValue(pn+'_pos',2));
  288.         return t;
  289.     }
  290.     return 2;
  291. }
  292.  
  293.  
  294. // utility to get player name; hacked/stolen from Antimarty's fortune cookie script
  295. function getPlayerNameFromCharpane() {
  296.     var somef=window.parent.frames;
  297.     var goo;
  298.     for(var j=0;j<somef.length;j++) {
  299.         if (somef[j].name=="charpane") {
  300.             goo=somef[j];
  301.             var username = goo.document.getElementsByTagName("b");
  302.             if (!username || username.length < 1) return playername;
  303.             username = username[0];
  304.             if (!username) return playername;
  305.             username = username.firstChild;
  306.             if (!username) return playername;
  307.             // in full mode the link is <a><b>Name</b></a>
  308.             // in compact mode it's <b><a>Name</a></b>
  309.             // so have to handle this, and also can use it to tell
  310.             // whether it's in compact mode or not.
  311.             var fullmode = true;
  312.             while (username && username.nodeType == 1)
  313.                 {
  314.                     username = username.firstChild;
  315.                     fullmode = false;
  316.                 }
  317.             if (!username) return playername;
  318.             username = username.nodeValue;
  319.             if (!username) return playername;
  320.             username = username.toLowerCase();
  321.             playername = username;
  322.             return username;
  323.         }
  324.     }
  325. }
  326.  
  327.  
  328. // code to drag the panel around
  329. var d;
  330. function dragStart(event, id) {
  331.     var cp = document.getElementById('chatcp');
  332.     var cph = document.getElementById('chatcp_handle');
  333.     if (cp && cph) {
  334.         var v = getStyleAttr(cp.getAttribute('style'),'width');
  335.         if (v>=0) {
  336.             if (event.clientX<v-50)
  337.                 return;
  338.         }
  339.  
  340.         d = new Object();
  341.         d.cp = cp;
  342.         d.cph = cph;
  343.         var x = event.clientX + window.scrollX;
  344.         var y = event.clientY + window.scrollY;
  345.  
  346.         // Save starting positions of cursor and element.
  347.         d.cursorStartX = x;
  348.         d.cursorStartY = y;
  349.         d.elStartLeft = parseInt(cp.style.left, 10);
  350.         d.elStartTop = parseInt(cp.style.top, 10);
  351.  
  352.         d.baseH = getStyleAttr(cp.getAttribute('style'),'height');
  353.  
  354.         if (isNaN(d.elStartLeft)) d.elStartLeft = 2;
  355.         if (isNaN(d.elStartTop)) d.elStartTop = 2;
  356.  
  357.         document.addEventListener("mousemove", dragGo, true);
  358.         document.addEventListener("mouseup", dragStop, true);
  359.         event.preventDefault();
  360.     }
  361. }
  362.  
  363. // drag handler for positioning the panel
  364. function dragGo(event)  {
  365.     var x, y;
  366.     // Get cursor position with respect to the page.
  367.     y = event.clientY + window.scrollY;
  368.  
  369.     //d.elNode.style.left = (d.elStartLeft + x - d.cursorStartX) + "px";
  370.     if ((d.elStartTop + y - d.cursorStartY)>=(dims.headerw? (dims.headert+16) : (dims.top+16)) && (d.elStartTop + y - d.cursorStartY)<(dims.height+(dims.headerw? (dims.headert+16) : (dims.top+16)))-height) {
  371.         if ((d.elStartTop + y - d.cursorStartY)<=3)
  372.             y = d.cursorStartY - d.elStartTop;
  373.         d.cp.style.top = (d.elStartTop + y - d.cursorStartY) + "px";
  374.         if ((d.elStartTop + y - d.cursorStartY)>0)
  375.             d.cp.setAttribute('style',setTopBorder(d.cp.getAttribute('style')));
  376.         else
  377.             d.cp.setAttribute('style',removeTopBorder(d.cp.getAttribute('style')));
  378.         d.cph.style.top = (d.elStartTop + y - d.cursorStartY + d.baseH - 3) + "px";
  379.         savePos(d.elStartTop + y - d.cursorStartY);
  380.     }
  381.     event.preventDefault();
  382. }
  383.  
  384. // terminate dragging to position the panel
  385. function dragStop(event)  {
  386.     // Stop capturing mousemove and mouseup events.
  387.     document.removeEventListener("mousemove", dragGo, true);
  388.     document.removeEventListener("mouseup", dragStop, true);
  389.     d = null;
  390. }
  391.  
  392.  
  393. // code to resize the panel
  394. function dragStartSize(event, id) {
  395.     var cp = document.getElementById('chatcp');
  396.     var cph = document.getElementById('chatcp_handle');
  397.     if (cp && cph) {
  398.         d = new Object();
  399.         d.cp = cp;
  400.         d.cph = cph;
  401.         var y = event.clientY + window.scrollY;
  402.         d.baseH = getStyleAttr(cp.getAttribute('style'),'height');
  403.         d.baseO = getStyleAttr(cph.getAttribute('style'),'top');
  404.  
  405.         // Save starting positions of cursor and element.
  406.         d.cursorStartY = y;
  407.         d.elStartLeft = parseInt(cp.style.left, 10);
  408.         d.elStartTop = parseInt(cp.style.top, 10);
  409.  
  410.         if (isNaN(d.elStartLeft)) d.elStartLeft = 2;
  411.         if (isNaN(d.elStartTop)) d.elStartTop = 2;
  412.  
  413.         document.addEventListener("mousemove", dragGoSize, true);
  414.         document.addEventListener("mouseup", dragStopSize, true);
  415.         event.preventDefault();
  416.     }
  417. }
  418.  
  419. // create cp index i in table t with width w
  420. function newEntry(i,w,t) {
  421.     var tr = document.createElement('tr');
  422.     tr.setAttribute('id','chatcp_index'+i);
  423.     var td = document.createElement('td');
  424.     var i1 = document.createElement('input');
  425.     i1.setAttribute('type','button');
  426.     //i1.setAttribute('value','>');
  427.     //var arrow = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAmklEQVQokaXSPQ5BURCG4YcNiGhUGpah0CpFQyOswUpElCLR24VFiJ8FqCQ6Ea7CkdwILseXvN3Mm5nJkJ0mFih8UftRcsIO9XdFuQyghBUSDJB/lky+YIwZrkE0RTEt2fzAOqyVYItyjCTNMcga/0guWKIm2GKYpW/SyaCLNkbhsAf0RaSFM/aoxAiG7uPPY5ofqaLnxYM9cgOSr1GycHbzaQAAAABJRU5ErkJggg==';
  428.     //i1.setAttribute('style','font-size:9px;width:22px;');
  429.     i1.setAttribute('style','background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAmklEQVQokaXSPQ5BURCG4YcNiGhUGpah0CpFQyOswUpElCLR24VFiJ8FqCQ6Ea7CkdwILseXvN3Mm5nJkJ0mFih8UftRcsIO9XdFuQyghBUSDJB/lky+YIwZrkE0RTEt2fzAOqyVYItyjCTNMcga/0guWKIm2GKYpW/SyaCLNkbhsAf0RaSFM/aoxAiG7uPPY5ofqaLnxYM9cgOSr1GycHbzaQAAAABJRU5ErkJggg==");background-repeat: no-repeat;background-position: center;');
  430.     i1.setAttribute('cmdidx',i);
  431.     i1.addEventListener('mouseup',bHandler,false);
  432.     var i2 = document.createElement('input');
  433.     i2.setAttribute('type','text');
  434.     i2.setAttribute('width','128');
  435.     i2.setAttribute('value',((i>=ccmds.length)?'':ccmds[i]));
  436.     i2.setAttribute('class','chatcp_text');
  437.     i2.setAttribute('style','font-size:9px;width:'+(w-22)+'px;height:13px;');
  438.     i2.setAttribute('cmdidx',i);
  439.     i2.addEventListener('keyup',tHandler,true);
  440.     i2.addEventListener('change',tHandler,true);
  441.     td.appendChild(i1);
  442.     td.appendChild(i2);
  443.     tr.appendChild(td);
  444.     t.appendChild(tr);
  445. }
  446.  
  447. // update the interior of the panel during resizing
  448. function updateCPSize(h) {
  449.     var bars = document.getElementsByClassName('chatcpbar');
  450.     for (var i=0;i<bars.length;i++) {
  451.         var s = bars[i].getAttribute('style');
  452.         bars[i].setAttribute('style',replaceOrAddStyle(s,'height',(h-4)+'px'));
  453.     }
  454.     var last = heightUnit(h);
  455.     var ins = document.getElementById('chatcp_index'+last);
  456.     if (!ins) {
  457.         // we must have an entry 0
  458.         var w = document.getElementById('chatcp_index0');
  459.         if (w) {
  460.             var t = w.parentNode;
  461.             w = getStyleAttr(w.firstChild.firstChild.nextSibling.getAttribute('style'),'width');
  462.             for (var i=1;i<last;i++) {
  463.                 ins = document.getElementById('chatcp_index'+i);
  464.                 if (!ins) {
  465.                     newEntry(i,(w+16),t);
  466.                 }
  467.             }
  468.         }
  469.     } else {
  470.         var del = document.getElementById('chatcp_index'+last);
  471.         while (del) {
  472.             del.parentNode.removeChild(del);
  473.             last++;
  474.             del = document.getElementById('chatcp_index'+last);
  475.         }
  476.     }
  477.     saveHeight(h);
  478. }
  479.  
  480. // drag handler for resizing the panel
  481. function dragGoSize(event)  {
  482.     var y;
  483.     // Get cursor position with respect to the page.
  484.     y = event.clientY + window.scrollY;
  485.  
  486.     var delta = y - d.cursorStartY;
  487.     if (delta!=0) {
  488.         var newh = d.baseH + delta;
  489.         if (newh>unitHeight(1) && newh<(dims.height+(dims.headerw? (dims.headert+16) : (dims.top+16)))) {
  490.             newh = unitHeight(heightUnit(newh));
  491.             delta = newh - d.baseH;
  492.             d.cp.setAttribute('style',replaceOrAddStyle(d.cp.getAttribute('style'),'height',newh+'px'));
  493.             d.cph.setAttribute('style',replaceOrAddStyle(d.cph.getAttribute('style'),'top',(d.baseO+delta)+'px'));
  494.             updateCPSize(newh);
  495.         }
  496.     }
  497.     event.preventDefault();
  498. }
  499.  
  500. // terminate dragging to resize the panel
  501. function dragStopSize(event)  {
  502.     // Stop capturing mousemove and mouseup events.
  503.     document.removeEventListener("mousemove", dragGoSize, true);
  504.     document.removeEventListener("mouseup", dragStopSize, true);
  505.     d = null;
  506. }
  507.  
  508. function getMaxDimensions() {
  509.     var chats = document.getElementsByClassName('chatdisplay');
  510.     for (var i=0;i<chats.length;i++) {
  511.         if (chats[i].style.display!='none') {
  512.             var header = document.evaluate('.//div[@class="header"]',chats[i],null,XPathResult.FIRST_ORDERED_NODE_TYPE,null);
  513.             dims = {top:Number(chats[i].style.top.replace(/[^0-9]+/,'')),width:Number(chats[i].clientWidth),height:Number(chats[i].style.height.replace(/[^0-9]+/,''))};
  514.             if (header.singleNodeValue) {
  515.                 dims.headert = Number(header.singleNodeValue.style.top.replace(/[^0-9]+/,''));
  516.                 dims.headerw = Number(header.singleNodeValue.style.width.replace(/[^0-9]+/,''));
  517.             }
  518.             //console.log('dimensions: top='+dims.top+', width='+dims.width+', height='+dims.height+', offw='+chats[i].offsetWidth+', cw='+chats[i].clientWidth);
  519. 			chats[i].addEventListener('scroll',setWidths,false);
  520.             return;
  521.         }
  522.     }
  523. }
  524.  
  525. function placeDockIcon(f) {
  526.     var img=document.createElement('img');
  527.     img.setAttribute('src',"data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%0E%00%00%00%0C%08%06%00%00%00R%80%8C%DA%00%00%00%01sRGB%00%AE%CE%1C%E9%00%00%00%06bKGD%00%00%00%00%00%00%F9C%BB%7F%00%00%00%09pHYs%00%00%0B%13%00%00%0B%13%01%00%9A%9C%18%00%00%00%07tIME%07%DC%03%1E%14)%06%E8D%1D%FA%00%00%00%19tEXtComment%00Created%20with%20GIMPW%81%0E%17%00%00%00%5BIDAT(%CF%ED%8F%A1%11%C0%20%10%04%97L%8Ay%85%A0%8F%EF%80b%9E%8EPt%81%A7%10%FC%23%A228TD%D6%9C%DA%99%DB%E0%EE%CE%017%40%CE%99Z%2BsNJ)%00%98%19%00)%A5M%EA%BD%3Fb%8C%91%D6%1A%00%AA%FA%DA1%06%22%B2%C9%E1%F4%EA%C5!%7F%E3%A7%1A%17%CC%8BJ%7F%13%D8%1D%F7%00%00%00%00IEND%AEB%60%82");
  528.     if (dims.headerw) 
  529.         img.setAttribute('style','position:absolute;top:'+(dims.headert+1)+'px;left:'+(dims.headerw-15)+'px;z-index:7;');
  530.     else
  531.         img.setAttribute('style','position:absolute;top:'+(dims.top+2)+'px;left:'+(dims.width-15)+'px;z-index:7;');
  532.     img.setAttribute('title','Click to toggle display of chat control panel.');
  533.     img.setAttribute('id','chatcp_dock');
  534.     img.addEventListener('click',rollHandler,false);
  535.     f.parentNode.insertBefore(img,f);
  536. }
  537.  
  538.  
  539. function initialize() {
  540.     getMaxDimensions();
  541.     if (dims) {
  542.         addPanel();
  543.     }
  544. }
  545.  
  546. setTimeout(initialize,50);