API tools faq
paste
AndrewHaxalot

Sketchpad

AndrewHaxalot
Apr 30th, 2014
385
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 205.13 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" manifest="sketchpad.appcache">
  3. <head>
  4.  <title>Sketchpad - Online Paint/Drawing application</title>
  5.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.  <meta name="description" content="Sketchpad is an online drawing application -- written in &lt;canvas&gt;." />
  7.  <meta name="keywords" content="" />
  8.  <link rel="shortcut icon" href="http://mudcu.be/media/gui/favicon.ico" type="image/x-icon" />
  9.  <link rel="icon" href="http://mudcu.be/sketchpad/media/gui/favicon.png" type="image/x-icon" />
  10.  <link rel="chrome-application-definition" href="http://mudcu.be/sketchpad/sketchpad.json" />
  11.  <link rel="chrome-webstore-item"
  12.    href="https://chrome.google.com/webstore/detail/lkllajgbhondgjjnhmmgbjndmogapinp" />
  13.  <link href="http://mudcu.be/sketchpad/inc/Sketchpad.css" rel="stylesheet" type="text/css" />
  14. <!--[if lt IE 9]>
  15. <OBJECT ID="canvasFactory"  CLASSID="clsid:785740C4-DD04-4B91-8AD7-44CC9FFB4984"></OBJECT>
  16. <style>
  17. canvas {
  18.     behavior: url(#canvasFactory);
  19.     width: 300px; height: 150px; display: block;
  20.     margin: 0; border: 0; background: transparent!important;
  21. }
  22. </style>
  23. <canvas id="CanvasRenderingContext2D" style="display: none" />
  24. <script>
  25. // CanvasRenderingContext2D.prototype = CanvasRenderingContext2D.getContext('2d').prototype;
  26. if(0) document._createElement = document.createElement;
  27. if(0) document.createElement = function(tagName) {
  28.  var tag = document._createElement(tagName);
  29.  if(tagName.toUpperCase() == 'CANVAS') tag.addBehavior("#canvasFactory");
  30.  return tag;
  31. };
  32. </script>
  33. <![endif]-->
  34. <script type="text/javascript">
  35.   marqueeID = false;
  36.   mixin = function(o) { // dojo.mixin
  37.       var len = arguments.length;
  38.       for(var i = 1; i < len; i++)
  39.           for(var j in arguments[i])
  40.               o[j] = arguments[i][j];
  41.       return o;
  42.  };
  43.  var dtx2D = document.createElement("canvas");
  44.  var ctx2D; try { ctx2D = dtx2D.getContext('2d'); } catch(e) {};
  45.  var data2pattern = function(obj, data) {
  46.       // if(dtx2D.parentNode === null) document.body.appendChild(dtx2D);
  47.       if(ctx2D == null) ctx2D = dtx2D.getContext('2d');
  48.       function createPattern(src, id) {
  49.           var image = new Image();
  50.           image.onload = function() {
  51.               obj[id] = ctx2D.createPattern(image, "repeat");
  52.           };
  53.           image.src = src;
  54.       };
  55.       for(var key in data) {
  56.           createPattern(data[key], key);
  57.       }
  58.  };
  59. </script>
  60.  <script type="text/javascript">/* GUI */
  61. gui = {
  62.     // Options
  63.     'options': function () {
  64.         var r = [],
  65.         fu = N.format;
  66.         cF = {
  67.             'inner_radius_spirograph': {
  68.                 type: 'X',
  69.                 val: [1, 100, 10]
  70.             },
  71.             'outer_radius_spirograph': {
  72.                 type: 'X',
  73.                 val: [1, 100, 10]
  74.             },
  75.             'diameter_spirograph': {
  76.                 type: 'X',
  77.                 val: [1, 500, 10]
  78.             },
  79.             'speed_spirograph': {
  80.                 type: 'X',
  81.                 val: [2, 250, 10]
  82.             },
  83.             'resolution_spirograph': {
  84.                 type: 'X',
  85.                 val: [1, 1000, 10]
  86.             },
  87.             'stroke_text': {
  88.                 type: 'X',
  89.                 val: [0, 20, 2]
  90.             },
  91.             'fontSize': {
  92.                 type: 'X',
  93.                 val: [16, 256, 64]
  94.             },
  95.             'kerning': {
  96.                 type: 'X',
  97.                 val: [0, 2, 1, 'float']
  98.             },
  99.             'diameter_pencil': {
  100.                 type: 'X',
  101.                 val: [1, 15, 10]
  102.             },
  103.             'opacity_fill': {
  104.                 type: 'X',
  105.                 val: [1, 100, 100],
  106.                 fu: infc.opacity
  107.             },
  108.             'lineOpacity': {
  109.                 type: 'X',
  110.                 val: [2, 100, 1]
  111.             },
  112.             'sides_shape': {
  113.                 type: 'X',
  114.                 val: [2, 100, 1]
  115.             },
  116.             'slope_shape': {
  117.                 type: 'X',
  118.                 val: [0.2, 10, 1, 'float']
  119.             },
  120.             'sides_marquee': {
  121.                 type: 'X',
  122.                 val: [2, 100, 1]
  123.             },
  124.             'slope_marquee': {
  125.                 type: 'X',
  126.                 val: [0.2, 10, 1, 'float']
  127.             },
  128.             'stampSize': {
  129.                 type: 'X',
  130.                 val: [1, 200, 100]
  131.             },
  132.             'leading': {
  133.                 type: 'X',
  134.                 val: [0, 2, 1, 'float']
  135.             },
  136.             'rand': {
  137.                 type: 'X',
  138.                 val: {
  139.                     '_min': [0, 100, 50],
  140.                     '_max': [0, 100, 50]
  141.                 }
  142.             },
  143.             'fill': {
  144.                 type: 'menu',
  145.                 val: ['Color', 'Gradient', 'Pattern']
  146.             },
  147.             'marquee': {
  148.                 type: 'menu',
  149.                 val: ['Ellipses', 'Polygon', 'Star', 'Burst', 'Gear']
  150.             },
  151.             'spirograph': {
  152.                 type: 'menu',
  153.                 val: ['Hypotrochoid', 'Epitrochoid']
  154.             },
  155.             'shape': {
  156.                 type: 'menu',
  157.                 val: ['Ellipses', 'Polygon', 'Star', 'Burst', 'Gear']
  158.             },
  159.             'crop': {
  160.                 type: 'menu',
  161.                 val: ['Display (' + fu(screen.width) + 'x' + fu(screen.height) + ')', 'Original (' + fu(canvas.W) + 'x' + fu(canvas.H) + ')', '2x3', '3x5', '4x3 (DVD)', '4x3 (Book)', '4x6 (Postcard)', '5x7 (L, 2L)', '8x10', '16x9 (HD)', '16x20', '20x30 (Poster)', 'Square']
  162.             },
  163.             'draw': {
  164.                 type: 'menu',
  165.                 val: ['Pencil', 'Brush', 'Calligraphy']
  166.             },
  167.             'lineClose': {
  168.                 type: 'check',
  169.                 val: ["lineClose", 'true', 'false']
  170.             },
  171.             'constrain': {
  172.                 type: 'check',
  173.                 val: ["constrain", 'true', 'false']
  174.             },
  175.             'preview': {
  176.                 type: 'check',
  177.                 val: ["preview", 'true', 'false']
  178.             },
  179.             'marqType': {
  180.                 type: 'radio',
  181.                 val: ["marquee", 'lasso', 'ellipses', 'rectangle', 'star', 'burst', 'gear']
  182.             },
  183.             'aspect': {
  184.                 type: 'radio',
  185.                 val: ["aspect", 'landscape', 'portrait']
  186.             },
  187.             'lineCap': {
  188.                 type: 'radio',
  189.                 val: ["lineCap", 'butt', 'round', 'square']
  190.             },
  191.             'corner': {
  192.                 type: 'radio',
  193.                 val: ["lineJoin", 'round', 'miter', 'bevel']
  194.             }
  195.         };
  196.         r = ["marquee", "text", "line", "ellipses", "polygon", "star", "burst", "gear", "brush", "calligraphy", "pencil", "stamp", "fill", "eraser"];
  197.         for (var i in r) {
  198.             cF["movement_" + r[i]] = {
  199.                 type: "radio",
  200.                 val: ["movement_" + r[i], "anchored", "freedraw", "active"]
  201.             };
  202.         }
  203.         function z(r, v) {
  204.             for (var i in r) {
  205.                 cF[v + "_" + r[i]] = {
  206.                     type: "X",
  207.                     val: [1, 100, 100]
  208.                 };
  209.             }
  210.         };
  211.         z(["ellipses", "polygon", "star", "burst", "gear", "line"], "stroke");
  212.         z(["brush", "calligraphy", "eraser", "pencil", "stamp"], "opacity");
  213.         z(["brush", "calligraphy", "eraser"], "diameter");
  214.         z(["brush", "calligraphy", "eraser", "stamp"], "flow");
  215.         z(["brush", "eraser"], "hardness");
  216.         var j = 0,
  217.         r = [];
  218.         for (var i in stamp.r) {
  219.             r[j++] = i;
  220.         }
  221.         cF.stamp = {
  222.             type: "menu",
  223.             val: r
  224.         };
  225.         if (!gui.menu.cur) {
  226.             if (!vars.crop) {
  227.                 vars.crop = "Original (" + fu(canvas.W) + "x" + fu(canvas.H) + ")";
  228.             }
  229.             gui.menu.cur = {};
  230.             gui.menu.key = {};
  231.             gui.menu.key.stamp = vars.stamp;
  232.             gui.menu.key.font = vars.font;
  233.             gui.menu.key.draw = vars.draw;
  234.             gui.menu.key.shape = vars.shape;
  235.             gui.menu.key.marquee = vars.marquee;
  236.             gui.menu.key.crop = vars.crop;
  237.             gui.menu.key.fill = vars.fill;
  238.             gui.menu.key.spirograph = vars.spirograph;
  239.             gui.menu.key['PT*'] = vars['PT*'];
  240.             gui.menu.key['GD*'] = vars['GD*'];
  241.             gui.menu.key['CO*'] = vars['CO*'];
  242.             for (var i in gui.menu.key) {
  243.                 gui.menu.cur[i] = String(gui.menu.key[i]);
  244.             }
  245.             gui.menu.klean("crop", vars.crop);
  246.         }
  247.     },
  248.     //* Check Box
  249.     'check': {
  250.         'build': function (v, c, r) {
  251.             return ('<div id="' + c + '_check" class="check">' + ' <span>' + v + '</span><br>' + ' <div onclick="gui.check.click(this,\'' + r[0] + '\')"' + (vars[r[0]] == 'true' ? 'class="cur"' : '') + '>' + vars[r[0]] + '</div>' + '</div>');
  252.         },
  253.         'click': function (o, v) {
  254.             function z(a, b, c, d) {
  255.                 vars[v] = c;
  256.                 o.innerHTML = c;
  257.                 o.className = d;
  258.             }
  259.             if (o.className == 'cur') z('block', 'none', 'false', '');
  260.             else z('none', 'block', 'true', 'cur');
  261.             crop.click();
  262.         }
  263.     },
  264.     //* Radio Button
  265.     'radio': {
  266.         'build': function (v, c, r) {
  267.             var b = '';
  268.             for (var i = 1; i < r.length; i++) b += '<div class="' + (((vars[r[0]] == r[i] && vars.type != 'crop') || (vars[r[0]] == r[i] && vars.type == 'crop' && !crop.force(vars.crop))) ? ' cur' : '') + '" onclick="gui.radio.click(this,\'' + r[0] + '\')">' + r[i] + '</div><br>';
  269.             return ('<div' + ((crop.force(vars.crop) && vars.type == 'crop') ? ' style="opacity: 0.6"' : '') + ' class="radio" id="' + c + '_radio"><span>' + v + '</span><br>' + b + '</div>');
  270.         },
  271.         'click': function (o, v) {
  272.             if (!$C("cur", o.parentNode)[0]) {
  273.                 return;
  274.             }
  275.             var i = o.innerHTML,
  276.             cur = vars[v];
  277.             $C("cur", o.parentNode)[0].className = "";
  278.             o.className = "cur";
  279.             vars[v] = i;
  280.             if (v == "marquee") {
  281.                 var b = $C("Marquee_" + cur, "tools")[0];
  282.                 if (i == "lasso" || cur == "lasso") {
  283.                     marquee.reset("", 1);
  284.                 }
  285.                 b.src = "media/gui/Marquee_" + i + "_2.png";
  286.                 b.className = "Marquee_" + i;
  287.                 gui_tools.prev = b.className;
  288.                 vars.tool = "Marquee_" + i;
  289.             }
  290.             vars.cache(1);
  291.             crop.click();
  292.         }
  293.     },
  294.     //* Select Menu
  295.     'menu': {
  296.         'build': function (c, r) {
  297.             var z = '',
  298.             length = 0,
  299.             o = gui.menu;
  300.             if (typeof(r) == 'object' && !r.length) for (var i in r) {
  301.                 length++;
  302.             } else length = r.length;
  303.             for (var i in r) {
  304.                 var style = (i == 0) ? 'style="border-top: none;"' : ((parseInt(i) + 1) == length ? 'style="border-bottom: none;"' : '');
  305.                 if (r[i].toLowerCase() == o.cur[c].toLowerCase() || (!o.cur[c] && i == 0)) {
  306.                     className = 'class="sel"';
  307.                     var position = 'style="top:-' + (o.cellHeight * i) + 'px"';
  308.                 } else {
  309.                     className = '';
  310.                 }
  311.                 z += '<li onmousedown="gui.menu.toggle(this)" onmouseup="gui.menu.select(this)" onmouseover="gui.menu.okClose(this.parentNode.parentNode)" ' + style + ' ' + className + '>' + r[i] + '</li>';
  312.             }
  313.             return ('<div class="menuWrap" id="' + c + '_opt">' + ' <div class="t"><div class="l"></div><div class="r"></div><div class="c"></div></div>' + ' <div class="menuBox">' + '  <ul ' + position + '>' + '   <li class="top"><div class="l"></div><div class="r"></div><div class="c"></div></li>' + z + '   <li class="bottom"><div class="l"></div><div class="c"></div><div class="r"></div></li>' + '  </ul>' + ' </div>' + ' <div class="b"><div class="l"></div><div class="r"></div><div class="c"></div></div>' + '</div>');
  314.         },
  315.         'fu': {
  316.             'z': function (c, o) {
  317.                 gui.menu.klean(c, o.innerHTML);
  318.             },
  319.             'crop': function (c, o) {
  320.                 gui.menu.fu.z(c, o);
  321.                 $T('div', 'constrain_check')[0].innerHTML = 'true';
  322.                 $T('div', 'constrain_check')[0].className = 'cur';
  323.                 vars.constrain = 'true';
  324.                 crop.click();
  325.                 vars.cache(1);
  326.             },
  327.             'fill': function (c, o) {
  328.                 gui.menu.fu.z(c, o);
  329.                 gui_palette.click("fill");
  330.                 gui_swatch.cur({
  331.                     "Gradient": "GD",
  332.                     "Color": "CO",
  333.                     "Pattern": "PT"
  334.                 }[o.innerHTML]);
  335.             },
  336.             'stamp': function (c, o) {
  337.                 gui.menu.fu.z(c, o);
  338.                 stamp.fileNumber = 1;
  339.                 stop = 1;
  340.                 var o = gui.Y;
  341.                 o.cur.stamp = 1;
  342.                 o.prev.stamp = null;
  343.                 o.id = 'stamp';
  344.                 o.stamp();
  345.                 o.kontrol_update('stamp');
  346.                 vars.cache(1);
  347.             },
  348.             'draw': function (c, o) {
  349.                 gui.menu.fu.z(c, o);
  350.                 var b = o.innerHTML;
  351.                 vars.draw = b;
  352.                 $C(vars.draw, 'tools')[0].title = b;
  353.                 gui_tools.imageCurrent(b);
  354.             },
  355.             'spirograph': function (c, o) {
  356.                 gui.menu.fu.z(c, o);
  357.                 var b = o.innerHTML;
  358.                 vars.type_spirograph = b;
  359.             },
  360.             'sw': function (c, o, v1, v2) {
  361.                 gui.menu.fu.z(c, o);
  362.                 var i = vars.id + v1;
  363.                 vars[v1] = Q[v1][o.innerHTML];
  364.                 gui_swatch.n[i] = Math.min(gui_swatch.n[i], vars[v1].length);
  365.                 vars[i] = vars[v1][gui_swatch.n[i] - 1];
  366.                 var o = gui.Y;
  367.                 gui_swatch.cur(v1);
  368.                 o.prev[v1] = null;
  369.                 o.sw(1);
  370.                 o.kontrol_update(v1);
  371.                 vars.cache(1);
  372.                 $('author_'+gui_swatch.id).innerHTML = gui_swatch.author();
  373.             },
  374.             'CO*': function (c, o) {
  375.                 gui.menu.fu.sw(c, o, 'CO', 'solid');
  376.             },
  377.             'GD*': function (c, o) {
  378.                 gui.menu.fu.sw(c, o, 'GD', 'gradient');
  379.             },
  380.             'PT*': function (c, o) {
  381.                 gui.menu.fu.z(c, o);
  382.                 vars.PT = Q.PT[o.innerHTML];
  383.                 var i = vars.id + 'PT',
  384.                 n = vars.PT.length - (gui_swatch.n[i] = Math.min(gui_swatch.n[i], vars.PT.length));
  385.                 vars.PT[n + 1] = new Image();
  386.                 vars.PT[n + 1].src = gui_pattern.dir + vars['PT*'] + '/' + n + '-live.jpg';
  387.                 vars[vars.id + 'PT'] = vars.PT[n + 1];
  388.                 vars[vars.id + 'PT'].onload = function () {
  389.                     vars[vars.id + 'PT'].opacity = 1;
  390.                     var o = gui.Y;
  391.                     gui_swatch.cur('PT');
  392.                     o.prev.PT = null;
  393.                     o.sw(1);
  394.                     o.kontrol_update('PT');
  395.                     vars.cache(1);
  396.                 }
  397.                 $('author_'+gui_swatch.id).innerHTML = gui_swatch.author();
  398.             },
  399.             'shape': function (c, o) {
  400.                 gui.menu.fu.z(c, o);
  401.                 gui_tools.imageCurrent(vars.tool = 'Shape_' + (vars.shape = vars.shape.toLowerCase()));
  402.             },
  403.             'marquee': function (c, o) {
  404.                 gui.menu.fu.z(c, o);
  405.                 gui_tools.imageCurrent(vars.tool = 'Marquee_' + (vars.marquee = vars.marquee.toLowerCase()));
  406.             }
  407.         },
  408.         'klean': function (v, o) {
  409.             gui.menu.cur[v] = o;
  410.             vars[v] = o;
  411.             var a = o,
  412.             b = a.substr(0, a.indexOf('(') != -1 ? a.indexOf('(') - 1 : a.length);
  413.             gui.menu.key[v] = b;
  414.         },
  415.         // Data
  416.         'cellHeight': 17,
  417.         'parent': {},
  418.         'prev': {},
  419.         'toggle': function (n) {
  420.             var p = n.parentNode.parentNode,
  421.             o = gui.menu;
  422.             if (p.opened != true) {
  423.                 if (o.parent.opened == true) o.close();
  424.                 stop = 0;
  425.                 o.prev = n;
  426.                 o.parent = p;
  427.                 var c = p.parentNode.id.replace('_opt', '');
  428.                 win.id = p.parentNode.parentNode.parentNode.parentNode.parentNode;
  429.                 if (c == 'CO*' || c == 'GD*' || c == 'PT*') {
  430.                     win.id = win.id.parentNode.parentNode;
  431.                 }
  432.                 zindex(win.id);
  433.                 var offset = parseInt(n.parentNode.style.top);
  434.                 if (!isNaN(offset)) {
  435.                     offset = (offset / o.cellHeight) * (o.cellHeight + 2);
  436.                     var d = -1 * offset - abPos(p).Y + 3;
  437.                     if (d > 0) {
  438.                         n.parentNode.style.top = (offset + d) + 'px';
  439.                     } else n.parentNode.style.top = (offset - 3) + 'px';
  440.                 }
  441.                 p.style.overflow = 'visible';
  442.                 n.parentNode.className += 'opened';
  443.                 window.setTimeout(function () {
  444.                     p.opened = true;
  445.                 },
  446.                 100);
  447.                 window.onmousedown = o.close;
  448.             } else o.doSelect(n, p);
  449.         },
  450.         'doSelect': function (n, s) {
  451.             var p = n.parentNode.parentNode;
  452.             stop = 1;
  453.             var o = $T('li', p);
  454.             p.style.overflow = 'hidden';
  455.             for (var x = 0; x < o.length; x++) {
  456.                 o[x].className = trim(o[x].className.replace('sel', ''));
  457.                 if (o[x] == n) {
  458.                     n.className += ' sel';
  459.                     n.parentNode.style.top = -((x - 1) * gui.menu.cellHeight) + 'px';
  460.                 }
  461.             }
  462.             n.parentNode.className = trim(n.parentNode.className.replace('opened', ''));
  463.             p.opened = p.okClose = false;
  464.             window.onmousedown = null;
  465.             var c = p.parentNode.id.replace('_opt', '');
  466.             gui.menu.fu[c](c, n, s);
  467.         },
  468.         'close': function () {
  469.             if (gui.menu.parent.opened == true) gui.menu.doSelect(gui.menu.prev)
  470.         },
  471.         'select': function (n, s) {
  472.             var p = n.parentNode.parentNode;
  473.             if (p.okClose == true) gui.menu.doSelect(n, s);
  474.         },
  475.         'okClose': function (p) {
  476.             if (p.opened) p.okClose = true;
  477.         }
  478.     },
  479.    
  480.     //* Y-Scroll
  481.     'Y': {
  482.         'id': 'stamp',
  483.         'cur': {
  484.             'stamp': 1,
  485.             'hi': 1,
  486.             'CO': 1,
  487.             'GD': 1,
  488.             'PT': 1
  489.         },
  490.         'prev': {
  491.             'stamp': 10,
  492.             'hi': 10,
  493.             'CO': 10,
  494.             'GD': 10,
  495.             'PT': 10
  496.         },
  497.         'fu': {
  498.             'stamp': 'gui.Y.stamp',
  499.             'hi': 'gui.Y.hi',
  500.             'CO': 'gui.Y.sw',
  501.             'GD': 'gui.Y.sw',
  502.             'PT': 'gui.Y.sw'
  503.         },
  504.         'r': {
  505.             'stamp': {
  506.                 'Y': 110,
  507.                 'n': function () {
  508.                     return (stamp.r[vars.stamp]);
  509.                 },
  510.                 'display': 12,
  511.                 'col': 4,
  512.                 'row': 3
  513.             },
  514.             'hi': {
  515.                 'Y': 135,
  516.                 'n': function () {
  517.                     var r = canvas.history_r;
  518.                     return (1 + r.z - r.a);
  519.                 },
  520.                 'display': 7,
  521.                 'col': 1,
  522.                 'row': 7
  523.             },
  524.             'CO': {
  525.                 'Y': 106,
  526.                 'n': function () {
  527.                     return (vars['CO'].length);
  528.                 },
  529.                 'display': 28,
  530.                 'col': 7,
  531.                 'row': 4
  532.             },
  533.             'GD': {
  534.                 'Y': 106,
  535.                 'n': function () {
  536.                     return (vars['GD'].length);
  537.                 },
  538.                 'display': 28,
  539.                 'col': 7,
  540.                 'row': 4
  541.             },
  542.             'PT': {
  543.                 'Y': 106,
  544.                 'n': function () {
  545.                     return (vars['PT'].length);
  546.                 },
  547.                 'display': 28,
  548.                 'col': 7,
  549.                 'row': 4
  550.             }
  551.         },
  552.        
  553.         // WHEEL
  554.         'wheel': function (event) {
  555.             var o = gui.Y,
  556.             r = o.r[o.id];
  557.             if (event.wheelDelta) {
  558.                 var v = event.wheelDelta / 120;
  559.                 if (window.opera) {
  560.                     v = -v;
  561.                 }
  562.                 // OPERA + IE
  563.             } else if (event.detail) {
  564.                 var v = -event.detail / 3;
  565.                 // MOZ
  566.             }
  567.             var n = Math.max(2.5, (r.n() / (r.col * r.row)) / r.row * 4),
  568.             v = (v <= 0) ? Math.floor(v + 0.2) : Math.ceil(v + 0.5); //- JUNK
  569.             o.cord(v * n);
  570.             eval(o.fu[o.id] + "()");
  571.         },
  572.         'cord': function (v) {
  573.             var o = gui.Y,
  574.             r = o.r[o.id];
  575.             var Y2 = r.Y - o.height(o.id),
  576.             n = r.n() - r.display,
  577.             cur = o.cur[o.id];
  578.             if (o.id == 'hi') cur -= canvas.history_r.a + 1;
  579.             v = Math.round(Math.max(0, Math.min(n, cur - v)));
  580.             $S(o.id + 'Slide').top = Math.round(1 / n * Y2 * v) + 'px';
  581.             if (o.id == 'hi') v += canvas.history_r.a + 1;
  582.             o.cur[o.id] = v;
  583.         },
  584.        
  585.         // SLIDE
  586.         'kontrol': function (i, n) {
  587.             var o = gui.Y,
  588.             r = o.r[i],
  589.             H = o.height(i);
  590.             return ('<div id="' + i + 'Kontrol" onmousedown="gui.Y.slide_fu(event,\'' + i + '\')" class="slideY" style="top: ' + (!isNaN(n) ? n : 35) + 'px; height: ' + r.Y + 'px; display:' + (r.n() <= r.display ? 'none' : 'block') + '">' + ' <span class="rT"></span><span class="rB" style="top:' + r.Y + 'px;"></span>' + ' <div id="' + i + 'Slide" class="slider" style="position: relative; height:' + o.height(i) + 'px; top:' + o.top(o, r) + 'px;">' + '  <div class="rT"></div><div class="rB" style="top:' + H + 'px"></div>' + ' </div>' + '</div>');
  591.         },
  592.         'kontrol_update': function (v, s) {
  593.             var o = gui.Y,
  594.             r = o.r[v],
  595.             i = $(v + 'Slide');
  596.             var H = o.height(v),
  597.             b = i.style;
  598.             $S(v + 'Kontrol').display = 'none';
  599.             b.height = H + 'px';
  600.             i.childNodes[2].style.top = H + 'px';
  601.             b.top = o.top(o, r) + 'px';
  602.             $S(v + 'Kontrol').display = (r.n() <= r.display) ? 'none' : 'block';
  603.         },
  604.         'slide': function (a, b, m) {
  605.             var o = gui.Y,
  606.             r = o.r[o.id],
  607.             n = r.n() - r.display;
  608.             $S(o.id + 'Slide').top = b.Y + 'px';
  609.             var a = Math.round(Math.max(0, Math.min(n, (b.Y / (r.Y - o.height(o.id))) * n)));
  610.             if (o.id == 'hi') a += canvas.history_r.a + 1;
  611.             o.cur[o.id] = a;
  612.             eval(o.fu[o.id] + "()");
  613.         },
  614.         'slide_fu': function (e, i) {
  615.             var o = gui.Y,
  616.             H = o.height(i);
  617.             o.id = i;
  618.             core.fu(i + 'Slide', e, {
  619.                 fu: core.Y,
  620.                 oX: 0,
  621.                 oY: -(H / 2),
  622.                 Y1: 0,
  623.                 Y2: o.r[i].Y - H
  624.             },
  625.             o.slide);
  626.         },
  627.         'height': function (i) {
  628.             var o = gui.Y.r[i];
  629.             return (Math.round(o.row / Math.ceil(o.n() / o.col) * o.Y));
  630.         },
  631.         'top': function (o, r) {
  632.             var cur = o.cur[o.id],
  633.             n = r.row,
  634.             H = o.height(o.id);
  635.             if (o.id == 'hi') cur -= canvas.history_r.a - 6;
  636.             return (cur <= 1 ? 0 : Math.round((cur / ((r.n() - r.display) + n)) * (r.Y - H)));
  637.         },
  638.         // ACTIVE SCROLL
  639.         'active': function (o, n, n1, n2, fu, s) {
  640.             var z = '',
  641.             v = '',
  642.             r = gui.Y;
  643.             if (s) r.prev[r.id] = null;
  644.             while (Math.round(r.cur[r.id] - 1) % n != 0) {
  645.                 r.cur[r.id]++;
  646.                 n1++;
  647.                 n2++;
  648.             }
  649.             if (r.cur[r.id] != r.prev[r.id]) {
  650.                 if (fu.change) fu.change();
  651.                 for (var i = n1; i <= n2; i++) {
  652.                     var v = fu.each(i, fu.vars);
  653.                     if (v) z += v;
  654.                 }
  655.                 o.innerHTML = z;
  656.                 r.prev[r.id] = r.cur[r.id];
  657.                 return true;
  658.             }
  659.         },
  660.         'sw': function (s) {
  661.             var r = gui.Y,
  662.             c = r.cur;
  663.             function fu(i, r) {
  664.                 if (i <= r.length) {
  665.                     if (gui_swatch.id == 'PT') {
  666.                         vars.PT[i - 1] = new Image();
  667.                         vars.PT[i - 1].id = i;
  668.                         vars.PT[i - 1].src = gui_pattern.dir + vars['PT*'] + '/' + String(vars.PT.length - i) + '-live.jpg';
  669.                     }
  670.                     return ('<canvas id="' + vars.id + gui_swatch.id + i + '" height="16" width="16"' + (r.n == i ? 'class="cur"' : '') + ' onmousedown="gui_swatch.click(this)" title="' + String(vars.PT.length - i) + '"></canvas>');
  671.                 }
  672.             }
  673.             if (r.active($(gui_swatch.id), 7, c[gui_swatch.id], c[gui_swatch.id] + 27, {
  674.                 'each': fu,
  675.                 'vars': {
  676.                     'length': vars[gui_swatch.id].length,
  677.                     'n': gui_swatch.n[vars.id + gui_swatch.id]
  678.                 }
  679.             },
  680.             s)) {
  681.                 if (gui_swatch.id == 'PT') {
  682.                     for (var i = c[gui_swatch.id]; i <= c[gui_swatch.id] + 27; i++) if (i <= vars[gui_swatch.id].length && vars.PT[i - 1]) vars.PT[i - 1].onload = function () {
  683.                         gui_swatch.update(this.id);
  684.                     }
  685.                 } else gui_swatch.update(this.id);
  686.             }
  687.         },
  688.         'stamp': function (s) {
  689.             var r = gui.Y,
  690.             c = r.cur;
  691.             function fu(i, r) {
  692.                 if (i <= r.length) {
  693.                     stamp.src[i] = new Image();
  694.                     stamp.src[i].src = 'media/glyph/' + vars.stamp + '/' + (i - 1) + '-thumb.png';
  695.                     stamp.src[i].id = i;
  696.                     return ('<canvas width="34" height="34" onmousedown="if(this.id.substr(5)!=stamp.fileNumber) { stamp.current(this); co.glyph(stamp.uri(\'live\'),this.id); }" id="stamp' + i + '"' + (stamp.fileNumber == i ? ' class="cur"' : '') + '></canvas>');
  697.                 }
  698.             }
  699.             if($('brush_author')) {
  700.                 var stampSet = Resources.Brushes[vars.stamp];
  701.                 if(!stampSet) {
  702.                     $('brush_author').innerHTML = '';              
  703.                 } else {
  704.                     $('brush_author').innerHTML = '<i style="-moz-user-select: none; -khtml-user-select: none; user-select: none; ">by:&nbsp; <a href="'+stampSet.url+'" target="_blank">'+stampSet.name+'</a></i><div style="background: #555; height: 1px; margin: 6px 0 2px; "></div>';
  705.                 }
  706.             }
  707.             if (r.active($('stamp'), 4, c[r.id], c[r.id] + 11, {
  708.                 'change': function () {
  709.                     stamp.src = [];
  710.                 },
  711.                 'each': fu,
  712.                 'vars': {
  713.                     'length': stamp.r[vars.stamp]
  714.                 }
  715.             },
  716.             s)) {
  717.                 for (var i in stamp.src) stamp.src[i].onload = function () {
  718.                     stamp.preview(this.id);
  719.                 };
  720.             }
  721.         },
  722.         'hi': function (s) {
  723.             var r = gui.Y,
  724.             c = r.cur;
  725.             r.id = 'hi';
  726.             function fu(i) {
  727.                 var r = canvas.history_r;
  728.                 i--;
  729.                 if (i <= r.z && i >= r.a) {
  730.                     var v = r.data[r.r[i]];
  731.                     if (v) {
  732.                         v = v[3] ? {
  733.                             'img': v[3],
  734.                             'type': v[4] ? v[4] : v[2],
  735.                             'n': 1
  736.                         } : {
  737.                             'img': 'Original',
  738.                             'type': 'original'
  739.                         };
  740.                         return ('<div onmousedown="gui.Y.prev[gui.Y.id]=null; canvas.history_set(canvas.history_r.n=' + i + ',1)" class="' + (r.n == i ? 'cur' : (i <= r.n ? 'keep' : 'discard')) + '">' + ' <div style="float: left">' + '  <div style="background: url(media/gui/tools/' + v.img + '.png); opacity: ' + (i <= r.n ? 1.00 : 0.65) + '"></div>' + ' </div>' + ' <div style="float: left; margin-left: 3px;">' + v.type + '</div>' + ' <span>' + (v.n ? '#' + i : '') + '</span>' + '</div>');
  741.                     }
  742.                 }
  743.             }
  744.             r.active($C('z', 'history')[0], 1, c[r.id], c[r.id] + 7, {
  745.                 'each': fu
  746.             }, s);
  747.         }
  748.     },
  749.    
  750.     //* X-Slide
  751.     'X': {
  752.         'html': function (o, r, n, m) {
  753.             if (r[3]) vars[o] = Math.round(Math.max(r[0], n * r[1]) * 100) / 100;
  754.             else vars[o] = Math.round(Math.max(r[0], n * r[1]));
  755.             $(o + 'CurV').innerHTML = vars[o];
  756.             if (m == 'up') co.glyph();
  757.         },
  758.         'left': function (o, n) {
  759.             $S(o + 'Cur').left = Math.max(0, n) + 'px';
  760.         },
  761.         'build': function (v, o, r) {
  762.             var a = '',
  763.             b = '',
  764.             n = 0;
  765.             if (!isNaN(r[0])) {
  766.                 r = {
  767.                     '': r
  768.                 };
  769.                 d = 'slideX';
  770.             } else {
  771.                 d = 'slideXX';
  772.             }
  773.             for (var i in r) {
  774.                 n++;
  775.                 a = '<div id="' + o + i + 'Cur" class="' + i + '" style="left: ' + Math.round(vars[o + i] / (i ? cF[o].val[i] : cF[o].val)[1] * 112) + 'px"></div>' + a;
  776.                 b = '<div id="' + o + i + 'CurV" class="v">' + Math.round(vars[o + i]) + '</div>' + (b ? '<div class="u">/</div>' : '') + b;
  777.             }
  778.             return ('<div class="' + d + '"><span>' + v + '</span><br><div onmousedown="gui.X.' + (n > 1 ? 'xxSwitch' : 'xRun') + '(\'' + o + '\',event,this)" class="slide_div">' + (n > 1 ? '<div id="' + o + 'cCur" class="slide_center"></div>' : '') + a + '</div>' + b + '<br></div>' + (d == 'slideXX' ? '<div style="margin-top: 42px; clear: both;"></div>' : ''));
  779.         },
  780.         'xRun': function (o, e) {
  781.             core.fu(o + 'Cur', e, {
  782.                 fu: core.X,
  783.                 oX: -6,
  784.                 X1: 0,
  785.                 X2: 110,
  786.                 oY: 0
  787.             },
  788.             function (a, b, m) {
  789.                 var i = cF[o];
  790.                 if (i.fu) {
  791.                     i.fu(o, i.val, b.X, m);
  792.                 } else {
  793.                     gui.X.html(o, i.val, b.X / 110, m);
  794.                 }
  795.                 gui.X.left(o, b.X);
  796.                 if (m == 'up') vars.cache(1);
  797.             });
  798.         },
  799.         'xxSwitch': function (o, e, v) {
  800.             var n = (XY(e, 'X') - abPos(v).X - 7);
  801.             gui.X.xxID = o;
  802.             function z(v1, v2) {
  803.                 $S(o + v1 + 'Cur').zIndex = 1;
  804.                 $S(o + v2 + 'Cur').zIndex = 0;
  805.                 core.fu(o + v1 + 'Cur', e, {
  806.                     fu: core.X,
  807.                     oX: v1 == '_min' ? 0 : -7,
  808.                     X1: 0,
  809.                     X2: 115,
  810.                     oY: 0
  811.                 },
  812.                 function (a, b, m) {
  813.                     gui.X.xxRun(a, b, m, v1);
  814.                     if (m == 'up') vars.cache(1);
  815.                 });
  816.             }
  817.             var a = zero($S(o + '_maxCur').left),
  818.             b = zero($S(o + '_minCur').left);
  819.             if (Math.abs(n - a) < Math.abs(n - b) || (Math.abs(n - a) == Math.abs(n - b) && n <= a)) z('_max', '_min');
  820.             else z('_min', '_max');
  821.         },
  822.         'range': function (v, i, n) {
  823.             var a = (i == '_min') ? n : parseInt($S(v + '_minCur').left),
  824.                 z = (i == '_max') ? n : parseInt($S(v + '_maxCur').left);
  825.             $S(v + 'cCur').left = (z + 7) + 'px';
  826.             $S(v + 'cCur').width = Math.max(0, a - z - 7) + 'px';
  827.         },
  828.         'xxRun': function (a, b, m, i) {
  829.             var o = gui.X,
  830.             v = o.xxID;
  831.             function z(i, b) {
  832.                 o.html(v + i, cF[v].val[i], b / 115, m);
  833.                 o.left(v + i, b);
  834.                 o.range(v, i, b);
  835.             }
  836.             if (i == '_max' && zero($S(v + '_minCur').left) < (b.X + 1)) z('_min', Math.min(115, b.X + 1));
  837.             else if (i == '_min' && zero($S(v + '_maxCur').left) > (b.X - 1)) z('_max', Math.max(0, b.X - 1));
  838.             z(i, b.X);
  839.         },
  840.         'xxID': 0
  841.     }
  842. };
  843.  
  844. // WINDOW
  845.  
  846. win = {
  847.  
  848.     // Mouse
  849.     'close': function (v, s) {
  850.         win.tog(v, {
  851.             display: 'none',
  852.             effect: true
  853.         });
  854.         if (s) {
  855.             setTimeout("var v=$('i" + v + "'); v.className=(v.className=='cur')?'':'cur'; v.opened=false;", 190);
  856.         }
  857.     },
  858.     'tab': function (o, v) {
  859.         var d = $(o.id.substr(1));
  860.         if (o.opened == false) {
  861.             var i = o.id.substr(0, 2);
  862.             i = gui_swatch.L2S[i];
  863.             if (i) gui_swatch.cur(i);
  864.         }
  865.         if (o.opened == false && !d.interval) {
  866.             o.opened = true;
  867.             o.className = '';
  868.             win.tog(v, {
  869.                 display: 'block',
  870.                 effect: true
  871.             });
  872.         } else if (!d.interval) {
  873.             o.opened = false;
  874.             o.className = 'cur';
  875.             win.tog(v, {
  876.                 display: 'none',
  877.                 effect: true
  878.             });
  879.         }
  880.     },
  881.     'tog': function (v, s, r) {
  882.         if ($(v)) {
  883.             var o = $(v),
  884.             d = $S(v),
  885.             n = win.getCenter();
  886.             if (typeof(s) != 'object') {
  887.                 s = {
  888.                     display: s,
  889.                     effect: false
  890.                 };
  891.             }
  892.             if (win && isNaN(win)) {
  893.                 d.left = (win.r[v][1] + n) + 'px';
  894.                 d.top = win.r[v][2] + 'px';
  895.             }
  896.             if ($('i' + v)) {
  897.                 var a, b;
  898.                 if (!o.start) o.start = {
  899.                     'top': 20,
  900.                     'left': $('i' + v).offsetLeft + (String($('i' + v).innerHTML).length * 2.5) + 8 - n,
  901.                     'width': 1,
  902.                     'height': 1,
  903.                     'opacity': 10
  904.                 };
  905.                 o.end = {
  906.                     'top': parseInt(win.r[v][2]),
  907.                     'left': parseInt(win.r[v][1]),
  908.                     'width': 216,
  909.                     'height': parseInt(win.r[v][3]),
  910.                     'opacity': 100
  911.                 };
  912.                 if (s.display == 'block' && s.display != d.display) {
  913.                     if (s.effect) {
  914.                         a = o.start;
  915.                         b = o.end;
  916.                     } else {
  917.                         a = o.end;
  918.                     }
  919.                 } else if (s.display == 'none' && d.display == 'block') {
  920.                     if (s.effect) {
  921.                         a = o.end;
  922.                         b = o.start;
  923.                     } else {
  924.                         a = o.start;
  925.                     }
  926.                 }
  927.                 if (b) {
  928.                     win.apply(o, a);
  929.                     win.go(o, b, .4);
  930.                 } else {
  931.                     win.apply(o, a);
  932.                 }
  933.             } else {
  934.                 o.start = o.end = {
  935.                     'opacity': 100
  936.                 };
  937.                 win.apply(o, o.start);
  938.             }
  939.             win.r[v][0] = s.display;
  940.             win.cp(1);
  941.         }
  942.     },
  943.    
  944.     // Create
  945.     'feed': function () {
  946.         win.r = {
  947.             'canvas': ['block', -10, 19, ],
  948.             'solid': ['block', 588, 49, 256],
  949.             'gradient': ['none', 338, 382, 230],
  950.             'pattern': ['none', 338, 152, 219],
  951.             'swatch': ['none', 589, 306, 217],
  952.             'tools': ['block', -102, 19, 279],
  953.             'options': ['block', -103, 296, 200],
  954.             'history': ['none', 138, 416, 187]
  955.         };
  956.         if (r = cookieGrab('windows')) win.mk(r);
  957.         else win.mk(win.cp());
  958.     },
  959.     'mk': function (r) {
  960.         var n = win.getCenter(),
  961.         r = r.split(':');
  962.         for (var i in r) {
  963.             var v = r[i].split(','),
  964.             o = '';
  965.             if(!v[0]) continue; //- there's a missing name being passed somewhere...
  966.             win.r[v[0]] = [v[1], parseInt(v[2]), v[3], v[4]];
  967.             win.tog(v[0], v[1], [n + parseInt(v[2]), v[3], v[4]]);
  968.             if (o = $('i' + v[0])) {
  969.                 o.opened = (v[1] == 'none') ? false : true;
  970.                 o.className = (v[1] == 'none') ? 'cur' : '';
  971.             } //            TEST("'"+v[0]+"':['"+v[1]+"',"+v[2]+","+v[3]+","+v[4]+"],",1);
  972.         }
  973.     },
  974.     'cp': function (o, r) {
  975.         var z = '';
  976.         if (r) {
  977.             r[1] -= win.getCenter();
  978.             win.r[o] = deObject(r);
  979.         }
  980.         for (var i in win.r) {
  981.             z += i + ',' + win.r[i] + ':';
  982.         }
  983.         if (o) {
  984.             cookieStab('windows', z);
  985.         } else {
  986.             return (z);
  987.         }
  988.     },
  989.    
  990.     // Visualizer
  991.     'apply': function (o, r) {
  992.         var d = o.style,
  993.         n = win.getCenter();
  994.         for (i in r) {
  995.             if (i == 'opacity') {
  996.                 var b = r[i] / 100;
  997.                 d.filter = 'alpha(opacity=' + r[i] + ')';
  998.                 d.MozOpacity = b;
  999.                 d.opacity = b;
  1000.                 d.KhtmlOpacity = b;
  1001.                 if (r[i] <= o.start.opacity && r[i] != o.end.opacity) d.display = 'none';
  1002.                 else d.display = 'block';
  1003.             } else if (i == 'left') {
  1004.                 d[i] = (r[i] + n) + 'px';
  1005.             } else {
  1006.                 d[i] = r[i] + 'px';
  1007.             }
  1008.             o[i] = r[i];
  1009.         }
  1010.     },
  1011.     'go': function (o, r, n) {
  1012.         stop = 0;
  1013.         zindex(o);
  1014.         if (o.interval) {
  1015.             window.clearInterval(o.interval);
  1016.         } // .01 (super slow) to 1 (instant)
  1017.         win.overflow(o, 'hidden');
  1018.         o.style.cursor = 'pointer';
  1019.         o.interval = window.setInterval(function () {
  1020.             var done = true,
  1021.             A = [],
  1022.             Z = [];
  1023.             for (i in r) {
  1024.                 A[i] = Math.round((r[i] - o[i]) * n);
  1025.             }
  1026.             for (i in A) {
  1027.                 Z[i] = o[i] + A[i];
  1028.                 if (A[i] == 0 || (A[i] > 0 && Z[i] > r[i]) || (A[i] < 0 && Z[i] < r[i])) {
  1029.                     Z[i] = r[i];
  1030.                 } else {
  1031.                     done = false;
  1032.                 }
  1033.             }
  1034.             win.apply(o, Z);
  1035.             if (done) {
  1036.                 window.clearInterval(o.interval);
  1037.                 o.interval = null;
  1038.                 stop = 1;
  1039.                 o.style.cursor = 'move';
  1040.                 win.overflow(o, 'visible');
  1041.             }
  1042.         },
  1043.         35);
  1044.     },
  1045.     'overflow': function (o, v) {
  1046.         o.style.overflow = v;
  1047.         function fu(d) {
  1048.             d.style.overflow = v;
  1049.         }
  1050.         fu($C('z', o)[0]);
  1051.         var d = $C('TML', o)[0];
  1052.         if (d) fu(d);
  1053.         var d = $C('TRx', o)[0];
  1054.         if (d) fu(d);
  1055.     },
  1056.    
  1057.     // Data
  1058.     'zindex': 3,
  1059.     'getCenter': function () {
  1060.         return (zero((XYwin('X') - 710) / 2));
  1061.     }
  1062. };
  1063.  
  1064. // WINDOW RESIZE
  1065.  
  1066. win_size = {
  1067.  
  1068.     // Mouse
  1069.     'core': function (e) {
  1070.         function fu(o, m, a) {
  1071.             var Y = Math.max(100, (a.Y - r.Y) + r.H),
  1072.             X = Math.max(212, (a.X - r.X) + r.W);
  1073.             var o = {
  1074.                 W: X - 32,
  1075.                 H: Y - 40
  1076.             };
  1077.             win_size.fu(o, r);
  1078.             if (m == 'up') {
  1079.                 vars.cache(1);
  1080.             }
  1081.         }
  1082.         var r = win_size.construct({
  1083.             'X': $('canvas').offsetLeft,
  1084.             'Y': $('canvas').offsetTop,
  1085.             'W': parseInt($S('canvas').width),
  1086.             'H': parseInt($S('canvas').height)
  1087.         });
  1088.         core.fu('canvas', e, {
  1089.             fu: fu
  1090.         });
  1091.     },
  1092.     'tog': function (v) {
  1093.         var o = $S('canvas');
  1094.         win_size[v]();
  1095.         vars.winMax = (v == 'max') ? 1 : 0;
  1096.         vars.cache(1);
  1097.         win.cp('canvas', ['block', zero(o.left), zero(o.top), parseInt(win.r['canvas'][3])]);
  1098.     },
  1099.     'max': function () {
  1100.         var o = win_size;
  1101.         o.fu({
  1102.             cT: 19,
  1103.             cL: -8,
  1104.             W: XYwin('X') - 16,
  1105.             H: XYwin('Y') - 56
  1106.         },
  1107.         o.construct({}));
  1108.     },
  1109.     'min': function () {
  1110.         var o = win_size;
  1111.         o.fu({
  1112.             cT: 19,
  1113.             cL: (document.body.scrollWidth - (canvas.W + 30)) / 2,
  1114.             W: canvas.W,
  1115.             H: canvas.H
  1116.         },
  1117.         o.construct({}));
  1118.     },
  1119.    
  1120.     // Create
  1121.     'fu': function (o, c) {
  1122.         var d = $S('canvas');
  1123.         vars.winW = o.W;
  1124.         vars.winH = o.H;
  1125.         if (o.cT) {
  1126.             d.top = o.cT + 'px';
  1127.             d.left = o.cL + 'px';
  1128.         }
  1129.         d.width = (o.W + 32) + 'px';
  1130.         d.height = (o.H + 40) + 'px';
  1131.         var d = $S('cBound');
  1132.         d.height = o.H + 'px';
  1133.         d.width = o.W + 'px';
  1134.         c['ML'].height = o.H + 'px';
  1135.         c['MM'].height = o.H + 'px';
  1136.         c['MR'].height = o.H + 'px';
  1137.         c['TM'].width = o.W + 'px';
  1138.         c['MM'].width = o.W + 'px';
  1139.         c['BM'].width = o.W + 'px';
  1140.         var o = win_size.LT(),
  1141.         r = ['ctx_box', 'ctx_temp', 'ctx_marquee', 'ctx_active', 'ctx_mouse'];
  1142.         for (var i in r) {
  1143.             var d = $S(r[i]);
  1144.             d.left = o.L + 'px';
  1145.             d.top = o.T + 'px';
  1146.         };
  1147.     },
  1148.     'LT': function () {
  1149.         return ({
  1150.             L: Math.round((vars.winW - canvas.W) / 2),
  1151.             T: Math.round((vars.winH - canvas.H) / 2)
  1152.         });
  1153.     },
  1154.     'construct': function (o) {
  1155.         var d = $('canvas'),
  1156.         r = ['ML', 'MM', 'MR', 'TM', 'BM'];
  1157.         for (var i in r) {
  1158.             i = r[i];
  1159.             o[i] = $C(i, d)[0].style;
  1160.         }
  1161.         return (o);
  1162.     }
  1163. };/*
  1164.  
  1165.     // Canvas2D : v0.3 : 2009.01.16
  1166.     --------------------------------
  1167.     1) Retrofits older browsers that don't support HTML 5.0
  1168.         * IECanvas, an ActiveX module which emulates <canvas>, retrofits IE: code.google.com/p/iecanvas/
  1169.         * Retrofits prototyping up to Safari 3.  IE is fixed externally in /lib/HTMLElement.htc
  1170.         * Retrofits arcTo up to (which browsers don't work???)
  1171.         * Retrofits fillText / strokeText up to Safari 4, Firefox 3.1, and Opera
  1172.         * Retrofits transform / setTransform up to Safari 4, Firefox 3.1 (+?)
  1173.  
  1174.     2) Parses and Implements SVG:
  1175.         * Parses <font> attributes and paths then converts to FOB for fast access.  In the process of emulating more attributes in <canvas>.
  1176.         * Parses <path> [ M, m, L, l, C, c, Q, q, Z, H, h, V, v, A, a ] and converts to VOB [ M, L, C, Q, Z ] for fast access
  1177.         * Implements Shapes: circle, ellipse, line, path, polygon, polyline, rect
  1178.  
  1179.     3) Adds non-standardized features:
  1180.         * Pixel: colorMatrix, colorTransform (browser must support getImageData / putImageData)
  1181.         * Path: arc, roundRect, star, polygon, burst, arrow, wedge, gear, spiral, superformula, drawVector, drawVOB
  1182.         * Typeface: drawText
  1183.  
  1184.  
  1185.     * Breaking down the libraries:
  1186.     -------------------------------
  1187.     Canvas2D.js // add, remove, fix (browser fixes), ect
  1188.     Canvas2D.Pixel.js // ColorMatrix + ConvolutionMatrix + CustomFilter mixing and applying (maybe a few other default filters, such as DisplacementMap)
  1189.     Canvas2D.Raster.js // reflect, straighten, flip, rotate, resize
  1190.     Canvas2D.Record.js // sets up functions for recording native functions
  1191.     Canvas2D.StyleSheet.js // importing, exporting, converting, and storing:  patterns, gradients, colors, and native styles (i.e. miterLimit, font, ect)
  1192.     Canvas2D.SVG.js // parse SVG into VOB (fonts and paths)
  1193.     Canvas2D.Transform.js // geometric TransformationMatrix + Decompose
  1194.     Canvas2D.Typeface.js // text building and styles
  1195.     Canvas2D.Vector.js // shapes and broken native path functions (optionally caches in VOB)
  1196.     Canvas2D.VOB.js // v2.0 is pretty complex, ties in layers + groups w/ vector objects, so gets it's own .js
  1197.  
  1198.    
  1199.     * Listing functions supported by the library:
  1200.     ----------------------------------------------
  1201.     Canvas2D.add // create new <canvas> element
  1202.     Canvas2D.remove // remove specific <canvas> element
  1203.  
  1204.  
  1205.     HTMLCanvasElement (HTML 5.0)
  1206.     -----------------------------
  1207.     attribute unsigned long width;
  1208.     attribute unsigned long height;
  1209.    
  1210.     DOMString toDataURL([Optional] in DOMString type); // converts <canvas> in a base64 string of image type
  1211.     DOMObject getContext(in DOMString contextId); // returns CanvasRenderingContext2D
  1212.    
  1213.  
  1214.     State Stack (HTML 5.0)
  1215.     --------------------------
  1216.     void save(); // push state on state stack
  1217.     void restore(); // pop state stack and restore state
  1218.    
  1219.     void getPath(); // returns current path *
  1220.  
  1221.  
  1222.     Style API
  1223.     -----------------------
  1224.     Composition (HTML 5.0)
  1225.     -----------------------
  1226.     attribute float globalAlpha; // (default 1.0)
  1227.     attribute DOMString globalCompositeOperation; // (default source-over)
  1228.    
  1229.     Colors & Styles (HTML 5.0)
  1230.     --------------------------
  1231.     attribute any strokeStyle; // (default black)
  1232.     attribute any fillStyle; // (default black)
  1233.    
  1234.     Line Caps & Joins (HTML 5.0)
  1235.     ----------------------------
  1236.     attribute float lineWidth; // (default 1)
  1237.     attribute DOMString lineCap; // "butt", "round", "square" (default "butt")
  1238.     attribute DOMString lineJoin; // "round", "bevel", "miter" (default "miter")
  1239.     attribute float miterLimit; // (default 10)
  1240.    
  1241.     Shadows: supported in Firefox 3.1, Safari 3, Opera 10
  1242.     -----------------------------------------
  1243.     attribute float shadowOffsetX; // (default 0)
  1244.     attribute float shadowOffsetY; // (default 0)
  1245.     attribute float shadowBlur; // (default 0)
  1246.     attribute DOMString shadowColor; // (default transparent black)
  1247.  
  1248.     CanvasGradient (HTML 5.0)
  1249.     -------------------------
  1250.     createLinearGradient(float x0, float y0, float x1, float y1);
  1251.     createRadialGradient(float x0, float y0, float r0, float x1, float y1, float r1);
  1252.    
  1253.     interface { void addColorStop(float offset, DOMString color); };
  1254.    
  1255.  
  1256.     Patterns (HTML 5.0)
  1257.     -------------------
  1258.     CanvasPattern createPattern(HTMLImageElement image, DOMString repetition);
  1259.     CanvasPattern createPattern(HTMLCanvasElement image, DOMString repetition);
  1260.    
  1261.    
  1262.     Transformation API (HTML 5.0)
  1263.     ------------------------------
  1264.     void scale(float x, float y);
  1265.     void rotate(float angle);
  1266.     void translate(float x, float y);
  1267.     void transform(float m11, float m12, float m21, float m22, float dx, float dy);
  1268.     void setTransform(float m11, float m12, float m21, float m22, float dx, float dy);
  1269.  
  1270.    
  1271.     Pixel API (HTML 5.0)
  1272.     ------------------------
  1273.     ImageData createImageData(float sw, float sh);
  1274.     ImageData getImageData(float sx, float sy, float sw, float sh); // Opera 9.5+, Firefox 2.0+, Safari 4.0+
  1275.  
  1276.     void putImageData(ImageData imagedata, float dx, float dy);
  1277.     void putImageData(ImageData imagedata, float dx, float dy, float dirtyX, float dirtyY, float dirtyWidth, float dirtyHeight);
  1278.  
  1279.     Addon: Filters (seperate file contains filters, cause this is a lot of information)
  1280.  
  1281.     void getPixel();
  1282.     void setPixel();
  1283.    
  1284.    
  1285.     Raster API (HTML 5.0)
  1286.     ------------------------
  1287.     void drawImage(HTMLImageElement image, float dx, float dy, [Optional] float dw, float dh);
  1288.     void drawImage(HTMLImageElement image, float sx, float sy, float sw, float sh, float dx, float dy, float dw, float dh);
  1289.     void drawImage(HTMLCanvasElement image, float dx, float dy, [Optional] float dw, float dh);
  1290.     void drawImage(HTMLCanvasElement image, float sx, float sy, float sw, float sh, float dx, float dy, float dw, float dh);
  1291.    
  1292.  
  1293.     Vector API (HTML 5.0)
  1294.     ----------------------
  1295.     boolean isPointInPath(float x, float y);
  1296.  
  1297.     void beginPath();
  1298.     void closePath();
  1299.     void moveTo(float x, float y);
  1300.     void lineTo(float x, float y);
  1301.     void arcTo(float x1, float y1, float x2, float y2, float radius); // don't punish for not having arcTo native
  1302.     void bezierCurveTo(float cp1x, float cp1y, float cp2x, float cp2y, float x, float y);
  1303.     void quadraticCurveTo(float cpx, float cpy, float x, float y);
  1304.     void arc(float x, float y, float radius, float startAngle, float endAngle, boolean anticlockwise); // openlaszlo.org/jira/browse/LPP-3491
  1305.     void rect(float x, float y, float w, float h);
  1306.     void clearRect(float x, float y, float w, float h);
  1307.     void fillRect(float x, float y, float w, float h);
  1308.     void strokeRect(float x, float y, float w, float h);
  1309.     void fill();
  1310.     void stroke();
  1311.     void clip();
  1312.    
  1313.     // Addon: SVG Shapes @ w3.org/TR/SVG11/shapes.html
  1314.  
  1315.     void circle(float cx, float cy, float r) // defines a circle based on a center point and a radius
  1316.     void ellipse(float cx, float cy, float rx, float ry) // defines an ellipse based on a center point and two radii
  1317.     void line(float x1, float y1, float x2, float y2) // defines a line segment that starts at one point and ends at another
  1318.     void path(string d) // SVG instructions, contains the moveto, line, cubic, quadratic, arc, and closepath: "M5,5 C5,45 45,45 45,5"
  1319.  
  1320.     // Addon: Path Shapes
  1321.  
  1322.     void roundRect(float x, float y, float width, float height, float rad) // circular rounded-rectangle
  1323.     void roundRect(float x, float y, float width, float height, float rx, float ry) // elliptical rounded-rectangle (two radii)
  1324.     void wedge(float x, float y, float radius, float startAngle, float endAngle, boolean anticlockwise); // en.wikipedia.org/wiki/Wedge_%28geometry%29
  1325.     void polygon(x, y, radius, sides) // en.wikipedia.org/wiki/Regular_polygon
  1326.     void gear(float x, float y, float radius, int sides, float slope); // en.wikipedia.org/wiki/Gear
  1327.     void star(float x, float y, float radius, int sides, float slope);
  1328.     void burst(float x, float y, float radius, int sides, float slope);
  1329.     void spiral(x, y, radius, sides, coils) // en.wikipedia.org/wiki/Archimedean_spiral
  1330.     void superformula(x, y, radius, points, m, n1, n2, n3) // en.wikipedia.org/wiki/Superformula
  1331.  
  1332.  
  1333.     Typeface API (HTML 5.0)  -- Firefox 3.1+ and Safari 4.0+
  1334.     ------------------------
  1335.     attribute DOMString font; // (default 10px sans-serif)
  1336.     attribute DOMString textAlign; // "start", "end", "left", "right", "center" (default: "start")
  1337.     attribute DOMString textBaseline; // "top", "hanging", "middle", "alphabetic", "ideographic", "bottom" (default: "alphabetic")
  1338.  
  1339.     void fillText(DOMString text, float x, float y, [Optional] float maxWidth);
  1340.     void strokeText(DOMString text, float x, float y, [Optional] float maxWidth);
  1341.     void measureText(DOMString text); // returns { width: 100 }
  1342.    
  1343.     // Addon: Mozilla
  1344.    
  1345.     void drawText(DOMString text, float x, float y, [Optional] float maxWidth); // rhino-canvas.sourceforge.net/www/drawstring.html
  1346.  
  1347. */
  1348. if (typeof Canvas2D == 'undefined') {
  1349.     var Canvas2D = {};
  1350. }
  1351. (function () {
  1352. var surface = {}; // canvas array
  1353. Canvas2D = mixin(Canvas2D, { // Global functions
  1354.     add: function (attr, height, id, style) { // add <canvas> element
  1355.         if (typeof attr == "number") { // accepts Canvas2D.add(width, height, id, style)
  1356.             attr = {
  1357.                 width: attr,
  1358.                 height: height,
  1359.                 id: id,
  1360.                 style: style
  1361.             };
  1362.         }
  1363.         if (attr) { // check whether surface exists
  1364.             if (typeof attr == "string") {
  1365.                 attr = { // convert to object
  1366.                     id: attr
  1367.                 };
  1368.             }
  1369.             if (attr && attr.id && surface[attr.id]) {
  1370.                 return surface[attr.id];
  1371.             }
  1372.         }
  1373.         var d = document.createElement('canvas'),
  1374.         ctx = d.getContext('2d');
  1375.         if (typeof attr == "object") {
  1376.             for (var key in attr) {
  1377.                 switch (key) { // type of attribute
  1378.                     case "style":
  1379.                         if (typeof attr[key] == "object") {
  1380.                             for (var type in attr[key]) // style object
  1381.                             d.style[type] = attr[key][type];
  1382.                             break;
  1383.                         }
  1384.                         else { // string
  1385.                             d.setAttribute(key, attr[key]);
  1386.                             break;
  1387.                         }
  1388.                     default:
  1389.                         //-
  1390.                         d[key] = attr[key];
  1391.                         break;
  1392.                 }
  1393.             }
  1394.         }
  1395.         document.body.appendChild(d);
  1396.         if (attr.id) { // cache surface
  1397.             surface[attr.id] = ctx;
  1398.         }
  1399.         return ctx;
  1400.     },
  1401.     remove: function (id) { // remove <canvas> element
  1402.         if (!surface[id]) {
  1403.             return;
  1404.         }
  1405.         delete surface[id]; // delete reference
  1406.         document.body.removeChild($("#" + id)); // remove DOM
  1407.     }
  1408. });
  1409. })();(function() {
  1410.  
  1411. // Debugging
  1412.  
  1413. TEST = { };
  1414.  
  1415. TEST = (function() {
  1416.     var max,
  1417.         depth = 0,
  1418.         INDENT = "\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
  1419.     function valueToStr(value, depth) {
  1420.         switch(typeof value) {
  1421.             case "object":
  1422.                 return objectToStr(value, depth + 1);
  1423.             case "function":
  1424.                 return "function";
  1425.             case "string":
  1426.                 return "'"+value+"'";
  1427.             default:        
  1428.                 return value;
  1429.         }
  1430.     };
  1431.     function objectToStr(object, depth) {
  1432.         if(depth > max)
  1433.             return false;
  1434.         var type = Object.prototype.toString.call(object),
  1435.             output = "\n",
  1436.             indent = INDENT.substr(0, depth);
  1437.         for(var key in object)
  1438.             output += indent + valueToStr(key) + ": " + valueToStr(object[key], depth) + ",\n";
  1439.         indent = INDENT.substr(0, depth - 1);
  1440.         switch(type) {
  1441.             case "[object Object]":
  1442.                 return "{ " + output.substr(0, output.length - 2) + "\n" + indent + "}";  
  1443.             case "[object Array]":
  1444.                 return "[ " + output.substr(0, output.length - 2) + "\n" + indent + "]";  
  1445.             default:
  1446.                 return;
  1447.         }
  1448.     };
  1449.     return function(value, aggregate, MAX) {
  1450.         var d = document.getElementById("TEST");
  1451.         if(!d) { // element does not exist
  1452.             var d = document.createElement("div");
  1453.             d.id = "TEST";
  1454.             document.body.appendChild(d);
  1455.         }
  1456.         // recurse
  1457.         max = MAX || 2;
  1458.         if(typeof value != "string")
  1459.             value = valueToStr(value, depth);
  1460.         var br = Object.prototype.toString.call(d) == "[object HTMLDivElement]" ? "<br>" : "\n";
  1461.         d.innerHTML = aggregate ? d.innerHTML + br + value : value;
  1462.     };
  1463. })();
  1464.  
  1465. TEST.element = function(type, style) {
  1466.     var d = document.getElementById("TEST");
  1467.     if(d) // remove element
  1468.         document.body.removeChild(d);
  1469.     var d = document.createElement(type);
  1470.     d.id = "TEST";
  1471.     if(style)
  1472.         d.setAttribute("style", style);
  1473.     document.body.appendChild(d);
  1474.     if(type == "textarea") {
  1475.         d.style.width = (window.innerWidth - d.offsetLeft - 6) + "px";
  1476.         d.style.height = (window.innerHeight - d.offsetTop - 6) + "px";
  1477.     }
  1478.     return d;
  1479. };
  1480.  
  1481. TEST.speed = function(a, b, n) {
  1482.     var T1, T2, Z1, Z2;
  1483.     T1 = now();
  1484.     for(var i = 0; i<= n; i++) a();
  1485.     Z1 = now()-T1;
  1486.     T2 = now();
  1487.     for(var i = 0; i<= n; i++) b();
  1488.     Z2 = now()-T2;
  1489.     TEST('A: '+Z1+', B: '+Z2+' = '+(Math.round(Z2/Z1*1000)/1000), 1);
  1490. };
  1491.  
  1492. // Class: Dump
  1493. // Author: Shuns (www.netgrow.com.au/files)
  1494. // Last Updated: 10/10/06
  1495. // Version: 1.1
  1496.  
  1497. dump = function(object, aggregate, showTypes) {
  1498.  var dump = '';
  1499.  var st = typeof showTypes == 'undefined' ? true : showTypes;
  1500.  var winName = 'dumpWin';
  1501.   var browser = _dumpIdentifyBrowser();
  1502.  var w = 760;
  1503.  var h = 500;
  1504.  var leftPos = screen.width ? (screen.width - w) / 2 : 0;
  1505.  var topPos = screen.height ? (screen.height - h) / 2 : 0;
  1506.  var settings = 'height=' + h + ',width=' + w + ',top=' + topPos + ',left=' + leftPos + ',scrollbars=yes,menubar=yes,status=yes,resizable=yes';
  1507.  var title = 'Dump';
  1508.   var script = 'function tRow(s) {t = s.parentNode.lastChild;tTarget(t, tSource(s)) ;}function tTable(s) {var switchToState = tSource(s) ;var table = s.parentNode.parentNode;for (var i = 1; i < table.childNodes.length; i++) {t = table.childNodes[i] ;if (t.style) {tTarget(t, switchToState);}}}function tSource(s) {if (s.style.fontStyle == "italic" || s.style.fontStyle == null) {s.style.fontStyle = "normal";s.title = "click to collapse";return "open";} else {s.style.fontStyle = "italic";s.title = "click to expand";return "closed" ;}}function tTarget (t, switchToState) {if (switchToState == "open") {t.style.display = "";} else {t.style.display = "none";}}';      
  1509.  
  1510.  dump += (/string|number|undefined|boolean/.test(typeof(object)) || object == null) ? object : recurse(object, typeof object);
  1511.  
  1512.  var d = document.getElementById("TEST");
  1513.  if(!d) { // TEST does not exist
  1514.       var d = document.createElement("div");
  1515.       d.id = "TEST";
  1516.       document.body.appendChild(d);
  1517.  }
  1518.  d.innerHTML = aggregate ? d.innerHTML + dump : dump;
  1519.  
  1520.  function recurse(o, type) {
  1521.    var i;
  1522.     var j = 0;
  1523.     var r = '';
  1524.     type = _dumpType(o);
  1525.     switch (type) {    
  1526.       case 'regexp':
  1527.         var t = type;
  1528.         r += '<table' + _dumpStyles(t,'table') + '><tr><th colspan="2"' + _dumpStyles(t,'th') + '>' + t + '</th></tr>';
  1529.         r += '<tr><td colspan="2"' + _dumpStyles(t,'td-value') + '><table' + _dumpStyles('arguments','table') + '><tr><td' + _dumpStyles('arguments','td-key') + '><i>RegExp: </i></td><td' + _dumpStyles(type,'td-value') + '>' + o + '</td></tr></table>';  
  1530.         j++;
  1531.         break;
  1532.       case 'date':
  1533.         var t = type;
  1534.         r += '<table' + _dumpStyles(t,'table') + '><tr><th colspan="2"' + _dumpStyles(t,'th') + '>' + t + '</th></tr>';
  1535.         r += '<tr><td colspan="2"' + _dumpStyles(t,'td-value') + '><table' + _dumpStyles('arguments','table') + '><tr><td' + _dumpStyles('arguments','td-key') + '><i>Date: </i></td><td' + _dumpStyles(type,'td-value') + '>' + o + '</td></tr></table>';  
  1536.         j++;
  1537.         break;
  1538.       case 'function':
  1539.         var t = type;
  1540.         var a = o.toString().match(/^.*function.*?\((.*?)\)/im);
  1541.         var args = (a == null || typeof a[1] == 'undefined' || a[1] == '') ? 'none' : a[1];
  1542.         r += '<table' + _dumpStyles(t,'table') + '><tr><th colspan="2"' + _dumpStyles(t,'th') + '>' + t + '</th></tr>';
  1543.         r += '<tr><td colspan="2"' + _dumpStyles(t,'td-value') + '><table' + _dumpStyles('arguments','table') + '><tr><td' + _dumpStyles('arguments','td-key') + '><i>Arguments: </i></td><td' + _dumpStyles(type,'td-value') + '>' + args + '</td></tr><tr><td' + _dumpStyles('arguments','td-key') + '><i>Function: </i></td><td' + _dumpStyles(type,'td-value') + '>' + o + '</td></tr></table>';  
  1544.         j++;
  1545.         break;
  1546.       case 'domelement':
  1547.         var t = type;
  1548.         r += '<table' + _dumpStyles(t,'table') + '><tr><th colspan="2"' + _dumpStyles(t,'th') + '>' + t + '</th></tr>';
  1549.         r += '<tr><td' + _dumpStyles(t,'td-key') + '><i>Node Name: </i></td><td' + _dumpStyles(type,'td-value') + '>' + o.nodeName.toLowerCase() + '</td></tr>';  
  1550.         r += '<tr><td' + _dumpStyles(t,'td-key') + '><i>Node Type: </i></td><td' + _dumpStyles(type,'td-value') + '>' + o.nodeType + '</td></tr>';
  1551.         r += '<tr><td' + _dumpStyles(t,'td-key') + '><i>Node Value: </i></td><td' + _dumpStyles(type,'td-value') + '>' + o.nodeValue + '</td></tr>';                   
  1552.         r += '<tr><td' + _dumpStyles(t,'td-key') + '><i>innerHTML: </i></td><td' + _dumpStyles(type,'td-value') + '>' + o.innerHTML + '</td></tr>';  
  1553.         j++;
  1554.         break;     
  1555.     }
  1556.     if (/object|array/.test(type)) {
  1557.       for (i in o) {
  1558.         var t = _dumpType(o[i]);
  1559.         if (j < 1) {
  1560.           r += '<table' + _dumpStyles(type,'table') + '><tr><th colspan="2"' + _dumpStyles(type,'th') + '>' + type + '</th></tr>';
  1561.           j++;   
  1562.         }
  1563.         if (typeof o[i] == 'object' && o[i] != null) {
  1564.           r += '<tr><td' + _dumpStyles(type,'td-key') + '>' + i + (st ? ' [' + t + ']' : '') + '</td><td' + _dumpStyles(type,'td-value') + '>' + recurse(o[i], t) + '</td></tr>';  
  1565.         } else if (typeof o[i] == 'function') {
  1566.           r += '<tr><td' + _dumpStyles(type ,'td-key') + '>' + i + (st ? ' [' + t + ']' : '') + '</td><td' + _dumpStyles(type,'td-value') + '>' + recurse(o[i], t) + '</td></tr>';     
  1567.         } else {
  1568.           r += '<tr><td' + _dumpStyles(type,'td-key') + '>' + i + (st ? ' [' + t + ']' : '') + '</td><td' + _dumpStyles(type,'td-value') + '>' + o[i] + '</td></tr>';  
  1569.         }
  1570.       }
  1571.     }
  1572.     if (j == 0) {
  1573.       r += '<table' + _dumpStyles(type,'table') + '><tr><th colspan="2"' + _dumpStyles(type,'th') + '>' + type + ' [empty]</th></tr>';  
  1574.     }
  1575.     r += '</table>';
  1576.     return r;
  1577.   };   
  1578. };
  1579.  
  1580. dump.object = function(o) {
  1581.     doc = o;
  1582. };
  1583.  
  1584. var _dumpStyles = function(type, use) {
  1585.   var r = '';
  1586.   var table = 'font-size:xx-small;font-family:verdana,arial,helvetica,sans-serif;cell-spacing:2px;';
  1587.   var th = 'font-size:xx-small;font-family:verdana,arial,helvetica,sans-serif;text-align:left;color: white;padding: 5px;vertical-align :top;cursor:hand;cursor:pointer;';
  1588.   var td = 'font-size:xx-small;font-family:verdana,arial,helvetica,sans-serif;vertical-align:top;padding:3px;';
  1589.   var thScript = 'onClick="tTable(this);" title="click to collapse"';
  1590.   var tdScript = 'onClick="tRow(this);" title="click to collapse"';
  1591.   switch (type) {
  1592.     case 'string':
  1593.     case 'number':
  1594.     case 'boolean':
  1595.     case 'undefined':
  1596.     case 'object':
  1597.       switch (use) {
  1598.         case 'table':  
  1599.           r = ' style="' + table + 'background-color:#0000cc;"';
  1600.           break;
  1601.         case 'th':
  1602.           r = ' style="' + th + 'background-color:#4444cc;"' + thScript;
  1603.           break;
  1604.         case 'td-key':
  1605.           r = ' style="' + td + 'background-color:#ccddff;cursor:hand;cursor:pointer;"' + tdScript;
  1606.           break;
  1607.         case 'td-value':
  1608.           r = ' style="' + td + 'background-color:#fff;"';
  1609.           break;
  1610.       }
  1611.       break;
  1612.     case 'array':
  1613.       switch (use) {
  1614.         case 'table':  
  1615.           r = ' style="' + table + 'background-color:#006600;"';
  1616.           break;
  1617.         case 'th':
  1618.           r = ' style="' + th + 'background-color:#009900;"' + thScript;
  1619.           break;
  1620.         case 'td-key':
  1621.           r = ' style="' + td + 'background-color:#ccffcc;cursor:hand;cursor:pointer;"' + tdScript;
  1622.           break;
  1623.         case 'td-value':
  1624.           r = ' style="' + td + 'background-color:#fff;"';
  1625.           break;
  1626.       }
  1627.       break;
  1628.     case 'function':
  1629.       switch (use) {
  1630.         case 'table':  
  1631.           r = ' style="' + table + 'background-color:#aa4400;"';
  1632.           break;
  1633.         case 'th':
  1634.           r = ' style="' + th + 'background-color:#cc6600;"' + thScript;
  1635.           break;
  1636.         case 'td-key':
  1637.           r = ' style="' + td + 'background-color:#fff;cursor:hand;cursor:pointer;"' + tdScript;
  1638.           break;
  1639.         case 'td-value':
  1640.           r = ' style="' + td + 'background-color:#fff;"';
  1641.           break;
  1642.       }
  1643.       break;
  1644.     case 'arguments':
  1645.       switch (use) {
  1646.         case 'table':  
  1647.           r = ' style="' + table + 'background-color:#dddddd;cell-spacing:3;"';
  1648.           break;
  1649.         case 'td-key':
  1650.           r = ' style="' + th + 'background-color:#eeeeee;color:#000000;cursor:hand;cursor:pointer;"' + tdScript;
  1651.           break;     
  1652.       }
  1653.       break;
  1654.     case 'regexp':
  1655.       switch (use) {
  1656.         case 'table':  
  1657.           r = ' style="' + table + 'background-color:#CC0000;cell-spacing:3;"';
  1658.           break;
  1659.         case 'th':
  1660.           r = ' style="' + th + 'background-color:#FF0000;"' + thScript;
  1661.           break;
  1662.         case 'td-key':
  1663.           r = ' style="' + th + 'background-color:#FF5757;color:#000000;cursor:hand;cursor:pointer;"' + tdScript;
  1664.           break;
  1665.         case 'td-value':
  1666.           r = ' style="' + td + 'background-color:#fff;"';
  1667.           break;         
  1668.       }
  1669.       break;
  1670.     case 'date':
  1671.       switch (use) {
  1672.         case 'table':  
  1673.           r = ' style="' + table + 'background-color:#663399;cell-spacing:3;"';
  1674.           break;
  1675.         case 'th':
  1676.           r = ' style="' + th + 'background-color:#9966CC;"' + thScript;
  1677.           break;
  1678.         case 'td-key':
  1679.           r = ' style="' + th + 'background-color:#B266FF;color:#000000;cursor:hand;cursor:pointer;"' + tdScript;
  1680.           break;
  1681.         case 'td-value':
  1682.           r = ' style="' + td + 'background-color:#fff;"';
  1683.           break;         
  1684.       }
  1685.       break;
  1686.     case 'domelement':
  1687.       switch (use) {
  1688.         case 'table':  
  1689.           r = ' style="' + table + 'background-color:#FFCC33;cell-spacing:3;"';
  1690.           break;
  1691.         case 'th':
  1692.           r = ' style="' + th + 'background-color:#FFD966;"' + thScript;
  1693.           break;
  1694.         case 'td-key':
  1695.           r = ' style="' + th + 'background-color:#FFF2CC;color:#000000;cursor:hand;cursor:pointer;"' + tdScript;
  1696.           break;
  1697.         case 'td-value':
  1698.           r = ' style="' + td + 'background-color:#fff;"';
  1699.           break;         
  1700.       }
  1701.       break;     
  1702.   }
  1703.   return r;
  1704. };
  1705.  
  1706. var _dumpIdentifyBrowser = function() {
  1707.   var agent = navigator.userAgent.toLowerCase();
  1708.   if (typeof window.opera != 'undefined') {
  1709.     return 'opera';
  1710.   } else if (typeof document.all != 'undefined') {
  1711.     if (typeof document.getElementById != 'undefined') {
  1712.       var browser = agent.replace(/.*ms(ie[\/ ][^ $]+).*/, '$1').replace(/ /, '');
  1713.       if (typeof document.uniqueID != 'undefined') {
  1714.         if (browser.indexOf('5.5') != -1) {
  1715.           return browser.replace(/(.*5\.5).*/, '$1');
  1716.         } else {
  1717.           return browser.replace(/(.*)\..*/, '$1');
  1718.         }
  1719.       } else {
  1720.         return 'ie5mac';
  1721.       }
  1722.     }
  1723.   } else if (typeof document.getElementById != 'undefined') {
  1724.     if (navigator.vendor.indexOf('Apple Computer, Inc.') != -1) {
  1725.       return 'safari';
  1726.     } else if (agent.indexOf('gecko') != -1) {
  1727.       return 'mozilla';
  1728.     }
  1729.   }
  1730.   return false;
  1731. };
  1732.  
  1733. var _dumpType = function (obj) {
  1734.   var t = typeof(obj);
  1735.   if (t == 'function') {
  1736.     var f = obj.toString();
  1737.     if ( ( /^\/.*\/[gi]??[gi]??$/ ).test(f)) {
  1738.       return 'regexp';
  1739.     } else if ((/^\[object.*\]$/i ).test(f)) {
  1740.       t = 'object'
  1741.     }
  1742.   }
  1743.   if (t != 'object') {
  1744.     return t;
  1745.   }
  1746.   switch (obj) {
  1747.     case null:
  1748.       return 'null';
  1749.     case window:
  1750.       return 'window';
  1751.     case document:
  1752.       return document;
  1753.     case window.event:
  1754.       return 'event';
  1755.   }
  1756.   if (window.event && (event.type == obj.type)) {
  1757.    return 'event';
  1758.   }
  1759.   var c = obj.constructor;
  1760.   if (c != null) {
  1761.     switch(c) {
  1762.       case Array:
  1763.         t = 'array';
  1764.         break;
  1765.       case Date:
  1766.         return 'date';
  1767.       case RegExp:
  1768.         return 'regexp';
  1769.       case Object:
  1770.         t = 'object';  
  1771.       break;
  1772.       case ReferenceError:
  1773.         return 'error';
  1774.       default:
  1775.         var sc = c.toString();
  1776.         var m = sc.match(/\s*function (.*)\(/);
  1777.         if(m != null) {
  1778.           return 'object';
  1779.         }
  1780.     }
  1781.   }
  1782.   var nt = obj.nodeType;
  1783.   if (nt != null) {
  1784.     switch(nt) {
  1785.       case 1:
  1786.         if(obj.item == null) {
  1787.           return 'domelement';
  1788.         }
  1789.         break;
  1790.       case 3:
  1791.         return 'string';
  1792.     }
  1793.   }
  1794.   if (obj.toString != null) {
  1795.     var ex = obj.toString();
  1796.     var am = ex.match(/^\[object (.*)\]$/i);
  1797.     if(am != null) {
  1798.       var am = am[1];
  1799.       switch(am.toLowerCase()) {
  1800.         case 'event':
  1801.           return 'event';
  1802.         case 'nodelist':
  1803.         case 'htmlcollection':
  1804.         case 'elementarray':
  1805.           return 'array';
  1806.         case 'htmldocument':
  1807.           return 'htmldocument';
  1808.       }
  1809.     }
  1810.   }
  1811.   return t;
  1812. };
  1813.  
  1814. })();/* GENERIC */
  1815. function $(v, o) {
  1816.     if (!v) return;
  1817.     return ((typeof(o) == 'object' ? o : document).getElementById(v));
  1818. }
  1819. function $2D(o) {
  1820.     return ($(o).getContext('2d'));
  1821. }
  1822. function $S(o) {
  1823.     return ($(o).style);
  1824. }
  1825. function $SS(n) {
  1826.     var o = document.styleSheets[0];
  1827.     if (o.cssRules) o = o.cssRules;
  1828.     else o = o.rules;
  1829.     return (o[n].style);
  1830. }
  1831. function $T(v, o) {
  1832.     return ((typeof(o) == 'object' ? o : $(o)).getElementsByTagName(v));
  1833. }
  1834. function abPos(o) {
  1835.     var o = (typeof(o) == 'object' ? o : $(o)),
  1836.     i = {
  1837.         X: 0,
  1838.         Y: 0
  1839.     };
  1840.     while (o != null) {
  1841.         i.X += o.offsetLeft;
  1842.         i.Y += o.offsetTop;
  1843.         o = o.offsetParent;
  1844.     };
  1845.     return (i);
  1846. }
  1847. function agent(v) {
  1848.     return (Math.max(navigator.userAgent.toLowerCase().indexOf(v), 0));
  1849. }
  1850. function cookieStab(f, v) {
  1851.     document.cookie = f + "=" + v + "; path=/";
  1852. }
  1853. function cookieGrab(f) {
  1854.     var b = f + "=",
  1855.     d = document.cookie.split(';');
  1856.     for (var i = 0; i < d.length; i++) {
  1857.         var c = d[i];
  1858.         while (c.charAt(0) == ' ') c = c.substring(1, c.length);
  1859.         if (c.indexOf(b) == 0) return (c.substring(b.length, c.length));
  1860.     }
  1861. }
  1862. function getTime() {
  1863.     return ((new Date()).getTime());
  1864. }
  1865. function isset(v) {
  1866.     return ((typeof(v) == 'undefined' || v.length == 0) ? v : '');
  1867. }
  1868. function noMove() {
  1869.     if (stop) {
  1870.         stop = 0;
  1871.         document.onmouseup = function () {
  1872.             document.onmouseup = '';
  1873.             stop = 1;
  1874.         };
  1875.     }
  1876.     return false;
  1877. }
  1878. function trim(s) {
  1879.     return (s.replace(/^\s+|\s+$/g, ''));
  1880. }
  1881. function ucletter(v) {
  1882.     return (v.substr(0,1).toUpperCase());
  1883. }
  1884. function ucword(v) {
  1885.     return (v.substr(0,1).toUpperCase() + v.substr(1));
  1886. }
  1887. function XYwin(v) {
  1888.     var o = agent('msie') ? {
  1889.         'X': document.body.clientWidth,
  1890.         'Y': document.body.clientHeight
  1891.     } : {
  1892.         'X': window.innerWidth,
  1893.         'Y': window.innerHeight
  1894.     };
  1895.     return (v ? o[v] : o);
  1896. }
  1897. function XY(e, v) {
  1898.     var o = agent('msie') ? {
  1899.         'X': event.clientX + document.body.scrollLeft,
  1900.         'Y': event.clientY + document.body.scrollTop
  1901.     } : {
  1902.         'X': e.pageX,
  1903.         'Y': e.pageY
  1904.     };
  1905.     return (v ? o[v] : o);
  1906. }
  1907. function zindex(d) {
  1908.     d.style.zIndex = win.zindex++;
  1909. }
  1910. /* CLASSNAME */
  1911. function $C(v, o) { // GET CLASS
  1912.     var o = (typeof(o) == 'object' ? o : $(o)).getElementsByTagName("*"),
  1913.     rx = new RegExp('\\b' + v + '\\b'),
  1914.     z = [];
  1915.     for (var i = 0; i < o.length; i++) {
  1916.         if (rx.test(o[i].className)) z.push(o[i]);
  1917.     }
  1918.     return (z);
  1919. };
  1920. function C$(v, o) { // SET CLASS
  1921.     if (!$(v)) {
  1922.         return false;
  1923.     }
  1924.     var d = $(v),
  1925.     c = d.className;
  1926.     if (o['+']) {
  1927.         d.className = c + ' ' + o['+'];
  1928.     }
  1929.     if (o['-']) {
  1930.         var ob = o['-'].split(' '),
  1931.         r = {};
  1932.         for (var i in ob) {
  1933.             r[ob[i]] = 1;
  1934.         }
  1935.         var c = c.split(' '),
  1936.         z = '';
  1937.         for (var i in c) {
  1938.             i = c[i];
  1939.             if (!r[i]) z += i + ' ';
  1940.         };
  1941.         d.className = z;
  1942.     }
  1943. };
  1944. /* EVENT */
  1945. Event = {
  1946.     'add': function (o, v, fu) {
  1947.         if (typeof(v) != 'object') v = {
  1948.             el: v,
  1949.             e: v
  1950.         };
  1951.         if (o.addEventListener) o.addEventListener(v.el, fu, false);
  1952.         else if (o.attachEvent) {
  1953.             v = v.e;
  1954.             o["e" + v + fu] = fu;
  1955.             o[v + fu] = function () {
  1956.                 o["e" + v + fu](window.event);
  1957.             };
  1958.             o.attachEvent("on" + v, o[v + fu]);
  1959.         }
  1960.     },
  1961.     'rm': function (o, v, fu) {
  1962.         if (typeof(v) != 'object') v = {
  1963.             el: v,
  1964.             e: v
  1965.         };
  1966.         if (o.removeEventListener) o.removeEventListener(v.el, fu, false);
  1967.         else if (o.detachEvent) {
  1968.             v = v.e;
  1969.             o.detachEvent("on" + v, o[v + fu]);
  1970.             o[v + fu] = null;
  1971.             o["e" + v + fu] = null;
  1972.         }
  1973.     }
  1974. };
  1975. /* MOVEMENT */
  1976. var aXY = {},
  1977. bXY = {},
  1978. oXY = {},
  1979. cXY = {},
  1980. mXY = '',
  1981. moXY = {},
  1982. mcXY = {},
  1983. stop = 1;
  1984. core = {
  1985.     'X': function (o, m, a, x) {
  1986.         a.X = Math.max(x.X1, x.X2 ? Math.min(x.X2, a.X + x.X1) : a.X + x.X1);
  1987.         return (a);
  1988.     },
  1989.     'Y': function (o, m, a, x) {
  1990.         a.Y = Math.max(x.Y1, x.Y2 ? Math.min(x.Y2, a.Y + x.Y1) : a.Y + x.Y1);
  1991.         return (a);
  1992.     },
  1993.     'XY': function (o, m, a, x) {
  1994.         a.X = x.X2 ? Math.min(a.X + x.X1, x.X2 - x.X1) : a.X + x.X1;
  1995.         a.Y = x.Y2 ? Math.min(a.Y + x.Y1, x.Y2 - x.Y1) : a.Y + x.Y1;
  1996.         return (a);
  1997.     },
  1998.     'fu': function (o, e, C, F) {
  1999.         if (stop) {
  2000.             var oX = abPos($(o)).X,
  2001.                 oY = abPos($(o)).Y,
  2002.                 r = XY(e);
  2003.             function c(e, m) {
  2004.                 r = XY(e);
  2005.                 if (C) r = C.fu(o, m, {
  2006.                     'X': r.X - oX,
  2007.                     'Y': r.Y - oY
  2008.                 },
  2009.                 C);
  2010.                 return (r);
  2011.             }
  2012.             function f(e, m) {
  2013.                 c(e, m);
  2014.                 if (F) F(oXY, r, m, e);
  2015.                 return (r);
  2016.             }
  2017.             function p(e, m) {
  2018.                 r = XY(e);
  2019.                 return ((m == 'down' ? 'P' : ' ') + (r.X - oX) + ' ' + (r.Y - oY) + (m == 'up' ? 'z' : ''));
  2020.             }
  2021.             if (isNaN(C.oX)) {
  2022.                 oX = r.X - oX;
  2023.             } else {
  2024.                 oX = oX - C.oX - zero($S(o).left);
  2025.             }
  2026.             if (isNaN(C.oY)) {
  2027.                 oY = r.Y - oY;
  2028.             } else {
  2029.                 oY = oY - C.oY - zero($S(o).top);
  2030.             }
  2031.             stop = 0;
  2032.             oXY = c(e);
  2033.             cXY = f(e, mXY = 'down');
  2034.             core.time = getTime();
  2035.             var tool = 'T' + vars.type + ' rgba(' + vars['fillCO'].join(",") + ') rgba(' + vars['strokeCO'].join(",") + ')';
  2036.             var i = '',
  2037.             t = [],
  2038.             v = {};
  2039.             if ((vars.type in gui_options.modules) && ('vars' in gui_options.modules[vars.type])) {
  2040.                 v = gui_options.modules[vars.type].vars;
  2041.                 for (i in v) if (i in vars) t.push(i + '(' + vars[i] + ')');
  2042.                 if (t.length) tool += ' ' + t.join(' ');
  2043.             }
  2044.             document.onmousemove = function (e) {
  2045.                 if(typeof(e) == 'undefined') var e = event;
  2046.                 if (!stop) {
  2047.                     cXY = f(e, 'move');
  2048.                 }
  2049.             }
  2050.             document.onmouseup = function (e) {
  2051.                 if(typeof(e) == 'undefined') var e = event;
  2052.                 stop = 1;
  2053.                 document.onmousemove = '';
  2054.                 document.onmouseup = '';
  2055.                 cXY = f(e, mXY = 'up');
  2056.             };
  2057.             document.onselectstart = function () {
  2058.                 return false;
  2059.             }
  2060.         }
  2061.     },
  2062.     'win': function (o, m, a, x) {
  2063.         a.X = (!isNaN(x.X1) ? Math.max(a.X, x.X1) : a.X);
  2064.         a.Y = (!isNaN(x.Y1) ? Math.max(a.Y, x.Y1) : a.Y);
  2065.         var d = $S(o);
  2066.         if (m == 'down') {
  2067.             if (x.z) {
  2068.                 zindex($(o));
  2069.             }
  2070.             core.win.stop = 0;
  2071.             setTimeout("if(!core.win.stop) { core.win_visible('" + o + "','hidden'); }", 500);
  2072.         } else if (m == 'move') {
  2073.             if (!core.win.stop) core.win_visible(o, 'hidden');
  2074.             core.win.stop = 1;
  2075.         }
  2076.         if (E.sh && oXY) { // SNAP TO XY
  2077.             if (Math.abs(a.X - oXY.X) < Math.abs(a.Y - oXY.Y)) {
  2078.                 d.top = a.Y + 'px';
  2079.                 d.left = oXY.X + 'px';
  2080.             } else {
  2081.                 d.left = a.X + 'px';
  2082.                 d.top = oXY.Y + 'px';
  2083.             }
  2084.         } else {
  2085.             d.left = a.X + 'px';
  2086.             d.top = a.Y + 'px';
  2087.         }
  2088.         if (m == 'up') {
  2089.             if (win.r[o]) {
  2090.                 win.cp(o, ['block', zero(d.left), zero(d.top), parseInt(win.r[o][3])]);
  2091.             }
  2092.             core.win.stop = 1;
  2093.             core.win_visible(o, 'visible');
  2094.         }
  2095.         return (a);
  2096.     },
  2097.     'win_visible': function (o, s) {
  2098.         var op = (s == 'visible') ? 1 : 0.5;
  2099.         if ($C('TMM', o)[0]) {
  2100.             $C('TMM', o)[0].style.opacity = op;
  2101.         } else if ($C('west', $C('TM', o)[0])[0]) {
  2102.             $C('west', o)[0].style.opacity = op;
  2103.             $C('east', o)[0].style.opacity = op;
  2104.         } else if ($C('TRx', o)[0]) {
  2105.             $C('TRx', o)[0].style.opacity = op;
  2106.             $C('TML', o)[0].style.opacity = op;
  2107.         } //        $S(o).overflow=s;
  2108.     }
  2109. };
  2110. /* MATH */
  2111. N = {
  2112.     'format': function (n) {
  2113.         n = String(n);
  2114.         var x = n.split('.'),
  2115.         x1 = x[0],
  2116.         x2 = x.length > 1 ? '.' + x[1] : '',
  2117.         rgx = /(\d+)(\d{3})/;
  2118.         while (rgx.test(x1)) {
  2119.             x1 = x1.replace(rgx, '$1' + ',' + '$2');
  2120.         }
  2121.         return (x1 + x2);
  2122.     },
  2123.     'between': function (n, a, z) {
  2124.         return ((n >= a && n <= z) ? true : false);
  2125.     },
  2126.     'rand': function (n) {
  2127.         return (Math.floor(Math.random() * n));
  2128.     }
  2129. };
  2130. function exp(a, z, n, d) {
  2131.     if (n <= 1) n *= 100;
  2132.     if (d == 'low') var y = Math.pow(2, n / 15.019);
  2133.     else var y = -105.78 * Math.pow(2, -1 * n / 15) + 102;
  2134.     return ((y / 100) * (z - a) + a - (.01 * z))
  2135. };
  2136. function zero(n) {
  2137.     return (!isNaN(n = parseFloat(n)) ? n : 0);
  2138. }
  2139. /* JUNK */
  2140. function deObject(o) {
  2141.     var z = [];
  2142.     for (var i in o) {
  2143.         if (typeof(o[i]) == 'object') {
  2144.             z[i] = [];
  2145.             for (var ii in o[i]) {
  2146.                 if (!isNaN(o[i][ii])) z[i][ii] = Number(o[i][ii]); // NUMBERS
  2147.                 else if (typeof(o[i][ii]) == 'object') z[i][ii] = String(o[i][ii]).split(','); // ARRAYS
  2148.                 else if (typeof(o[i][ii]) == 'string') z[i][ii] = o[i][ii]; // STRINGS
  2149.                 //- should accept objects, and null values
  2150.             }
  2151.         } else z = '';
  2152.     }
  2153.     return (z ? z : String(o).split(','));
  2154. };
  2155. function typeOf(v) {
  2156.     var z = typeof(v);
  2157.     if (z === 'object') {
  2158.         if (v) {
  2159.             if (v instanceof Array) {
  2160.                 z = 'array';
  2161.             }
  2162.         } else {
  2163.             z = 'null';
  2164.         }
  2165.     }
  2166.     return (z);
  2167. };
  2168. /* SETTINGS */
  2169.  
  2170. var co = { },
  2171.     vars = { };
  2172.  
  2173. (function() {
  2174.  
  2175. vars = {
  2176.     'id': 'fill',
  2177.     'draw': 'Brush',
  2178.     'font': 'Arial',
  2179.     'gradient': 'fixed',
  2180.     'marquee': 'polygon',
  2181.     'shape': 'ellipses',
  2182.     'stamp': 'Default',
  2183. // Splatter',
  2184.     'PT*': 'Squidfingers',
  2185.     'GD*': 'Web v2.0',
  2186.     'CO*': 'Oxygen',
  2187.     'constrain': 'false',
  2188.     'fillPT': new Image(),
  2189.     'fill': 'solid',
  2190.     'lineCap': 'round',
  2191.     'lineClose': 'false',
  2192.     'lineJoin': 'miter',
  2193.     'strokePT': new Image(),
  2194.     'stroke': 'solid',
  2195.     'type': 'Brush',
  2196.     'zoom': 100
  2197. };
  2199. vars.updateTool = function () {
  2200.     var b = vars.type;
  2201.     vars.tool = ucword(b) + (b == 'shape' || b == 'marquee' ? '_' + vars[b] : '');
  2202. };
  2204. (vars.cache = function (s) {
  2205.     var c = cookieGrab('settings');
  2206.     if (!vars.tool) {
  2207.         vars.updateTool();
  2208.     }
  2209.     if (c && !s) {
  2210.         var z = c.split(','); // OPEN
  2211.         for (var i in z) {
  2212.             var v = z[i].split(':');
  2213.             if (!isNaN(parseInt(v[1]))) v[1] = parseInt(v[1]);
  2214.             if (v[0] != 'zoom') vars[v[0]] = v[1];
  2215.         }
  2216.     } else {
  2217.         var z = '',
  2218.         r = {
  2219.             'object': 1,
  2220.             'function': 1
  2221.         }; // SAVE
  2222.         for (var i in vars) {
  2223.             if (!r[typeof(vars[i])]) {
  2224.                 z += i + ':' + vars[i] + ',';
  2225.             }
  2226.         }
  2227.         z = z.substr(0, z.length - 1);
  2228.         cookieStab('settings', z);
  2229.     }
  2230. })();
  2232. /* SHAPES */
  2234. co.polygon=function(a,b,c,s) {
  2235.     var T=!isNaN(s)?'marquee':'shape', o=co.constrain(a,b,s), scale=co.scale(a,b,s);
  2237.     var rad=Math.sqrt(Math.pow(a.X-o.X,2)+Math.pow(a.Y-o.Y,2))/2, sides=vars['sides_'+T];
  2239.     var x=o.X-((o.X-a.X)/2), y=o.Y-((o.Y-a.Y)/2), step=(Math.PI*2)/sides;
  2241.     var angle=E.ctrl?Math.atan2(o.X-a.X,o.Y-a.Y):(Math.PI/180*45), j=0;
  2243.     var check=(isNaN(s) && mXY=='up' && Math.abs(a.X-b.X)>0 && Math.abs(a.Y-b.Y)>0);
  2244.    
  2245.     function fu_x() {
  2246.         return x+Math.cos(angle+(step*n))*rad*scale.X;
  2247.     }
  2248.     function fu_y() { return(y-Math.sin(angle+(step*n))*rad*scale.Y); }
  2249.  
  2250.     var n=0;
  2251.     c.moveTo(fu_x(), fu_y());
  2252.  
  2253.     for(var n=1; n<=sides; n++) {
  2254.  
  2255.         c.lineTo(fu_x(), fu_y());
  2256.    
  2257.     }
  2258.    
  2259.     c.closePath();
  2260.  
  2261. };
  2262.  
  2263. co.star=function(a,b,c,s) { var T=!isNaN(s)?'marquee':'shape', o=co.constrain(a,b,s), scale=co.scale(a,b,s);
  2264.     var rad=Math.sqrt(Math.pow(a.X-o.X,2)+Math.pow(a.Y-o.Y,2))/2, rad2=rad/vars['slope_'+T], sides=vars['sides_'+T];
  2265.  
  2266.     var x=o.X-((o.X-a.X)/2), y=o.Y-((o.Y-a.Y)/2), step=(Math.PI*2)/sides, halfStep=step/2;
  2267.  
  2268.     var r=(Math.PI/180), angle=E.ctrl?Math.atan2(o.X-a.X,o.Y-a.Y):r*45, j=0;
  2269.  
  2270.     var check=(isNaN(s) && mXY=='up' && Math.abs(a.X-b.X)>0 && Math.abs(a.Y-b.Y)>0);
  2271.    
  2272.     function fu1(v) { return((v=='X')?(x+Math.cos(angle+(step*n)-halfStep)*rad*scale.X):(y-Math.sin(angle+(step*n)-halfStep)*rad*scale.Y)); }
  2273.     function fu2(v) { return((v=='X')?(x+Math.cos(angle+(step*n))*rad2*scale.X):(y-Math.sin(angle+(step*n))*rad2*scale.Y)); }
  2274.  
  2275.     var n=0; c.moveTo(fu2('X'), fu2('Y'));
  2276.  
  2277.     for(var n=1; n<=sides; n++) {
  2278.    
  2279.         c.lineTo(fu1('X'), fu1('Y')); c.lineTo(fu2('X'), fu2('Y'));
  2280.  
  2281.     }
  2282.    
  2283.     c.closePath();
  2284.  
  2285. };
  2286.  
  2287. co.burst=function(a,b,c,s) { var T=!isNaN(s)?'marquee':'shape', o=co.constrain(a,b,s), scale=co.scale(a,b,s);
  2288.  
  2289.     var rad=Math.sqrt(Math.pow(a.X-o.X,2)+Math.pow(a.Y-o.Y,2))/2, rad2=rad/vars['slope_'+T], sides=vars['sides_'+T];
  2290.  
  2291.     var x=o.X-((o.X-a.X)/2), y=o.Y-((o.Y-a.Y)/2), step=(Math.PI*2)/sides, halfStep=step/2, qtrStep=step/4;
  2292.  
  2293.     var angle=E.ctrl?Math.atan2(o.X-a.X,o.Y-a.Y):(Math.PI/180*45), j=0;
  2294.  
  2295.     var check=(isNaN(s) && mXY=='up' && Math.abs(a.X-b.X)>0 && Math.abs(a.Y-b.Y)>0);
  2296.  
  2297.     c.moveTo(x+(Math.cos(angle)*rad)*scale.X, y-(Math.sin(angle)*rad)*scale.Y);
  2298.  
  2299.     for(var n=1; n<=sides; n++) {
  2300.  
  2301.         c.quadraticCurveTo(x+Math.cos(angle+(step*n)-(qtrStep*3))*(rad2/Math.cos(qtrStep))*scale.X, y-Math.sin(angle+(step*n)-(qtrStep*3))*(rad2/Math.cos(qtrStep))*scale.Y, x+Math.cos(angle+(step*n)-halfStep)*rad2*scale.X, y-Math.sin(angle+(step*n)-halfStep)*rad2*scale.Y);
  2302.         c.quadraticCurveTo(x+Math.cos(angle+(step*n)-qtrStep)*(rad2/Math.cos(qtrStep))*scale.X, y-Math.sin(angle+(step*n)-qtrStep)*(rad2/Math.cos(qtrStep))*scale.Y, x+Math.cos(angle+(step*n))*rad*scale.X, y-Math.sin(angle+(step*n))*rad*scale.Y);
  2303.     }
  2304.  
  2305.     c.closePath();
  2306.  
  2307. };
  2308.  
  2309. co.gear=function(a,b,c,s) { var T=!isNaN(s)?'marquee':'shape', o=co.constrain(a,b,s), scale=co.scale(a,b,s);
  2310.  
  2311.     var rad=Math.sqrt(Math.pow(a.X-o.X,2)+Math.pow(a.Y-o.Y,2))/2, rad2=rad/vars['slope_'+T], sides=vars['sides_'+T];
  2312.  
  2313.     var x=o.X-((o.X-a.X)/2), y=o.Y-((o.Y-a.Y)/2), step=(Math.PI*2)/sides, halfStep=step/2, qtrStep=step/4;
  2314.  
  2315.     var angle=E.ctrl?Math.atan2(o.X-a.X,o.Y-a.Y):(Math.PI/180*45), j=0;
  2316.  
  2317.     var check=(isNaN(s) && mXY=='up' && Math.abs(a.X-b.X)>0 && Math.abs(a.Y-b.Y)>0);
  2318.    
  2319.     c.moveTo(x+(Math.cos(angle)*rad2)*scale.X, y-(Math.sin(angle)*rad2)*scale.Y);
  2320.  
  2321.     for(var n=1; n<=sides; n++) {
  2322.    
  2323.         c.lineTo(x+Math.cos(angle+(step*n)-(qtrStep*3))*rad*scale.X, y-Math.sin(angle+(step*n)-(qtrStep*3))*rad*scale.Y);
  2324.         c.lineTo(x+Math.cos(angle+(step*n)-(qtrStep*2))*rad*scale.X, y-Math.sin(angle+(step*n)-(qtrStep*2))*rad*scale.Y);
  2325.         c.lineTo(x+Math.cos(angle+(step*n)-qtrStep)*rad2*scale.X, y-Math.sin(angle+(step*n)-qtrStep)*rad2*scale.Y);
  2326.         c.lineTo(x+Math.cos(angle+(step*n))*rad2*scale.X, y-Math.sin(angle+(step*n))*rad2*scale.Y);
  2327.  
  2328.     }
  2329.    
  2330.     c.closePath();
  2331.  
  2332. };
  2333.  
  2334. co.ellipses=function(a,b,c,s) {
  2335.     var T=!isNaN(s)?'marquee':'shape', o=co.constrain(a,b,s), scale=co.scale(a,b,s);
  2336.     var rad=Math.sqrt(Math.pow(a.X-o.X,2)+Math.pow(a.Y-o.Y,2))/2, sides=150;
  2337.     var x=o.X-((o.X-a.X)/2), y=o.Y-((o.Y-a.Y)/2), step=(Math.PI*2)/sides;
  2338.     var angle=E.ctrl?Math.atan2(o.X-a.X,o.Y-a.Y):(Math.PI/180*45), j=0;
  2339.     var check=(isNaN(s) && mXY=='up' && Math.abs(a.X-b.X)>0 && Math.abs(a.Y-b.Y)>0);
  2340.     function fu_x() {
  2341.         return x+Math.cos(angle+(step*n))*rad*scale.X;
  2342.     }
  2343.     function fu_y() { return(y-Math.sin(angle+(step*n))*rad*scale.Y); }
  2344.     var n=0;
  2345.     c.moveTo(fu_x(), fu_y());
  2346.     for(var n=1; n<=sides; n++) {
  2347.         c.lineTo(fu_x(), fu_y());
  2348.     }
  2349.     c.closePath();
  2350. };
  2351.  
  2352. co.circle = function (a, b, c) {
  2353.     var d = {
  2354.         'X': Math.max(a.X, b.X) - Math.abs(a.X - b.X) / 2,
  2355.         'Y': Math.max(a.Y, b.Y) - Math.abs(a.Y - b.Y) / 2
  2356.     };
  2357.     var r = Math.sqrt(Math.pow(a.X - b.X, 2) + Math.pow(a.Y - b.Y, 2)) / 2;
  2358.     c.arc(d.X, d.Y, r, 0, Math.PI * 2, true);
  2359.     c.closePath();
  2360. };
  2361.  
  2362. co.rectangle = function (a, b, c, s) {
  2363.     var o = co.constrain(a, b, s);
  2364.     if ((a.X - o.X <= 0) != (a.Y - o.Y <= 0)) {
  2365.         c.moveTo(a.X, a.Y);
  2366.         c.lineTo(o.X, a.Y);
  2367.         c.lineTo(o.X, o.Y);
  2368.         c.lineTo(a.X, o.Y);
  2369.     } else {
  2370.         c.moveTo(a.X, a.Y);
  2371.         c.lineTo(a.X, o.Y);
  2372.         c.lineTo(o.X, o.Y);
  2373.         c.lineTo(o.X, a.Y);
  2374.     }
  2375.     c.closePath();
  2376. };
  2377.  
  2378. /* CACHE */
  2379.  
  2380. co.brush = function () {
  2381.     if (vars.type == 'brush' || vars.type == 'eraser' || vars.type == 'pencil') {
  2382.         var c = $2D('ctx_brush'),
  2383.             D = vars['diameter_' + vars.type],
  2384.             D2 = D * 2;
  2385.         $('ctx_brush').width = D2;
  2386.         $('ctx_brush').height = D2;
  2387.         co.del(c);
  2388.         c.globalCompositeOperation = 'source-over';
  2389.         var r = c.createRadialGradient(D, D, (vars.type == 'pencil') ? D - 1 : vars['hardness_' + vars.type] / 100 * D - 1, D, D, D);
  2390.         r.addColorStop(0, 'rgba(0,0,0,' + (vars['opacity_' + vars.type] / 100) + ')');
  2391.         r.addColorStop(0.95, 'rgba(0,0,0,0)'); // prevent aggregation of semi-opaque pixels
  2392.         r.addColorStop(1, 'rgba(0,0,0,0)');
  2393.         c.fillStyle = r;
  2394.         c.fillRect(0, 0, D2, D2);
  2395.         c.globalCompositeOperation = 'source-in';
  2396.         c.rect(0, 0, D2, D2);
  2397.         co.style[vars.fill]({
  2398.             'X': 0,
  2399.             'Y': 0
  2400.         },
  2401.         {
  2402.             'X': D2,
  2403.             'Y': D2
  2404.         },
  2405.         c, 'fill');
  2406.     }
  2407. };
  2408.  
  2409. co.glyph = function (v, o) {
  2410.     co.brush();
  2411.     if(!v) {
  2412.         co.stamp();
  2413.         return;
  2414.     }
  2415.     co.stamp.image = new Image();
  2416.     co.stamp.image.src = v;
  2417.     ///
  2418.     if ($(o)) {
  2419.         if ($(stamp.o)) {
  2420.             $(stamp.o).className = '';
  2421.         }
  2422.         co.del(o);
  2423.         C$(o, {
  2424.             '+': 'load'
  2425.         });
  2426.         stamp.o = o;
  2427.     }
  2428.     co.stamp.image.onload = function () {
  2429.         var o = co.stamp.image;
  2430.         stamp.loaded = true;
  2431.         var id = stamp.fileNumber;
  2432.         C$('stamp' + id, { '-': 'load' });
  2433.         stamp.preview(id, 'move');
  2434.         co.stamp.r = {
  2435.             W: o.width,
  2436.             H: o.height
  2437.         };
  2438.         co.stamp();
  2439.     }
  2440. };
  2441.  
  2442. co.stamp = function () {
  2443.     if ((vars.type == 'calligraphy' || vars.type == 'stamp') && co.stamp.image.src) {
  2444.         var c = $2D('ctx_stamp'),
  2445.             i = co.stamp.image,
  2446.             n = vars.type == 'stamp' ? vars.rand_min / 100 : 1,
  2447.             o = co.stamp.r = {
  2448.                 W: Math.round(i.width * n),
  2449.                 H: Math.round(i.height * n)
  2450.             };
  2451.         $('ctx_stamp').width = o.W;
  2452.         $('ctx_stamp').height = o.H;
  2453.         c.save();
  2454.         c.clearRect(0, 0, canvas.W, canvas.H);
  2455.         c.globalAlpha = vars['opacity_' + vars.type] / 100;
  2456.         c.globalCompositeOperation = 'source-over';
  2457.         c.drawImage(i, 0, 0, o.W, o.H);
  2458.         c.globalCompositeOperation = 'source-atop';
  2459.         c.rect(0, 0, o.W, o.H);
  2460.         style(c, "fillStyle", "fill", { X: 0, Y: 0 }, { X: o.W, Y: o.H });
  2461.         c.fill();
  2462.         c.restore();
  2463.     }
  2464. };
  2465. co.stamp.image=new Image();
  2466. co.stamp.r={};
  2467.  
  2468. /* EXTENDED */
  2469.  
  2470. co.core = function (e, fu) {
  2471.     var d = win_size.LT();
  2472.     core.fu('cBound', e, {
  2473.         fu: core.XY,
  2474.         X1: 0,
  2475.         Y1: 0,
  2476.         oX: -1 - d.L,
  2477.         oY: -1 - d.T
  2478.     },
  2479.     fu);
  2480. };
  2481.  
  2482. co.copy = function (a, b) {
  2483.     $2D(b).drawImage($(a), 0, 0, canvas.W, canvas.H);
  2484. };
  2485.  
  2486. co.del = function (c) {
  2487.     if (c.length) c = $2D(c);
  2488.     c.clearRect(0, 0, canvas.W, canvas.H);
  2489. };
  2490.  
  2491. co.path = function (c, r) {
  2492.     c.moveTo(r[0].X, r[0].Y);
  2493.     for (var i in r) {
  2494.         c.lineTo(r[i].X, r[i].Y);
  2495.     }
  2496. };
  2497.  
  2498. /* TRANSFORMATION */
  2499.  
  2500. co.constrain = function (a, b, s) {
  2501.     if (((E.sh || !isNaN(s)) && s == 1) || (E.sh && isNaN(s)) && !E.ctrl) {
  2502.         var X = (b.X - a.X) ? (b.X - a.X) : 1,
  2503.             Y = (b.Y - a.Y) ? (b.Y - a.Y) : 1,
  2504.         Z = {
  2505.             X: Math.abs(X),
  2506.             Y: Math.abs(Y)
  2507.         };
  2508.         if (Z.X < Z.Y) return ({
  2509.             X: a.X + (X / Z.X * Z.Y),
  2510.             Y: b.Y
  2511.         });
  2512.         else return ({
  2513.             Y: a.Y + (Y / Z.Y * Z.X),
  2514.             X: b.X
  2515.         });
  2516.     } else {
  2517.         return (b);
  2518.     }
  2519. };
  2520.  
  2521. co.scale = function (a, b, s) {
  2522.     if ((((E.sh || !isNaN(s)) && s == 1) || (E.sh && isNaN(s)))) {
  2523.         return ({
  2524.             X: 1,
  2525.             Y: 1
  2526.         });
  2527.     } else if (Math.abs(a.X - b.X) > Math.abs(a.Y - b.Y)) {
  2528.         return ({
  2529.             X: 1,
  2530.             Y: zero(Math.abs(a.Y - b.Y) / Math.abs(a.X - b.X))
  2531.         });
  2532.     } else {
  2533.         return ({
  2534.             X: zero(Math.abs(a.X - b.X) / Math.abs(a.Y - b.Y)),
  2535.             Y: 1
  2536.         });
  2537.     }
  2538. };
  2539.  
  2540. /* STYLE */
  2541.  
  2542. co.style = { };
  2543. co.style.fill = function (c, s) {
  2544.     c.fillStyle = s;
  2545.     c.fill();
  2546. };
  2547. co.style.stroke = function (c, s) {
  2548.     c.strokeStyle = s;
  2549.     c.stroke();
  2550. };
  2551. co.style.solid = function (a, b, c, v, s) {
  2552.     co.style[v](c, 'rgba(' + vars[((s && isNaN(s)) ? s : v) + 'CO'].join(",") + ')');
  2553. };
  2554. co.style.pattern = function (a, b, c, v, s) {
  2555.     co.style[v](c, vars[((s && isNaN(s)) ? s : v)+'PT~']);
  2556. };
  2557. co.style.gradient = {};
  2558. co.style.gradient = function (a, b, c, v, s) {
  2559.     co.style.gradient[vars.gradient](a, b, c, v, s);
  2560. };
  2561. co.style.gradient.fixed = function (a, b, c, v, s) {
  2562.     co.gradient(a, b, c, vars[((s && isNaN(s)) ? s : v) + 'GD'], v, s);
  2563. };
  2564. co.style.gradient.relative = function (a, b, c, v, s) {
  2565.     co.gradient(cXY, b, c, vars[((s && isNaN(s)) ? s : v) + 'GD'], v, s);
  2566. };
  2567. co.style.gradient.absolute = function (a, b, c, v, s) {
  2568.     co.gradient({
  2569.         X: 0,
  2570.         Y: 0
  2571.     },
  2572.     {
  2573.         X: canvas.W,
  2574.         Y: canvas.H
  2575.     },
  2576.     c, vars[((s && isNaN(s)) ? s : v) + 'GD'], v, s);
  2577. };
  2578. co.gradient = function (a, b, c, r, v, s) {
  2579.     var g;
  2580.     if (!s) { // ROTATE
  2581.         var W = Math.sqrt(Math.pow(b.X - a.X, 2)),
  2582.         W2 = W / 2,
  2583.         rad = gui_gradient.rotate,
  2584.         mX = Math.min(b.X, a.X),
  2585.         mY = Math.min(b.Y, a.Y);
  2586.         var s1 = Math.abs((Math.sin(rad) * W2) + W2),
  2587.         s2 = Math.abs((Math.cos(rad) * W2) - W2);
  2588.         var x1 = Math.abs((Math.sin(rad + Math.PI) * W2) + W2),
  2589.         y1 = Math.abs((Math.cos(rad + Math.PI) * W2) - W2);
  2590.         g = c.createLinearGradient(s1 + mX, s2 + mY, x1 + mX, y1 + mY);
  2591.     } else g = c.createLinearGradient(a.X, a.Y, b.X, b.Y);
  2592.     for (var i in r) {
  2593.         if (!r[i][2]) {
  2594.             g.addColorStop(r[i][0], 'rgba(' + r[i][1].join(",") + ')');
  2595.         }
  2596.     }
  2597.     co.style[v](c, g);
  2598. };
  2599.  
  2600. })();
  2601. /*
  2602.     GUI Interface / 0.1 /
  2603.     -------------------------
  2604.     gui_tools
  2605.     gui_palette
  2606.     gui_color
  2607.     gui_gradient
  2608.     gui_pattern
  2609.     gui_swatch
  2610.  
  2611. */
  2612.  
  2613. // TOOLS window
  2614.  
  2615. gui_tools = {
  2616.     imagePos: {}, // y-pos of backgroundPosition (all tools are in media/GUI/Tools.png
  2617.     imageMap: function () { // create image mapping
  2618.         var elements = $T('div', $C('tools', 'tools')[0]),
  2619.             icons = [
  2620.                 'Brush',
  2621.                 'Calligraphy',
  2622.                 'Crop',
  2623.                 'Eraser',
  2624.                 'Fill',
  2625.                 'Marquee_burst',
  2626.                 'Marquee_ellipses',
  2627.                 'Marquee_gear',
  2628.                 'Marquee_lasso',
  2629.                 'Marquee_polygon',
  2630.                 'Marquee_rectangle',
  2631.                 'Marquee_star',
  2632.                 'Original',
  2633.                 'Pencil',
  2634.                 'Picker',
  2635.                 'Select',
  2636.                 'Shape_burst',
  2637.                 'Shape_ellipses',
  2638.                 'Shape_gear',
  2639.                 'Shape_polygon',
  2640.                 'Shape_rectangle',
  2641.                 'Shape_star',
  2642.                 'Stamp',
  2643.                 'Text',
  2644.                 'Zoom',
  2645.                 'Spirograph'
  2646.             ];
  2647.         for (var n in icons) {
  2648.             gui_tools.imagePos[icons[n]] = n * 26 - 5;
  2649.         }
  2650.         for (var image in elements) {
  2651.             image = elements[image];
  2652.             if (typeof(image) == 'object') {
  2653.                 var o = $T('img', image);
  2654.                 if (o[0]) {
  2655.                     o = (o[1] && o[1].className != 'plus') ? o[1] : o[0];
  2656.                     var o = o.className.split(' ')[0];
  2657.                     var u = o.split('_')[0];
  2658.                     if (u == 'Marquee' || u == 'Shape') {
  2659.                         o = u + '_' + vars[u.toLowerCase()];
  2660.                     } else if (u == 'Brush') {
  2661.                         o = ucword(vars['draw']);
  2662.                     }
  2663.                     image.style.backgroundImage = 'url(media/gui/tools/Tools.png)';
  2664.                     image.style.backgroundPosition = '5px ' + (-gui_tools.imagePos[o]) + 'px';
  2665.                     image.title = o.split('_')[0];
  2666.                     image.onmousedown = function (event) {
  2667.                         event.preventDefault();
  2668.                     };
  2669.                 }
  2670.             }
  2671.         }
  2672.     },
  2673.     imageSize: function (v, i, end) { // image animation (switching tools)
  2674.         var o = $C(v, 'tools')[0],
  2675.         d = o.style;
  2676.         d.width = (15 + i) + 'px';
  2677.         d.height = (15 + i) + 'px';
  2678.         d.top = (-(i / 2)) + 'px';
  2679.         d.left = (-(i / 2)) + 'px';
  2680.         if (i == end) {
  2681.             var d = o.parentNode.style;
  2682.             d.backgroundPosition = '5px ' + (-gui_tools.imagePos[v]) + 'px';
  2683.             if (i == 25) {
  2684.                 o.style.display = "block";
  2685.                 o.src = 'media/gui/tools/' + v + '_2.png';
  2686.                 d.backgroundImage = '';
  2687.             } else if (i == 0) {
  2688.                 o.src = '';
  2689.                 o.style.display = "none";
  2690.                 d.backgroundImage = 'url(media/gui/tools/Tools.png)';
  2691.             }
  2692.         } else if ((i == 0 && end == 25) || (i == 25 && end == 0)) {
  2693.             var o = $T('img', o.parentNode);
  2694.             if (o[1]) {
  2695.                 o[0].style.display = (i == 0) ? 'none' : 'block';
  2696.             }
  2697.         }
  2698.     },
  2699.     imageCurrent: function (v) {
  2700.         function getRoot(v) {
  2701.             return (v.indexOf('_') != -1 ? v.substr(0, v.indexOf('_')) : v).toLowerCase();
  2702.         };
  2703.         var prev = gui_tools.prev,
  2704.             p = getRoot(prev ? prev : vars.type),
  2705.             c = getRoot(v);
  2706.         vars.type = c;
  2707.         vars.typeImg = v;
  2708.         if (prev != v) { // tool has switched
  2709.             function zoom(o, n) {
  2710.                 setTimeout("gui_tools.imageSize('" + o + "'," + i + "," + n + ")", (timer++) * 4);
  2711.             };
  2712.             if (c == 'marquee' || c == 'crop') {
  2713.                 marquee.reset();
  2714.             }
  2715.             if (p == 'crop') {
  2716.                 crop.reset();
  2717.             }
  2718.             if (prev) {
  2719.                 var timer = 0,
  2720.                 img1 = new Image();
  2721.                 img1.src = 'media/gui/tools/' + prev + '.png';
  2722.                 for (var i = 25; i >= 0; i--) {
  2723.                     zoom(prev, 0);
  2724.                 }
  2725.             }
  2726.             var timer = 0,
  2727.             img2 = new Image();
  2728.             img2.src = 'media/gui/tools/' + v + '_2.png';
  2729.             for (var i = 0; i <= 25; i++) {
  2730.                 zoom(v, 25);
  2731.             }
  2732.             gui_tools.prev = v;
  2733.             gui_options.forge(vars.type); // build "OPTIONS" window
  2734.             vars.updateTool(); //
  2735.             vars.cache(1);
  2736.         }
  2737.     }
  2738. };
  2739.  
  2740. // "OPTIONS" window
  2741.  
  2742. gui_options = {
  2743.     modulesObject: function () {
  2744.         gui_options.modules = {
  2745.             'marquee': {
  2746.                 build: ['sides_marquee', 'slope_marquee'],
  2747.                 vars: {
  2748.                     'movement_marquee': 'anchored',
  2749.                     'slope_marquee': 2,
  2750.                     'sides_marquee': 7
  2751.                 },
  2752.                 head: 'marquee',
  2753.                 size: {
  2754.                     'ellipses': 15,
  2755.                     'polygon': 40,
  2756.                     '': 85
  2757.                 }
  2758.             },
  2759.             'crop': {
  2760.                 build: ['constrain', 'aspect'],
  2761.                 vars: {
  2762.                     'constrain': 'false',
  2763.                     'aspect': 'landscape'
  2764.                 },
  2765.                 head: 'crop',
  2766.                 size: 58
  2767.             },
  2768.             'text': {
  2769.                 build: ['fontSize', 'stroke_text'],//'kerning', 'leading',
  2770.                 vars: {
  2771.                     'movement_text': 'active',
  2772.                     'fontSize': 90,
  2773.                     'kerning': 1,
  2774.                     'leading': 1.2,
  2775.                     'stroke_text': 3
  2776.                 },
  2777.                 size: 140
  2778.             },
  2779.             'shape': {
  2780.                 build: ['movement_' + vars.shape, 'corner', 'sides_shape', 'slope_shape', 'stroke_' + vars.shape],
  2781.                 vars: {
  2782.                     'movement_shape': 'anchored',
  2783.                     'stroke_shape': 7,
  2784.                     'gradient': 'fixed',
  2785.                     'slope_shape': 2,
  2786.                     'sides_shape': 7
  2787.                 },
  2788.                 head: 'shape',
  2789.                 size: {
  2790.                     'ellipses': 130,
  2791.                     'polygon': 170,
  2792.                     '': 210
  2793.                 }
  2794.             },
  2795.             'pencil': {
  2796.                 build: ['diameter_pencil', 'opacity_pencil'],
  2797.                 vars: {
  2798.                     'movement_pencil': 'freedraw',
  2799.                     'lineJoin': 'round',
  2800.                     'gradient': 'absolute',
  2801.                     'diameter_pencil': 10,
  2802.                     'flow_pencil': 100,
  2803.                     'opacity_pencil': 80
  2804.                 },
  2805.                 head: 'draw',
  2806.                 size: 85,
  2807.                 glyph: 1
  2808.             },
  2809.             'brush': {
  2810.                 build: ['diameter_brush', 'hardness_brush', 'flow_brush', 'opacity_brush'],
  2811.                 vars: {
  2812.                     'movement_brush': 'freedraw',
  2813.                     'diameter_brush': 25,
  2814.                     'hardness_brush': 60,
  2815.                     'flow_brush': 92,
  2816.                     'opacity_brush': 70
  2817.                 },
  2818.                 head: 'draw',
  2819.                 size: 165,
  2820.                 glyph: 1
  2821.             },
  2822.             'calligraphy': {
  2823.                 build: ['diameter_calligraphy', 'opacity_calligraphy'],
  2824.                 vars: {
  2825.                     'movement_calligraphy': 'freedraw',
  2826.                     'lineJoin': 'round',
  2827.                     'gradient': 'absolute',
  2828.                     'diameter_calligraphy': 50,
  2829.                     'flow_calligraphy': 100,
  2830.                     'opacity_calligraphy': 90
  2831.                 },
  2832.                 head: 'draw',
  2833.                 size: 80,
  2834.                 glyph: 1
  2835.             },
  2836.             'spirograph': {
  2837.                 build: ['inner_radius_spirograph', 'outer_radius_spirograph', 'diameter_spirograph','speed_spirograph','resolution_spirograph'],
  2838.                 vars: {
  2839.                     'inner_radius_spirograph': 29,
  2840.                     'outer_radius_spirograph': 79,
  2841.                     'diameter_spirograph': 30,
  2842.                     'speed_spirograph': 100,
  2843.                     'resolution_spirograph': 364,
  2844.                     'type_spirograph': 'Hypotrochoid'
  2845.                 },
  2846.                 head: 'spirograph',
  2847.                 size: 205,
  2848.                 glyph: 1
  2849.             },
  2850.             'stamp': {
  2851.                 build: ['rand', 'flow_stamp', 'opacity_stamp'],
  2852.                 vars: {
  2853.                     'movement_stamp': 'freedraw',
  2854.                     'flow_stamp': 10,
  2855.                     'opacity_stamp': 100,
  2856.                     'rand_min': 70,
  2857.                     'rand_max': 25
  2858.                 },
  2859.                 size: 275,
  2860.                 head: 'stamp'
  2861.             },
  2862.             'fill': {
  2863.                 build: ['opacity_fill'],
  2864.                 vars: {
  2865.                     'movement_fill': 'anchored',
  2866.                     'opacity_fill': 70
  2867.                 },
  2868.                 size: 40,
  2869.                 head: 'fill'
  2870.             },
  2871.             'eraser': {
  2872.                 build: ['diameter_eraser', 'hardness_eraser', 'flow_eraser', 'opacity_eraser'],
  2873.                 vars: {
  2874.                     'movement_eraser': 'freedraw',
  2875.                     'diameter_eraser': 25,
  2876.                     'flow_eraser': 90,
  2877.                     'hardness_eraser': 60,
  2878.                     'opacity_eraser': 30
  2879.                 },
  2880.                 size: 165,
  2881.                 glyph: 1
  2882.             },
  2883.             'picker': {
  2884.                 size: 75
  2885.             }
  2886.         }
  2887.     },
  2888.     forge: function (v) { // build "OPTIONS" window
  2889.         if (!gui_options.modules || v == 'shape') {
  2890.             gui_options.modulesObject();
  2891.         };
  2892.         var r = gui_options.modules[v],
  2893.             z = '';
  2894.         for (var i in r.vars) { // BUILD CONTENT
  2895.             if (!vars[i]) var b = r.vars[i];
  2896.             if (i == 'movement_shape') {
  2897.                 i = 'movement_' + vars.shape;
  2898.             } else if (i == 'stroke_shape') {
  2899.                 i = 'stroke_' + vars.shape;
  2900.             }
  2901.             if (!vars[i]) {
  2902.                 vars[i] = b;
  2903.             }
  2904.         }
  2905.         if (v == 'shape' || v == 'marquee') {
  2906.             var d = vars[v];
  2907.             gui_options.resize(r.size[d] ? r.size[d] : r.size['']);
  2908.         } else {
  2909.             gui_options.resize(r.size);
  2910.         };
  2911.         for (var i in r.build) {
  2912.             i = r.build[i];
  2913.             var o = i.indexOf('_') != -1 ? i.substr(0, i.indexOf('_')) : i,
  2914.                 title = o.replace('_', ' ').replace('line', '').replace('rand', 'diameter &middot; min, max').replace('font', '').replace('marq', '').replace('shape', '').toLowerCase(),
  2915.                 fu = (i == 'br') ? '<br>' : gui[cF[i].type].build(title, i, cF[i].val);
  2916.             if (v == 'shape') {
  2917.                 if ((d != 'ellipses' && d != 'polygon') || (d == 'ellipses' && i != 'corner' && i != 'sides_shape' && i != 'slope_shape') || (d == 'polygon' && i != 'slope_shape')) {
  2918.                     z += (i == 'stroke_ellipses' ? '<br>' : '') + fu;
  2919.                 }
  2920.             } else if (v == 'marquee') {
  2921.                 if ((d != 'ellipses' && d != 'polygon') || (d == 'polygon' && i != 'slope_marquee')) {
  2922.                     z += fu;
  2923.                 }
  2924.             } else {
  2925.                 z += fu;
  2926.             }
  2927.         }
  2928.         if(v == 'fill' || v =='brush' || v == 'pencil' || v == 'calligraphy' || v == 'stamp') { // these tools use only the "fill" property
  2929.             gui_palette.click('fill')      
  2930.         } else if(v == 'spirograph') { // these ones use only the "stroke" property
  2931.             gui_palette.click('stroke')    
  2932.         }
  2933.         switch(v) { // extra stuff
  2934.             case 'picker':
  2935.                 z = '<img src="media/gui/loupe.png" onmousedown="return(noMove())" class="loupe" alt="...">'+
  2936.                     '<canvas id="picker" height="106" width="149" style="height: 106px; width: 149px"></canvas>'+
  2937.                     '<div class="picker"><div>R<br>G<br>B<br>A</div><div id="picker_hex">0<br>0<br>0<br>0</div></div>'+
  2938.                     '<canvas id="picker1x1" height="1" width="1"></canvas>';
  2939.                 break;
  2940.             case 'stamp':
  2941.                 z = '<div id="stamp"></div>' + gui.Y.kontrol('stamp') +
  2942.                     "<span style=\"position: relative; top: -6px; border: 0\" id=\"brush_author\"></span>" + z;
  2943.                 break;
  2944.             case 'text':
  2945.                 if(!vars.textMessage) {
  2946.                     vars.textMessage = "hello!";
  2947.                 }
  2948.                 z = '<div id="text" style="padding-bottom: 13px">' +
  2949.                     ' <span style="font-size: 11px; -moz-user-select: none; -khtml-user-select: none; user-select: none; ">MESSAGE</span><br>' +
  2950.                     ' <input type="text" onmousedown="preventDefault = false;" onkeydown="vars.textMessage=this.value;" onkeyup="vars.textMessage=this.value;" style="width: 90%; font-size: 16px" value="'+vars.textMessage+'">' +
  2951.                     '</div>' + z;
  2952.                 break;
  2953.         }
  2954.         var d = $('options');
  2955.         $C('TML', d)[0].innerHTML = '<span style="-moz-user-select: none; -khtml-user-select: none; user-select: none; ">'+(r.head ? gui.menu.build(r.head, cF[r.head].val) : v)+'</div>';
  2956.         $C('MM', d)[0].innerHTML = '<div class="z" style="display: none; margin-top:1px;">' + z + '</div>';
  2957.         if (v == 'stamp') {
  2958.             stamp.reset();
  2959.         } else if (v == 'calligraphy') {
  2960.             co.glyph('media/glyph/Calligraphy/0-live.png');
  2961.         }
  2962.         if (r.glyph) {
  2963.             co.glyph();
  2964.         }
  2965.         if (!$('ioptions').opened) {
  2966.             win.tab($('ioptions'), 'options');
  2967.         }
  2968.         $C('z', d)[0].style.display = 'block';
  2969.     },
  2970.     resize: function (n) { // resize "OPTIONS" window
  2971.         function fu(o) {
  2972.             o.style.height = n + "px";
  2973.         };
  2974.         var o = $('options'),
  2975.             l = $C('ML', o)[0],
  2976.             m = $C('MM', o)[0],
  2977.             r = $C('MR', o)[0];
  2978.         fu(l);
  2979.         fu(r);
  2980.         fu(m);
  2981.         $S('options').height = (n + 40) + 'px';
  2982.         win.r['options'][3] = n + 40;
  2983.     }
  2984. };
  2985.  
  2986. // PALETTE
  2987.  
  2988. gui_palette = {
  2989.  
  2990.     click: function (v) {
  2991.         if(vars.id == v) {
  2992.             return;
  2993.         }
  2994.         gui_palette.zindex(v);
  2995.         gui_palette.run(gui_swatch.L2S[vars[vars.id = v]]);
  2996.     },
  2997.     zindex: function (v) {
  2998.         var r = {
  2999.             'fill': 'stroke',
  3000.             'stroke': 'fill'
  3001.         };
  3002.         function fu(v, c, i) {
  3003.             var o = $(v).parentNode.style;
  3004.             o.zIndex = i;
  3005.             o.cursor = c;
  3006.             $S(v).cursor = c;
  3007.         }
  3008.         fu(v, 'default', 2);
  3009.         fu(r[v], 'pointer', 1);
  3010.         $('swap').innerHTML = v.substr(0,1).toUpperCase();
  3011.     },
  3012.     current: function () {
  3013.         var q = gui_swatch.L2S,
  3014.             r = {
  3015.                 'CO': 1,
  3016.                 'GD': 1,
  3017.                 'PT': 1
  3018.             },
  3019.             b;
  3020.         for (var i in r) {
  3021.             b = gui_swatch.n['fill' + i];
  3022.             gui_swatch.n['fill' + i] = gui_swatch.n['stroke' + i];
  3023.             gui_swatch.n['stroke' + i] = b;
  3024.         }
  3025.         var z = (vars.id == 'fill'),
  3026.             a = z ? 'stroke' : 'fill',
  3027.             b = z ? 'fill' : 'stroke',
  3028.         z = '';
  3029.         if (vars.fill == 'pattern' || vars.stroke == 'pattern') {
  3030.             gui_pattern.o[a] = vars[b + 'PT'];
  3031.             gui_pattern.o[b] = vars[a + 'PT'];
  3032.             gui_pattern.create();
  3033.         }
  3034.         z = vars[a];
  3035.         vars[a] = vars[b];
  3036.         vars[b] = z;
  3037.         z = vars[a + 'CO'];
  3038.         vars[a + 'CO'] = vars[b + 'CO'];
  3039.         vars[b + 'CO'] = z;
  3040.         z = vars[a + 'GD'];
  3041.         vars[a + 'GD'] = vars[b + 'GD'];
  3042.         vars[b + 'GD'] = z;
  3043.         z = vars[a + 'PT'];
  3044.         vars[a + 'PT'] = vars[b + 'PT'];
  3045.         vars[b + 'PT'] = z;
  3046.         gui_palette.update(a);
  3047.         gui_palette.run(q[vars[vars.id]]);
  3048.     },
  3049.     // Visualizer
  3050.     run: function (n) {
  3051.         if (n != 'GD') gui_gradient.mk(1);
  3052.         gui_swatch.cur(n);
  3053.         co.glyph();
  3054.         vars.cache(1);
  3055.     },
  3056.     create: function (v) {
  3057.         if (v) vars[vars.id] = v;
  3058.         gui_palette.update();
  3059.         co.glyph();
  3060.     },
  3061.     update: function (b, m) {
  3062.         stamp.preview(stamp.fileNumber, m);
  3063.         var id = b || vars.id,
  3064.             d = $(id),
  3065.         c = d.getContext('2d');
  3066.         c.clearRect(0, 0, d.width = 34, d.height = 23);
  3067.         style(c, "fillStyle", id, { X: 0, Y: 0 }, { X: 34, Y: 23 });
  3068.         c.fillRect(0, 0, 34, 23);
  3069.     }
  3070. };
  3071.  
  3072. // EDIT COLOR
  3073.  
  3074. gui_color = {
  3075.     // Mouse
  3076.     'core': function (o, e, fu) {
  3077.         if (gui_swatch.id == 'PT') gui_swatch.cur('CO');
  3078.         core.fu(o, e, {
  3079.             fu: core.X,
  3080.             oX: -13.5,
  3081.             X1: 0,
  3082.             X2: 121,
  3083.             oY: 0
  3084.         },
  3085.         fu);
  3086.     },
  3087.     'cur': function (n, v, i, m) {
  3088.         var b = gui_color[v+"_"][i],
  3089.             n = Math.max(0, n) / 121;
  3090.         gui_color[v][i[0]] = (i == 'Alpha') ? n : Math.round((1 - n) * b);
  3091.         gui_color.run(i);
  3092.         if (m == 'up') gui_palette.create();
  3093.         else gui_palette.update('', m);
  3094.     },
  3095.     'pos': function (r, v, i) {
  3096.         var s = (i == 'Alpha'),
  3097.         n = r[i[0]];
  3098.         n = s ? (1 - n) * 100 : n;
  3099.         $S(i + 'Cur').left = parseInt((121 - (n / gui_color[v+"_"][i]) * 121) + 10) + 'px';
  3100.         $(i + 'Me').innerHTML = Math.round(s ? 100 - n : n);
  3101.     },
  3102.     // Create
  3103.     'mk': function () {
  3104.         var z = '',
  3105.         o = $C('MM', 'solid')[0];
  3106.         var R = {
  3107.             'Hue': 'HSV',
  3108.             'Saturation': 'HSV',
  3109.             'Value': 'HSV',
  3110.             'Red': 'RGB',
  3111.             'Green': 'RGB',
  3112.             'Blue': 'RGB',
  3113.             'Alpha': 'RGB'
  3114.         };
  3115.         for (var i in R) {
  3116.             var v = 'gui_color.core(\'' + i + 'Cur\',event,function(a,b,m) { gui_color.cur(b.X,\'' + R[i] + '\',\'' + i + '\',m); })';
  3117.             z += '<div title="' + i.substr(0,1).toUpperCase() + i.substr(1) + '">' + ' <div class="west" id="' + i + 'T">' + i.substr(0,1).toUpperCase() + '</div>' +
  3118.                  ' <span class="east" id="' + i + 'Me"></span>' + ' <div onmousedown="' + v + '; return false;" id="' + i + 'Cur" class="cur"></div>' +
  3119.                  ' <canvas id="' + i + '" onmousedown="' + v + '" height="18" width="120"></canvas><br>' +
  3120.                  '</div>';
  3121.         }
  3122.         o.innerHTML = '<div class="z">' + z + '</div>';
  3123.     },
  3124.     // Visualizer
  3125.     'run': function (m, r) {
  3126.         if (m == 'set') {
  3127.             m = 'Red';
  3128.         }
  3129.         if (r) {
  3130.             var r = gui_color.RGB = {
  3131.                 R: r[0],
  3132.                 G: r[1],
  3133.                 B: r[2],
  3134.                 A: r[3]
  3135.             },
  3136.             h = gui_color.HSV = Color.RGB_HSV(gui_color.RGB);
  3137.         } else {
  3138.             var r = gui_color.RGB,
  3139.                 h = gui_color.HSV;
  3140.         }
  3141.         if (gui_color.HSV_[m]) {
  3142.             var t = Color.HSV_RGB(h);
  3143.                 t.A = r.A;
  3144.                 r = gui_color.RGB = t;
  3145.         } else if (gui_color.RGB_[m]) {
  3146.             h = gui_color.HSV = Color.RGB_HSV(r);
  3147.         }
  3148.         var R = {
  3149.             'Hue': [
  3150.                 [0, { H: 0, S: h.S, V: h.V }],
  3151.                 [0.15, { H: 300, S: h.S, V: h.V}],
  3152.                 [0.30, { H: 240, S: h.S, V: h.V}],
  3153.                 [0.50, { H: 180, S: h.S, V: h.V}],
  3154.                 [0.65, { H: 120, S: h.S, V: h.V}],
  3155.                 [0.85, { H: 60, S: h.S, V: h.V}],
  3156.                 [1, { H: 0, S: h.S, V: h.V}]],
  3157.             'Saturation': [
  3158.                 [0, { H: h.H, S: 100, V: h.V}],
  3159.                 [1, { H: h.H, S: 0, V: h.V}]],
  3160.             'Value': [
  3161.                 [0, { H: h.H, S: h.S, V: 100}],
  3162.                 [1, { H: h.H, S: h.S, V: 0}]],
  3163.             'Red': [
  3164.                 [0, { R: 255, G: r.G, B: r.B, A: r.A }],
  3165.                 [1, { R: 0, G: r.G, B: r.B, A: r.A }]],
  3166.             'Green': [
  3167.                 [0, { R: r.R, G: 255, B: r.B, A: r.A }],
  3168.                 [1, { R: r.R, G: 0, B: r.B, A: r.A }]],
  3169.             'Blue': [
  3170.                 [0, { R: r.R, G: r.G, B: 255, A: r.A }],
  3171.                 [1, { R: r.R, G: r.G, B: 0, A: r.A }]],
  3172.             'Alpha': [
  3173.                 [0, { R: r.R, G: r.G, B: r.B, A: 0 }],
  3174.                 [1, { R: r.R, G: r.G, B: r.B, A: 1 }]]
  3175.         };
  3176.         for (var i in R) {
  3177.             var c = $2D(i),
  3178.                 g = c.createLinearGradient(0, 0, 120, 18);
  3179.             c.globalCompositeOperation = 'copy';
  3180.             for (var j in R[i]) {
  3181.                 var j = R[i][j],
  3182.                     k = j[1];
  3183.                 if (gui_color.HSV_[i]) {
  3184.                     k = Color.HSV_RGB(k);
  3185.                     k.A = r.A;
  3186.                 }
  3187.                 var rgb = gui_color.mode(k, isNaN(k.A) ? 1 : 0);
  3188.                 rgb = rgb.R + ',' + rgb.G + ',' + rgb.B + ',' + rgb.A;
  3189.                 g.addColorStop(j[0], 'rgba(' + rgb + ')');
  3190.             }
  3191.             c.rect(0,0,120,18);
  3192.             co.style.fill(c, g);
  3193.             if (gui_color.HSV_[i]) {
  3194.                 gui_color.pos(h, 'HSV', i);
  3195.             } else {
  3196.                 gui_color.pos(r, 'RGB', i);
  3197.             }
  3198.         }
  3199.         var r = gui_color.mode(r);
  3200.         $('HEX').innerHTML = Color.HEX_STRING(r.R << 16 | r.G << 8 | r.B);
  3201.         if (vars[vars.id] == 'solid') {
  3202.             vars[vars.id + 'CO'] = [ r.R, r.G, r.B, r.A ];
  3203.             vars.opacity_fill = r.A * 100;
  3204.             if($('opacity_fillCur') && vars.id == "fill") {
  3205.                 $('opacity_fillCur').style.left = parseInt(r.A * 110) + 'px';
  3206.                 $('opacity_fillCurV').innerHTML = parseInt(r.A * 100);         
  3207.             }
  3208.         } else if (vars[vars.id] == 'gradient') {
  3209.             var b = gui_gradient.o.id.substr(2);
  3210.             vars[vars.id + 'GD'][b][1] = [ r.R, r.G, r.B, r.A ];
  3211.             gui_gradient.run(b, 'move');
  3212.         }
  3213.     },
  3214.     // Data
  3215.     'mode': function (r, s) {
  3216.         return (s ? r : { R: r.R, G: r.G, B: r.B, A: r.A });
  3217.     },
  3218.     'RGB_': {
  3219.         'Red': 255,
  3220.         'Green': 255,
  3221.         'Blue': 255,
  3222.         'Alpha': 100
  3223.     },
  3224.     'HSV_': {
  3225.         'Hue': 360,
  3226.         'Saturation': 100,
  3227.         'Value': 100
  3228.     },
  3229.     'RGB': {
  3230.         'R': 255,
  3231.         'G': 0,
  3232.         'B': 0,
  3233.         'A': 1
  3234.     },
  3235.     'HSV': {
  3236.         'H': 0,
  3237.         'S': 100,
  3238.         'V': 100
  3239.     }
  3240. };
  3241.  
  3242. // EDIT GRADIENT
  3243.  
  3244. gui_gradient = {
  3245.     // Mouse
  3246.     'slide_x': function (a, b, m) {
  3247.         var g = vars[vars.id + 'GD'],
  3248.         r = g[gui_gradient.o.id.substr(2)];
  3249.         if (N.between(b.Y, 0, 40)) {
  3250.             if (gui_gradient.del) {
  3251.                 gui_gradient.o.style.display = 'block';
  3252.                 gui_gradient.del = '';
  3253.                 r[2] = 0;
  3254.             }
  3255.             r[0] = Math.round(Math.min(1, Math.max(0, b.X / 169)) * 1000) / 1000;
  3256.             $('gPos').innerHTML = Math.round(r[0] * 100) + '<span class="small">%</span>';
  3257.             gui_gradient.o.style.left = (Math.max(0, b.X) - 5) + 'px';
  3258.         } else if (g.length > 2) {
  3259.             gui_gradient.o.style.display = 'none';
  3260.             gui_gradient.del = gui_gradient.o;
  3261.             r[2] = 1;
  3262.         }
  3263.         if (m == 'up' && gui_gradient.del && g.length > 2) gui_gradient.remove();
  3264.         infc.info(m, 'cGD2', 'gPos');
  3265.         gui_gradient.fill(m);
  3266.     },
  3267.     'slide_y': function (a, b, m) {
  3268.         var g = vars[vars.id + 'GD'],
  3269.         op = Math.round((1 - (b.Y + 5) / 91) * 1000) / 1000;
  3270.         $S('gOpacity').top = b.Y + 'px';
  3271.         $('gPos').innerHTML = Math.round(op * 100) + '<span class="small">%</span>';
  3272.         vars.opacity_fill = op * 100;
  3273.         if($('opacity_fillCur') && vars.id == "fill") {
  3274.             $('opacity_fillCur').style.left = parseInt(op * 110) + 'px';
  3275.             $('opacity_fillCurV').innerHTML = parseInt(op * 100);          
  3276.         }
  3277.         for (var i in g) {
  3278.             g[i][1][3] = op;
  3279.         }
  3280.         infc.info(m, 'cGD2', 'gPos');
  3281.         gui_gradient.run('false', m);
  3282.         gui_gradient.cs();
  3283.     },
  3284.     'slide_o': function (o, m, a, x) {
  3285.         a.X += x.oX;
  3286.         a.Y += x.oY;
  3287.         var o = $S('gAngle'),
  3288.         W = 132,
  3289.         W2 = W / 2,
  3290.         R = Math.atan2(a.X - W2 - 3, W - a.Y - W2 - 6);
  3291.         gui_gradient.rotate = R;
  3292.         o.left = (Math.abs((Math.sin(R) * W2) + W2) + 30) + 'px';
  3293.         o.top = (Math.abs((Math.cos(R) * W2) - W2) + 40) + 'px';
  3294.         $('gPos').innerHTML = Math.round((gui_gradient.rotate + (Math.PI * 2.5)) * (180 / Math.PI) % 360) + '&deg;';
  3295.         infc.info(m, 'cGD2', 'gPos');
  3296.         gui_gradient.fill(m);
  3297.     },
  3298.     'cur': function (o) {
  3299.         if (gui_gradient.o) gui_gradient.o.className = '';
  3300.         o.className = 'cur';
  3301.         gui_gradient.o = o;
  3302.     },
  3303.     'add': function (e) {
  3304.         if (stop) {
  3305.             var g = vars[vars.id + 'GD'],
  3306.             n = g.length;
  3307.             g[n] = [0, deObject(vars[vars.id + 'GD'][gui_gradient.o.id.substr(2)][1])];
  3308.             gui_gradient.mk_x('gd' + n);
  3309.             core.fu('gd' + n, e, {
  3310.                 fu: core.X,
  3311.                 oX: 0,
  3312.                 oY: 15,
  3313.                 X1: 0,
  3314.                 X2: 169
  3315.             },
  3316.             gui_gradient.slide_x);
  3317.         }
  3318.     },
  3319.     'remove': function (o) {
  3320.         vars[vars.id + 'GD'].splice(gui_gradient.del.id.substr(2), 1);
  3321.         gui_gradient.mk_x();
  3322.     },
  3323.     // Create
  3324.     'mk': function () {
  3325.         var o = $C('MM', 'gradient')[0];
  3326.         o.innerHTML = '<div class="z" onmousedown="gui_swatch.toType(\'GD\')">' + ' <div onmousedown="core.fu(\'cGD1\',event, {fu:gui_gradient.slide_o, oX:-7, oY:-13}); return false;" id="gAngle" class="blue_dot" title="Angle"></div>' + ' <div onmousedown="core.fu(\'cGD1\',event, {fu:core.Y, oX:0, oY:-41, Y1:-5, Y2:86}, gui_gradient.slide_y); return false;" class="blue_slide"><div id="gOpacity" class="blue_dot" title="Opacity"></div></div>' + ' <div id="gPos"></div>' + ' <canvas id="cGD1" height="169" width="169"></canvas>' + ' <canvas id="cGD2" onmousedown="core.fu(\'cGD1\',event, {fu:gui_gradient.slide_o, oX:-7, oY:-13})" height="169" width="169"></canvas>' + ' <div class="slide_x" onmousedown="gui_gradient.add(event)"></div>' + '</div>';
  3327.         gui_gradient.mk_x();
  3328.         infc.info_draw('cGD2');
  3329.         if (vars[vars.id] == 'gradient') gui_gradient.cs();
  3330.     },
  3331.     'mk_x': function (o) {
  3332.         var g = vars[vars.id + 'GD'],
  3333.         z = '';
  3334.         for (var i in g) z += '<div onmousedown="gui_gradient.cur(this); gui_gradient.cs(); core.fu(\'gd' + i + '\',event,{fu:core.X, oX:0, oY:15, X1:0, X2:169}, gui_gradient.slide_x)" id="gd' + i + '" style="left: ' + ((g[i][0] * 169) - 5) + 'px"><canvas height="7" width="7"></canvas></div>';
  3335.         $C('slide_x', 'gradient')[0].innerHTML = z;
  3336.         gui_gradient.cur($(o ? o : 'gd' + i));
  3337.         gui_gradient.run('false', 'move');
  3338.     },
  3339.     // Visualizer
  3340.     'run': function (v, m) {
  3341.         var g = vars[vars.id + 'GD'];
  3342.         function z(i) {
  3343.             var c = $T('canvas', 'gd' + i)[0].getContext('2d');
  3344.             c.clearRect(0, 0, 7, 7);
  3345.             c.rect(0,0,7,7);
  3346.             co.style.fill(c, 'rgba(' + g[i][1].join(',') + ')');
  3347.         }
  3348.         if (isNaN(v)) {
  3349.             for (var i in g) {
  3350.                 z(i);
  3351.             }
  3352.         } else {
  3353.             z(v);
  3354.         }
  3355.         gui_gradient.fill(m);
  3356.     },
  3357.     'fill': function (m) {
  3358.         var c = $2D('cGD1'),
  3359.         g = vars[vars.id + 'GD'];
  3360.         co.gradient({
  3361.             'X': 0,
  3362.             'Y': 0
  3363.         },
  3364.         {
  3365.             'X': 169,
  3366.             'Y': 169
  3367.         },
  3368.         c, g, 'fill');
  3369.         c.clearRect(0, 0, 169, 169);
  3370.         c.fillRect(0, 0, 169, 169);
  3371.         if (m == 'up') gui_palette.create();
  3372.         else gui_palette.update('', m);
  3373.     },
  3374.     // Data
  3375.     'cs': function (v) {
  3376.         v = vars[vars.id + 'GD'][gui_gradient.o.id.substr(2)][1];
  3377.         gui_color.run('set', v);
  3378.     },
  3379.     'rotate': (Math.PI / 2) + Math.PI
  3380. };
  3381.  
  3382. // EDIT PATTERN
  3383.  
  3384. var gui_pattern = {
  3385.     // Mouse
  3386.     'slide_y': function (a, b, m) {
  3387.         var op = (gui_pattern.op[vars.id] = Math.round((1 - (b.Y + 5) / 91) * 1000) / 1000);
  3388.         $('pPos').innerHTML = Math.round(op * 100) + '<span class="small">%</span>';
  3389.         vars.opacity_fill = op * 100;
  3390.         if($('opacity_fillCur') && vars.id == "fill") {
  3391.             $('opacity_fillCur').style.left = parseInt(op * 110) + 'px';
  3392.             $('opacity_fillCurV').innerHTML = parseInt(op * 100);          
  3393.         }
  3394.         $S('pOpacity').top = b.Y + 'px';
  3395.         infc.info(m, 'cPT2', 'pPos');
  3396.         gui_pattern.create(op, m);
  3397.         if (m == 'up') gui_palette.create();
  3398.         else gui_palette.update('', m);
  3399.     },
  3400.     // Create
  3401.     'mk': function (s) {
  3402.         var j = 0,
  3403.         r = vars[vars.id + 'GD'],
  3404.         o = $C('MM', 'pattern')[0],
  3405.         z = '';
  3406.         o.innerHTML = '<div class="z" onmousedown="gui_swatch.toType(\'PT\')">' + ' <div onmousedown="core.fu(\'cPT1\',event, {fu:core.Y, oX:0, oY:-41, Y1:-5, Y2:86}, gui_pattern.slide_y); return false;" class="blue_slide"><div id="pOpacity" class="blue_dot" title="Opacity"></div></div>' + ' <div id="pPos"></div>' + ' <canvas id="cPT"></canvas>' + ' <canvas id="cPT1" height="169" width="169"></canvas>' + ' <canvas id="cPT2" height="169" width="169"></canvas>' + '</div>';
  3407.         gui_pattern.o[vars.id] = vars[vars.id + 'PT'];
  3408.         gui_pattern.fill();
  3409.         infc.info_draw('cPT2', 1);
  3410.         gui_palette.update();
  3411.         if (vars[vars.id] == 'pattern') {
  3412.             gui_gradient.cs();
  3413.         }
  3414.         gui_pattern.cache("fill");
  3415.         gui_pattern.cache("stroke");
  3416.     },
  3417.     // Visualizer
  3418.     'cache': function (type) { // cache image w/ createPattern()
  3419.         var pattern = vars[type+'PT'];
  3420.         dtx2D.width = pattern.width;
  3421.         dtx2D.height = pattern.height;
  3422.         ctx2D.save();
  3423.         ctx2D.globalAlpha = isNaN(pattern.opacity) ? 1 : pattern.opacity;
  3424.         ctx2D.drawImage(pattern, 0, 0);
  3425.         ctx2D.restore();
  3426.         vars[type+'PT~'] = ctx2D.createPattern(dtx2D, "repeat");
  3427.     },
  3428.     'create': function (opacity, m) {
  3429.         var image = vars[vars.id + 'PT'],
  3430.             b = { X: image.width, Y: image.height };
  3431.         if (!opacity) {
  3432.             opacity = gui_pattern.op[vars.id];
  3433.         }
  3434.         image.opacity = opacity;
  3435.         $('cPT').width = b.X;
  3436.         $('cPT').height = b.Y;
  3437.         gui_pattern.cache(vars.id);
  3438.         gui_pattern.o[vars.id] = $('cPT'); // GENERATE
  3439.         gui_pattern.fill(opacity, 0, m); // UPDATE
  3440.     },
  3441.     'fill': function (op, b, m, i) {
  3442.         if (!op) op = gui_pattern.op[vars.id];
  3443.         var a = {
  3444.             'X': 0,
  3445.             'Y': 0
  3446.         },
  3447.         b = b ? b : {
  3448.             'X': 169,
  3449.             'Y': 169
  3450.         },
  3451.         c = $2D(i ? i : 'cPT1');
  3452.         co.del(c);
  3453.         c.globalCompositeOperation = 'source-over';
  3454.         c.rect(a.X,a.Y,b.X,b.Y);
  3455.         co.style.fill(c, c.createPattern(vars[vars.id + 'PT'], 'repeat'));
  3456.         c.globalCompositeOperation = 'destination-in';
  3457.         c.rect(a.X,a.Y,b.X,b.Y);
  3458.         c.fillStyle = 'rgba(255,255,255,' + op + ')';
  3459.         c.fill();
  3460.         if (m == 'up') gui_palette.create();
  3461.         else gui_palette.update('', m);
  3462.     },
  3463.     // Data
  3464.     'o': {
  3465.         'stroke': new Image(),
  3466.         'fill': new Image()
  3467.     },
  3468.     'op': {
  3469.         'stroke': 1,
  3470.         'fill': 1
  3471.     },
  3472.     'dir': 'media/patterns/'
  3473. };
  3474.  
  3475. // EDIT SWATCH
  3476.  
  3477. gui_swatch = {
  3478.     // Mouse
  3479.     'click': function (o) {
  3480.         var n = parseInt(o.id.replace(/[a-zA-Z]*/, ''));
  3481.         if (gui_swatch.n[vars.id + gui_swatch.id] != n) {
  3482.             if (gui_swatch.id == 'PT') {
  3483.                 vars[vars.id + gui_swatch.id] = new Image();
  3484.                 vars[vars.id + gui_swatch.id].src = vars[gui_swatch.id][n - 1].src;
  3485.             } else {
  3486.                 vars[vars.id + gui_swatch.id] = deObject(vars[gui_swatch.id][n - 1]);
  3487.             }
  3488.             gui_swatch.cur_switch(n);
  3489.             co.glyph();
  3490.         }
  3491.     },
  3492.     'cur': function (type, s) {
  3493.         gui.Y.id = type = type || "CO";
  3494.         vars[vars.id] = gui_swatch.r[type][0];
  3495.         function z(a, b, c) {
  3496.             $C(a, 'swatch')[0].style[b] = c;
  3497.         }
  3498.         if(gui_swatch.id) {
  3499.             z(gui_swatch.id, 'display', 'none');
  3500.             z(gui_swatch.id + 'menu', 'cursor', 'pointer');
  3501.         }
  3502.         z(type, 'display', 'block');
  3503.         z(type + 'menu', 'cursor', 'default');
  3504.         gui_swatch.pos(gui_swatch.n[vars.id + (gui_swatch.id = type)]);
  3505.         gui_swatch.cur_switch(gui_swatch.n[vars.id + gui_swatch.id], s);
  3506.         co.glyph();
  3507.     },
  3508.     'cur_switch': function (n, s) {
  3509.         var b = gui_swatch.n[vars.id + gui_swatch.id];
  3510.         gui_swatch.n[vars.id + gui_swatch.id] = n;
  3511.         if (!s) {
  3512.             gui_swatch.run();
  3513.         }
  3514.         if ($(gui_swatch.o)) {
  3515.             $(gui_swatch.o).className = '';
  3516.             gui_swatch.update(b);
  3517.         }
  3518.         $(gui_swatch.o = vars.id + gui_swatch.id + n).className = 'cur';
  3519.         gui_swatch.update(n);
  3520.     },
  3521.     'pos': function (n) {
  3522.         var o = gui.Y,
  3523.         a = Math.ceil(n / 7) * 7,
  3524.         b = (a - 7) - (o.cur[gui_swatch.id] - 1);
  3525.         if (b > 21 || b < 0) o.cur[gui_swatch.id] = (a - (b < 0 ? 7 : 28));
  3526.         o.prev[gui_swatch.id] = 0;
  3527.         o.cord(0);
  3528.         o.sw(gui_swatch.n[vars.id + gui_swatch.id] = n);
  3529.     },
  3530.     'add': function () {
  3531.         var r = vars[gui_swatch.id],
  3532.         n = gui_swatch.n[vars.id + gui_swatch.id];
  3533.         var fu = {
  3534.             'CO': function (r) {
  3535.                 r = deObject(vars[vars.id + gui_swatch.id]);
  3536.                 return (r);
  3537.             },
  3538.             'GD': function (r) {
  3539.                 r = deObject(vars[vars.id + gui_swatch.id]);
  3540.                 return (r);
  3541.             },
  3542.             'PT': function (r) {
  3543.                 r = new Image();
  3544.                 r[r.length - 1].src = vars[vars.id + gui_swatch.id].src;
  3545.                 return (r);
  3546.             }
  3547.         };
  3548.         r.splice(n, 0, fu[gui_swatch.id](r));
  3549.         vars[vars.id + gui_swatch.id] = r[n];
  3550.         gui.Y.kontrol_update(gui_swatch.id);
  3551.         gui_swatch.pos(n + 1);
  3552.     },
  3553.     'remove': function () {
  3554.         if (vars[gui_swatch.id].length > 1) {
  3555.             var r = vars[gui_swatch.id],
  3556.             n = gui_swatch.n[vars.id + gui_swatch.id];
  3557.             r.splice(n - 1, 1);
  3558.             vars[vars.id + gui_swatch.id] = r[(n = Math.min(n, r.length)) - 1];
  3559.             gui_swatch.pos(n);
  3560.             gui_swatch.run();
  3561.             gui.Y.kontrol_update(gui_swatch.id);
  3562.         }
  3563.     },
  3564.     // Create
  3565.     author: function(id) {
  3566.         var id = id || gui_swatch.id,
  3567.             res = Resources[id][vars[id+'*']] || "";
  3568.         if(res) { // resource
  3569.             return '<i>by:&nbsp; <a href="'+res.url+'" target="_blank">'+res.name+'</a></i>';
  3570.         } else {
  3571.             return '';
  3572.         }
  3573.     },
  3574.     'mk': function () {
  3575.         var z = '';
  3576.         gui_swatch.set = {};
  3577.         for (var i in gui_swatch.r) {
  3578.             var k = 0;
  3579.             gui_swatch.set[i] = {};
  3580.             for (var j in Q[i]) gui_swatch.set[i][k++] = j;
  3581.         }
  3582.         for (var i in gui_swatch.r) {
  3583.             var res = '<div id="author_'+i+'" class="author">'+gui_swatch.author(i)+'</div>';
  3584.             z += '<div class="menu ' + i + 'menu" onmousedown="gui_swatch.cur(\'' + i + '\'); vars.cache(1);">' + ' <div>' + gui_swatch.r[i][0].toUpperCase() + 'S</div>' +
  3585.                  ' <span class="east">' +
  3586.                  ' <div style="padding: 2px 0 0; font-size: 12px" id="'+i+'_author"></div>' +
  3587. //               '  <img src="media/gui/sw_remove.png" onmousedown="if(this.parentNode.parentNode.style.cursor==\'default\') gui_swatch.remove(); return false;" alt="..." class="remove">' +
  3588. //               '  <img src="media/gui/sw_add.png" onmousedown="if(this.parentNode.parentNode.style.cursor==\'default\') gui_swatch.add(); return false;" alt="...">' +
  3589.                  ' </span>' +
  3590.                  '</div>' +
  3591.                  '<div class="' + i + '" style="display: none">' +
  3592.                  ' <div style="position: absolute; left: 19px; top: ' + (42 + gui_swatch.r[i][2]) + 'px;">' + gui.menu.build(i + '*', gui_swatch.set[i]) + '</div>' +
  3593.                  ' <div id="' + i + '" class="squares"></div>' + gui.Y.kontrol(i, gui_swatch.r[i][2] + 49) + '<br>' +res+
  3594.                  '</div>';
  3595.         }
  3596.         $C('MM', 'swatch')[0].innerHTML = '<div class="z">' + z + '</div>';
  3597.         gui_swatch.cur(gui_swatch.id = gui_swatch.L2S[vars[vars.id]]);
  3598.     },
  3599.     // Visualizer
  3600.     'run': function () {
  3601.         ({
  3602.             'CO': function () {
  3603.                 gui_color.run('set', vars[vars.id + gui_swatch.id]);
  3604.                 gui_palette.update();
  3605.             },
  3606.             'GD': function () {
  3607.                 gui_gradient.mk_x();
  3608.                 gui_gradient.cs();
  3609.                 $S('gOpacity').top = '-5px';
  3610.             },
  3611.             'PT': function () {
  3612.                 gui_pattern.o[vars.id] = vars[vars.id + 'PT'];
  3613.                 gui_pattern.create();
  3614.             }
  3615.         })[gui_swatch.id]();
  3616.     },
  3617.     'update': function (i, s) {
  3618.         var r = vars[gui_swatch.id];
  3619.         var fu = {
  3620.             'CO': function (r, c) {
  3621.                 c.fillStyle = 'rgba(' + r[i - 1].join(',') + ')';
  3622.                 c.fill();
  3623.             },
  3624.             'GD': function (r, c) {
  3625.                 co.gradient({
  3626.                     'X': 3,
  3627.                     'Y': 3
  3628.                 },
  3629.                 {
  3630.                     'X': 13,
  3631.                     'Y': 13
  3632.                 },
  3633.                 c, r[i - 1], 'fill', 1);
  3634.             },
  3635.             'PT': function (r, c) {
  3636.                 c.fillStyle = c.createPattern(r[i - 1], 'repeat');
  3637.                 c.fill();
  3638.             }
  3639.         };
  3640.         function z(i) {
  3641.             var d = $(vars.id + gui_swatch.id + i);
  3642.             if (d) {
  3643.                 var c = $2D(vars.id + gui_swatch.id + i);
  3644.                 c.clearRect(0, 0, 16, 16);
  3645.                 if (gui_swatch.n[vars.id + gui_swatch.id] == i && !s) {
  3646.                     var a = {
  3647.                         'X': 3,
  3648.                         'Y': 3
  3649.                     },
  3650.                     b = {
  3651.                         'X': 13,
  3652.                         'Y': 13
  3653.                     };
  3654.                     c.beginPath();
  3655.                     co.circle(a, b, c);
  3656.                     c.strokeStyle = 'rgba(255,255,255,1)';
  3657.                     c.lineWidth = 1.5;
  3658.                     c.stroke();
  3659.                     fu[gui_swatch.id](r, c);
  3660.                     c.beginPath();
  3661.                 } else {
  3662.                     c.rect(0, 0, 16,16);
  3663.                     fu[gui_swatch.id](r, c);
  3664.                 }
  3665.             }
  3666.         }
  3667.         if (isNaN(i)) for (var i = gui.Y.cur[gui_swatch.id], ii = 1; i <= r.length && ii <= 28; i++, ii++) z(i);
  3668.         else z(i);
  3669.     },
  3670.     toType: function (type) {
  3671.         if (gui_swatch.id != type) {
  3672.             gui_swatch.cur(type, 1);
  3673.             gui_palette.create();
  3674.         }
  3675.     },
  3676.     // Data
  3677.     'L2S': {
  3678.         'solid': 'CO',
  3679.         'gradient': 'GD',
  3680.         'pattern': 'PT'
  3681.     },
  3682.     'S2L': {
  3683.         'CO': 'solid',
  3684.         'GD': 'gradient',
  3685.         'PT': 'pattern'
  3686.     },
  3687.     'S2N': {
  3688.         'CO': 1,
  3689.         'GD': 2,
  3690.         'PT': 3
  3691.     },
  3692.     'r': {
  3693.         'CO': ['solid', -13, 6],
  3694.         'GD': ['gradient', 6, 25],
  3695.         'PT': ['pattern', 25, 44]
  3696.     },
  3697.     'n': {
  3698.         'fillCO': 1,
  3699.         'fillGD': 1,
  3700.         'fillPT': 1,
  3701.         'strokeCO': 2,
  3702.         'strokeGD': 2,
  3703.         'strokePT': 2
  3704.     },
  3705.     'o': ''
  3706. };
  3707.  
  3708. // INTERFACE
  3709.  
  3710. infc = {
  3711.     // INFORMATION
  3712.     'info': function (m, o, i) {
  3713.         if (m == 'down' || m == 'up') {
  3714.             var c = $2D(o),
  3715.             r = {
  3716.                 'down': ['source-over', 0.4, 0.2, 0],
  3717.                 'up': ['destination-out', 1, 1, 1]
  3718.             } [m];
  3719.             c.beginPath();
  3720.             c.globalCompositeOperation = r[0];
  3721.             co.circle({
  3722.                 'X': 35 + r[3],
  3723.                 'Y': 20 + r[3]
  3724.             },
  3725.             {
  3726.                 'X': -15 - r[3],
  3727.                 'Y': -30 - r[3]
  3728.             },
  3729.             c);
  3730.             c.lineWidth = 1;
  3731.             co.style.fill(c, 'rgba(0,0,0,' + r[1] + ')');
  3732.             co.style.stroke(c, 'rgba(0,0,0,' + r[2] + ')');
  3733.             $S(i).display = (m == 'down') ? 'block' : 'none';
  3734.         }
  3735.     },
  3736.     'info_draw': function (v, s) {
  3737.         var c = $2D(v),
  3738.         a = {
  3739.             'X': 37,
  3740.             'Y': 37
  3741.         },
  3742.         b = {
  3743.             'X': 131,
  3744.             'Y': 131
  3745.         }
  3746.         function ellip(a, b, r, w) {
  3747.             c.beginPath();
  3748.             c.lineWidth = w;
  3749.             co.circle(a, b, c);
  3750.             co.style.stroke(c, 'rgba(' + r + ')');
  3751.         }
  3752.         function line(a, b, r, w) {
  3753.             c.beginPath();
  3754.             c.lineWidth = w;
  3755.             c.moveTo(a.X, a.Y);
  3756.             c.lineTo(b.X, b.Y);
  3757.             co.style.stroke(c, 'rgba(' + r + ')');
  3758.         }
  3759.         if (!s) { // DRAW ROTATE
  3760.             ellip(a, b, [0, 0, 0, 1], 8);
  3761.             c.globalCompositeOperation = 'source-out';
  3762.             ellip({
  3763.                 'X': a.X + 3,
  3764.                 'Y': a.Y + 3
  3765.             },
  3766.             {
  3767.                 'X': b.X + 3,
  3768.                 'Y': b.Y + 3
  3769.             },
  3770.             [0, 0, 0, 0.3], 2);
  3771.             c.globalCompositeOperation = 'source-over';
  3772.             ellip(a, b, [128, 128, 128, 0.4], 8);
  3773.             ellip({
  3774.                 'X': a.X,
  3775.                 'Y': a.Y + 1
  3776.             },
  3777.             {
  3778.                 'X': b.X,
  3779.                 'Y': b.Y + 1
  3780.             },
  3781.             [255, 255, 255, 0.2], 1);
  3782.             ellip(a, b, [33, 33, 33, 1], 1);
  3783.             line({
  3784.                 X: 84,
  3785.                 Y: 14
  3786.             },
  3787.             {
  3788.                 X: 84,
  3789.                 Y: 7
  3790.             },
  3791.             [0, 0, 0, 0.4], 2);
  3792.             line({
  3793.                 X: 85,
  3794.                 Y: 14
  3795.             },
  3796.             {
  3797.                 X: 85,
  3798.                 Y: 7
  3799.             },
  3800.             [255, 255, 255, 0.4], 1); // N
  3801.             line({
  3802.                 X: 85,
  3803.                 Y: 154
  3804.             },
  3805.             {
  3806.                 X: 85,
  3807.                 Y: 161
  3808.             },
  3809.             [0, 0, 0, 0.4], 2);
  3810.             line({
  3811.                 X: 85,
  3812.                 Y: 154
  3813.             },
  3814.             {
  3815.                 X: 84,
  3816.                 Y: 161
  3817.             },
  3818.             [255, 255, 255, 0.4], 1); // S
  3819.             line({
  3820.                 X: 154,
  3821.                 Y: 85
  3822.             },
  3823.             {
  3824.                 X: 161,
  3825.                 Y: 85
  3826.             },
  3827.             [0, 0, 0, 0.4], 2);
  3828.             line({
  3829.                 X: 154,
  3830.                 Y: 86
  3831.             },
  3832.             {
  3833.                 X: 161,
  3834.                 Y: 86
  3835.             },
  3836.             [255, 255, 255, 0.4], 1); // E
  3837.             line({
  3838.                 X: 14,
  3839.                 Y: 86
  3840.             },
  3841.             {
  3842.                 X: 7,
  3843.                 Y: 86
  3844.             },
  3845.             [0, 0, 0, 0.4], 2);
  3846.             line({
  3847.                 X: 14,
  3848.                 Y: 85
  3849.             },
  3850.             {
  3851.                 X: 7,
  3852.                 Y: 85
  3853.             },
  3854.             [255, 255, 255, 0.4], 1); // W
  3855.         }
  3856.         line({
  3857.             X: 87,
  3858.             Y: 35
  3859.         },
  3860.         {
  3861.             X: 87,
  3862.             Y: 135
  3863.         },
  3864.         [0, 0, 0, 0.7], 1);
  3865.         line({
  3866.             X: 84,
  3867.             Y: 35
  3868.         },
  3869.         {
  3870.             X: 84,
  3871.             Y: 135
  3872.         },
  3873.         [128, 128, 128, 0.4], 8);
  3874.         line({
  3875.             X: 84,
  3876.             Y: 35
  3877.         },
  3878.         {
  3879.             X: 84,
  3880.             Y: 135
  3881.         },
  3882.         [0, 0, 0, 1], 1);
  3883.         line({
  3884.             X: 85,
  3885.             Y: 35
  3886.         },
  3887.         {
  3888.             X: 85,
  3889.             Y: 135
  3890.         },
  3891.         [255, 255, 255, 0.2], 1);
  3892.         c.closePath();
  3893.     },
  3894.     // GLOBAL OPACITY
  3895.     'opacity': function (o, v, n) {
  3896.         gui_palette.click("fill");
  3897.         var op = Math.round((vars[o] = Math.min(v[1], (Math.max(0, n) / 110) * 100)));
  3898.         if ($(o + 'CurV')) {
  3899.             $(o + 'CurV').innerHTML = Math.round(op);
  3900.         }
  3901.         switch(vars["fill"]) {
  3902.             case 'pattern':
  3903.                 gui_pattern.create(op / 100);
  3904.                 $S('pOpacity').top = ((1 - (op / 100)) * 91 - 5) + 'px'
  3905.                 gui_pattern.op["fill"] = Math.round((op / 100) * 1000) / 1000;
  3906.                 break;
  3907.             case 'gradient':
  3908.                 $S('gOpacity').top = Math.round((1 - (op / 100)) * 91 - 5) + 'px'
  3909.                 var g = vars["fill" + 'GD'];
  3910.                 for (var i in g) {
  3911.                     g[i][1][3] = op / 100;
  3912.                 }
  3913.                 gui_gradient.run('false', 'move');
  3914.                 break;
  3915.             case 'solid':
  3916.                 var c = vars["fill" + gui_swatch.id];
  3917.                 c[3] = op / 100;
  3918.                 gui_color.run('set', c);
  3919.                 gui_palette.update();
  3920.                 break;
  3921.         }
  3922.     }
  3923. };
  3924. /*
  3925.     KEYPRESS
  3926. */
  3927.  
  3928. (function() {
  3929.  
  3930. E = {
  3931.     'k': 0,
  3932.     'run': 0,
  3933.     'sh': 0,
  3934.     'sh_var': 0
  3935. };
  3936.  
  3937. key = {
  3938.     'k': function (e) {
  3939.         if(typeof(e) == 'undefined') var e = event;
  3940.         if(typeof(e.shiftKey) == 'undefined') e.shiftKey = 0;
  3941.         E.sh = E.sh_var = e.shiftKey ? 1 : 0;
  3942.         E.ctrl = e.ctrlKey ? 1 : 0;
  3943.         return (key.code(e));
  3944.     },
  3945.     'active': function () {
  3946.         if (vars.type == 'marquee') {
  3947.             marquee.core(oXY, cXY, 'move');
  3948.         } else if (vars.type == 'shape') {
  3949.             draw.shape(oXY, cXY, 'move');
  3950.         }
  3951.     },
  3952.     'block': function (e, k) {
  3953.         var o = {
  3954.             8: 'x',
  3955.             13: '\n',
  3956.             32: 'space',
  3957.             46: 'x',
  3958.             191: '/',
  3959.             222: "'",
  3960.             37: 'left',
  3961.             38: 'up',
  3962.             39: 'right',
  3963.             40: 'down'
  3964.         };
  3965.         if (k in o) {
  3966.             e.preventDefault();
  3967.             return false;
  3968.         }
  3969.     },
  3970.     'code': function (e) {
  3971.         return ! (agent('msie') || agent('opera')) ? e.keyCode : e.which;
  3972.     },
  3973.     'press': function (k, move, down, up) {
  3974.         function mv(x) {
  3975.             return function (n) {
  3976.                 move({
  3977.                     X: x.X * n,
  3978.                     Y: x.Y * n
  3979.                 });
  3980.             };
  3981.         };
  3982.         window.blur();
  3983.         setTimeout(window.focus, 0);
  3984.         E.k = k;
  3985.         key.up = up;
  3986.         key.down = down;
  3987.         key.move = {
  3988.             37: mv({
  3989.                 X: -1,
  3990.                 Y: 0
  3991.             }),
  3992.             38: mv({
  3993.                 X: 0,
  3994.                 Y: -1
  3995.             }),
  3996.             39: mv({
  3997.                 X: 1,
  3998.                 Y: 0
  3999.             }),
  4000.             40: mv({
  4001.                 X: 0,
  4002.                 Y: 1
  4003.             })
  4004.         } [k];
  4005.         setTimeout('key.run(' + (E.run = getTime()) + ')', 0);
  4006.     },
  4007.     'run': function (t) {
  4008.         if (E.k && E.run == t) {
  4009.             if (key.down) {
  4010.                 key.down();
  4011.                 key.down = '';
  4012.             };
  4013.             key.move(E.sh_var ? 10 : 1);
  4014.             setTimeout('key.run(' + t + ')', 100);
  4015.         } else if (!E.k && key.up) {
  4016.             key.up();
  4017.         }
  4018.     }
  4019. };
  4020.  
  4021. document.onkeydown = function (e) {
  4022.     if(typeof(e) == 'undefined') var e = event;
  4023.     var k = key.k(e),
  4024.         r = {};
  4025.     if (vars.type == 'marquee' && E.ctrl && k == 65) { // SELECT ALL
  4026.         marquee.core({
  4027.             'X': 1,
  4028.             'Y': 1
  4029.         },
  4030.         {
  4031.             'X': canvas.W - 1,
  4032.             'Y': canvas.H - 1
  4033.         },
  4034.         'up');
  4035.     }
  4036.     else if (e.ctrlKey && E.sh && k == 90 && (r = canvas.history_r) && r.r[r.n + 1] <= canvas.history_n && (r.n + 1) <= r.z) { // REDO
  4037.         canvas.history_set(r.n++);
  4038.     } else if (e.ctrlKey && !E.sh && k == 90 && (r = canvas.history_r) && r.r[r.n - 1] >= 0 && (r.n - 1) >= r.a) { // UNDO
  4039.         canvas.history_set(r.n--);
  4040.     } else if (mXY != 'up' && cXY && cXY.X) { // TOGGLE CONSTRAIN
  4041.         key.active();
  4042.     } else if (marquee.on || marquee.mv) { // MARQUEE
  4043.         if (k == 8 || k == 46) { // DELETE SELECTION
  4044.             marquee.del();
  4045.         } else if (k == 27) { // DESELECT
  4046.             marquee.reset();
  4047.         } else if (k >= 37 & k <= 40) { // MOVE
  4048.             marquee.on = 0;
  4049.             window.clearInterval(marqueeID);
  4050.             marquee.mv = 1;
  4051.             key.press(k, marquee.move, null, function () {
  4052.                 marquee.run();
  4053.                 marquee.mv = 0;
  4054.             });
  4055.         }
  4056.     } else if (vars.type == 'crop') { // CROP
  4057.         if (bXY.X && k == 13) { // CROP SELECTION
  4058.             crop.apply(aXY, bXY);
  4059.         } else if (E.ctrl && k == 65) { // SELECT ALL
  4060.             crop.core({
  4061.                 'X': 0,
  4062.                 'Y': 0
  4063.             },
  4064.             {
  4065.                 'X': canvas.W,
  4066.                 'Y': canvas.H
  4067.             },
  4068.             'up');
  4069.         } else if (k == 27) { // DESELECT
  4070.             crop.core({
  4071.                 'X': 0,
  4072.                 'Y': 0
  4073.             },
  4074.             {
  4075.                 'X': 0,
  4076.                 'Y': 0
  4077.             },
  4078.             'up');
  4079.         } else if (k >= 37 && k <= 40 && bXY.X) { // MOVE
  4080.             key.press(k, crop.move);
  4081.         }
  4082.     }
  4083.     if(vars.type != 'text')
  4084.         key.block(e, k);
  4085. };
  4086.  
  4087. document.onkeypress = function (e) {
  4088.     if(typeof(e) == 'undefined') var e = event;
  4089.     var k = key.k(e);
  4090.     if(vars.type != 'text')
  4091.         key.block(e, k);
  4092. };
  4093.  
  4094. document.onkeyup = function (e) {
  4095.     if(typeof(e) == 'undefined') var e = event;
  4096.     var k = key.k(e);
  4097.     if (k == E.k) E.k = 0;
  4098.     if (mXY != 'up' && oXY.X && cXY.X) key.active();
  4099. };
  4100.  
  4101. })();
  4102. /* MARQUEE */
  4103.  
  4104. marquee = {
  4105.  
  4106.     // Keypress
  4107.     'move': function (x) {
  4108.         var r = marquee.shapes;
  4109.         for (var i in r) {
  4110.             i = r[i];
  4111.             if (i.T == 'lasso') {
  4112.                 for (var j in i.R) {
  4113.                     i.R[j].X += x.X;
  4114.                     i.R[j].Y += x.Y;
  4115.                 }
  4116.             } else {
  4117.                 i.A.X += x.X;
  4118.                 i.A.Y += x.Y;
  4119.                 i.Z.X += x.X;
  4120.                 i.Z.Y += x.Y;
  4121.             }
  4122.         }
  4123.         marquee.dash(ants[ants_n]);
  4124.     },
  4125.     // Mouse
  4126.     'del': function (c) {
  4127.         c = $2D('ctx_temp');
  4128.         c.globalCompositeOperation = 'source-over';
  4129.         marquee.draw(c);
  4130.         co.style.fill(c, 'rgba(0,0,0,1)');
  4131.         c = $2D('ctx_box');
  4132.         c.globalCompositeOperation = 'destination-out';
  4133.         c.drawImage($('ctx_temp'), 0, 0, canvas.W, canvas.H);
  4134.         c.globalCompositeOperation = 'source-over';
  4135.         co.del('ctx_temp');
  4136.         canvas.history_set('delete selection');
  4137.     },
  4138.     'core': function (a, b, m, e) {
  4139.         var c = $2D('ctx_marquee');
  4140.         c.beginPath();
  4141.         c.globalCompositeOperation = 'source-over';
  4142.         if (!E.sh_var && mouse.id == 'move') {
  4143.             var r = marquee.shapes,
  4144.                 o = marquee.prev;
  4145.             if (!o) o = a;
  4146.             var v = {
  4147.                 X: o.X - b.X,
  4148.                 Y: o.Y - b.Y
  4149.             };
  4150.             if (m == 'down') {
  4151.                 marquee.on = 0;
  4152.                 window.clearInterval(marqueeID);
  4153.             }
  4154.             for (var i in r) {
  4155.                 i = r[i];
  4156.                 if (i.T == 'lasso') {
  4157.                     for (var j in i.R) {
  4158.                         i.R[j].X -= v.X;
  4159.                         i.R[j].Y -= v.Y;
  4160.                     }
  4161.                 } else {
  4162.                     i.A.X -= v.X;
  4163.                     i.A.Y -= v.Y;
  4164.                     i.Z.X -= v.X;
  4165.                     i.Z.Y -= v.Y;
  4166.                 }
  4167.             }
  4168.             marquee.dash(ants[ants_n]);
  4169.             marquee.prev = b;
  4170.             if (m == 'up') {
  4171.                 marquee.run();
  4172.                 marquee.prev = '';
  4173.                 marquee.cursor();
  4174.             }
  4175.         } else if (m != 'down' && (!e || mouse.id || mouse.moved == 1 || (getTime() - core.time) <= 1250)) {
  4176.             if (!mouse.down && e) {
  4177.                 marquee.reset(b);
  4178.                 mouse.down = 1;
  4179.                 if (marquee.shape > 0) {
  4180.                     E.sh = 0;
  4181.                 }
  4182.             } else {
  4183.                 moXY = a;
  4184.                 mcXY = b;
  4185.                 mouse.moved = 1;
  4186.             }
  4187.             if (Math.abs(a.X - b.X) > 1 && Math.abs(a.Y - b.Y) > 1) {
  4188.                 if (vars.marquee == 'lasso') {
  4189.                     marquee.r[marquee.i++] = b;
  4190.                 }
  4191.                 marquee.cache(marquee.shape);
  4192.                 if (m == 'up') {
  4193.                     mouse.reset();
  4194.                     if (mouse.moveCheck(a, b)) {
  4195.                         marquee.reset();
  4196.                     } else {
  4197.                         marquee.cache(marquee.shape++);
  4198.                         marquee.run();
  4199.                         marquee.cursor();
  4200.                     }
  4201.                 }
  4202.             }
  4203.             marquee.dash(ants[ants_n], c, 1);
  4204.         } else if(m == "down" && E.sh_var && marquee.shapes.length) {
  4205.             marquee.dash(ants[ants_n]);
  4206.         } else {
  4207.             marquee.reset();
  4208.         }
  4209.     },
  4210.     /* Visualize */
  4211.     'draw': function (c, s1, s2) {
  4212.         var r = marquee.shapes,
  4213.             o = {
  4214.                 sides: vars.sides_marquee,
  4215.                 slope: vars.slope_marquee
  4216.             },
  4217.             hasPath = false;
  4218.         for (var i in r) {
  4219.             var i = r[i];
  4220.             if (Math.abs(i.A.X - i.Z.X) > 1 && Math.abs(i.A.Y - i.Z.Y) > 1) { //... silly this has to be here
  4221.                 if (i.sides) {
  4222.                     vars.sides_marquee = i.sides;
  4223.                 }
  4224.                 if (i.slope) {
  4225.                     vars.slope_marquee = i.slope;
  4226.                 }
  4227.                 if (i.T == 'lasso') {
  4228.                     co.path(c, i.R);
  4229.                     if (!s1) c.closePath();
  4230.                 } else if (i.T == 'ellipses') {
  4231.                     co.ellipses(i.A, i.Z, c, i.sh);
  4232.                 } else if (i.T == 'polygon') {
  4233.                     co.polygon(i.A, i.Z, c, i.sh);
  4234.                 } else if (i.T == 'star') {
  4235.                     co.star(i.A, i.Z, c, i.sh);
  4236.                 } else if (i.T == 'burst') {
  4237.                     co.burst(i.A, i.Z, c, i.sh);
  4238.                 } else if (i.T == 'gear') {
  4239.                     co.gear(i.A, i.Z, c, i.sh);
  4240.                 }
  4241.                 hasPath = true;
  4242.             }
  4243.         }
  4244.         if (s2 && hasPath) {
  4245.             c.strokeStyle = s2.v;
  4246.             c.stroke();
  4247.         }
  4248.         vars.sides_marquee = o.sides;
  4249.         vars.slope_marquee = o.slope;
  4250.     },
  4251.     'cursor': function () {
  4252.         var c = $2D('ctx_mouse');
  4253.         co.del(c);
  4254.         c.beginPath();
  4255.         marquee.draw(c);
  4256.         c.lineWidth = 2;
  4257.         c.strokeStyle = 'rgba(0,0,0,1)';
  4258.         c.stroke();
  4259.         c.fillStyle = 'rgba(0,0,0,1)';
  4260.         c.fill();
  4261.         if (!mouse.area) mouse.area = {};
  4262.         mouse.area['000000FF'] = {
  4263.             'id': 'move',
  4264.             'cursor': 'move'
  4265.         };
  4266.         mouse.fu = function () {
  4267.             return (E.sh_var ? false : true);
  4268.         };
  4269.     },
  4270.     'cache': function (n) {
  4271.         var o = marquee.shapes,
  4272.             sh = E.sh ? 1 : 0,
  4273.             ctrl = E.ctrl ? 1 : 0;
  4274.         if (vars.marquee == 'lasso') {
  4275.             o[marquee.shape = 0] = {
  4276.                 'T': vars.marquee,
  4277.                 'R': marquee.r,
  4278.                 'sh': sh,
  4279.                 'ctrl': ctrl
  4280.             };
  4281.         } else {
  4282.             o[n] = {
  4283.                 'T': vars.marquee,
  4284.                 'A': moXY,
  4285.                 'Z': mcXY,
  4286.                 'sides': vars['sides_marquee'],
  4287.                 'slope': vars['slope_marquee'],
  4288.                 'sh': sh,
  4289.                 'ctrl': ctrl
  4290.             };
  4291.         }
  4292.     },
  4293.     'dash': function (p, c, s) {
  4294.         var c = c ? c : $2D('ctx_marquee'),
  4295.             p = p ? p : ants[ants_n = (ants_n + 1) % 4],
  4296.             lasso = (s && vars.marquee == 'lasso');
  4297.         c.globalCompositeOperation = 'source-over';
  4298.         c.clearRect(0, 0, canvas.W, canvas.H);
  4299.         c.lineWidth = lasso ? 0.5 : 1;
  4300.         marquee.draw(c, s, {
  4301.             'o': 'stroke',
  4302.             'v': p
  4303.         });
  4304.         if (!lasso) { //- replace this with actually combining the paths
  4305.             c.globalCompositeOperation = 'destination-out';
  4306.             co.style.fill(c, 'rgba(0,0,0,1)');
  4307.         }
  4308.     },
  4309.     'run': function (t, s) {
  4310.         if (!s) {
  4311.             E.run = (t = getTime());
  4312.             marquee.on = 1;
  4313.             marquee.ghost = 1;
  4314.         }
  4315.     //  marqueeID = setInterval(function() { marquee.dash(); }, 300);  
  4316.     },
  4317.     'reset': function (v, s) {
  4318.         v = v ? v : '';
  4319.         E.run = 0;
  4320.         marquee.r = '';
  4321.         moXY = v;
  4322.         mcXY = v;
  4323.         marquee.on = 0;
  4324.         window.clearInterval(marqueeID);
  4325.         marquee.ghost = 0;
  4326.         marquee.r = [];
  4327.         marquee.i = 0;
  4328.         if (!E.sh_var || !marquee.shapes || s) {
  4329.             marquee.shapes = [];
  4330.             marquee.shape = 0;
  4331.         }
  4332.         $2D('ctx_marquee').clearRect(0, 0, canvas.W, canvas.H);
  4333.         $2D('ctx_temp').clearRect(0, 0, canvas.W, canvas.H);
  4334.         marquee.cursor();
  4335.     },
  4336.     /* Data */
  4337.     'shapes': []
  4338. };
  4339.  
  4340. /* PICKER */
  4341.  
  4342. picker={
  4343.     'core':function (a, b, m) {
  4344.         var c = $2D('picker'),
  4345.             w = 129,
  4346.             h = 96,
  4347.             data = $2D('ctx_box').getImageData(Math.max(0, a.X - 1), Math.max(0, a.Y - 1), 1, 1),
  4348.             r = data.data,
  4349.             ctx = $2D('picker1x1');
  4350.         ctx.clearRect(0, 0, 1, 1);
  4351.         ctx.putImageData(data, 0, 0);
  4352.         r[3] = parseInt(r[3] / 255 * 100);
  4353.         $('picker_hex').innerHTML = r[0] + '<br>' + r[1] + '<br>' + r[2] + '<br>' + r[3];
  4354.         c.clearRect(0, 0, w + 20, h);
  4355.         c.globalCompositeOperation = 'source-over';
  4356.         var x = a.X - 7,
  4357.             y = a.Y - 3,
  4358.             xx = (x < 0 ? Math.abs(x + 1) : 0) * 10,
  4359.             yy = (y < 0 ? Math.abs(y + 1) : 0) * 10;
  4360.         //- should grab image data for area, then draw rectangles (pixels) manually... Then run the c.arc() to mask it out
  4361.         c.drawImage($('ctx_box'), Math.max(0, x), Math.max(0, y), w / 10, h / 10, 20 + xx, yy, w, h);
  4362.         c.globalCompositeOperation = 'destination-in';
  4363.         co.circle({
  4364.             'X': 45,
  4365.             'Y': -7
  4366.         },
  4367.         {
  4368.             'X': w,
  4369.             'Y': w - 58
  4370.         },
  4371.         c);
  4372.         c.fill();
  4373.         if (m == 'down') {
  4374.             r[3] = r[3] / 100;
  4375.             gui_color.run('set', r);
  4376.             gui_palette.update();
  4377.         }
  4378.     }
  4379. };
  4380.  
  4381.  
  4382. /* MOUSE */
  4383.  
  4384. mouse = {
  4385.    'cursor': function (e, o) {
  4386.        var r = mouse.area;
  4387.        if (r) {
  4388.            var a = XY(e);
  4389.            var d = win_size.LT();
  4390.            a.X -= abPos(o).X + d.L;
  4391.            a.Y -= abPos(o).Y + d.T;
  4392.            var getID = function () {
  4393.                var v = mouse.id.split('.'),
  4394.                n = parseInt(v[0]);
  4395.                return ({
  4396.                    'n': n,
  4397.                    'id': v[1],
  4398.                    'num': !isNaN(n)
  4399.                });
  4400.            }
  4401.            function z(v1, v2) {
  4402.                $S('cBound').cursor = v1;
  4403.                $('cZoom').innerHTML = mouse.id = v2;
  4404.                var d = $2D('ctx_active'),
  4405.                q = getID();
  4406.                co.del(d);
  4407.                if (q.id && q.id != 'A') {
  4408.                    var v = path.r[q.n + 1],
  4409.                    o = path.O2R,
  4410.                    n = o[v[0]][q.id];
  4411.                    if (n) {
  4412.                        d.beginPath();
  4413.                        d.drawImage(path[q.id == 'P' ? 'point_select' : 'node_select'], 0, 0, 7, 7, Math.round(v[n] - 4), Math.round(v[n + 1] - 4), 7, 7);
  4414.                        d.closePath();
  4415.                    }
  4416.                }
  4417.            };
  4418.            var o = $2D('ctx_mouse').getImageData(a.X,a.Y,1,1).data,
  4419.                 hex = (o[0] << 24 | o[1] << 16 | o[2] << 8 | o[3]) >>> 0,
  4420.                 i = '';
  4421.             if (hex != '00000000' && mouse.fu()) {
  4422.                if ((i = r[hex]) && mouse.id != i.id) {
  4423.                    z(i.cursor, i.id);
  4424.                 }
  4425.             } else if (mouse.id) {
  4426.                 z('crosshair', '');
  4427.             }
  4428.         }
  4429.     },
  4430.     'draw': function (r) {
  4431.         var c = $2D('ctx_mouse'),
  4432.         fu = N.rand;
  4433.         co.del(c);
  4434.         mouse.area = {};
  4435.         for (var i in r) {
  4436.             var o = [fu(255), fu(255), fu(255), 255],
  4437.             k = r[i];
  4438.             c.beginPath();
  4439.             if (!k[2]) {
  4440.                 co.rectangle(k[0], k[1], c);
  4441.             } else if (k[2] == 'ellipses') {
  4442.                 co.ellipses(k[0], k[1], c);
  4443.             } else if (k[2] == 'star') {
  4444.                 co.star(k[0], k[1], c);
  4445.             } else if (k[2] == 'burst') {
  4446.                 co.burst(k[0], k[1], c);
  4447.             } else if (k[2] == 'gear') {
  4448.                 co.gear(k[0], k[1], c);
  4449.             } else if (k[2] == 'path') {
  4450.                 path.draw(c);
  4451.             }
  4452.             c.lineWidth = 2.5;
  4453.             c.strokeStyle = 'rgba(' + o + ')';
  4454.             c.stroke();
  4455.             c.fillStyle = 'rgba(' + o + ')';
  4456.             c.fill();
  4457.             mouse.area[(o[0] << 24 | o[1] << 16 | o[2] << 8 | o[3]) >>> 0] = {
  4458.                 'id': i,
  4459.                 'cursor': k[3] ? r[i][3] : i
  4460.             };
  4461.         }
  4462.     },
  4463.     'moveCheck': function (a, b) {
  4464.         var t = getTime() - core.time;
  4465.         return (Math.abs(a.X - b.X) <= 5 || Math.abs(a.Y - b.Y) <= 5 || (mouse.area && !mouse.id && t <= 125));
  4466.    },
  4467.    'reset': function () {
  4468.        mouse.down = 0;
  4469.        mouse.moved = 0;
  4470.    }
  4471. };
  4472.  
  4473. /* CROP */
  4474.  
  4475. crop={
  4476.  
  4477.     /* Keypress */
  4478.    
  4479.     'move':function(x) { mouse.id='move';
  4480.    
  4481.         var value = function(a,v) { return({X:a.X+(!isNaN(v)?v:v.X), Y:a.Y+(!isNaN(v)?v:v.Y)}); };
  4482.    
  4483.         aXY=value(aXY,x); bXY=value(bXY,x);
  4484.        
  4485.         var x=Math.abs(aXY.X-bXY.X), y=Math.abs(aXY.Y-bXY.Y), w=canvas.W, h=canvas.H;
  4486.  
  4487.         if(aXY.X<0) { aXY.X=0; bXY.X=x; } else if(bXY.X>w) { aXY.X=w-x; bXY.X=w; }
  4488.         if(aXY.Y<0) { aXY.Y=0; bXY.Y=y; } else if(bXY.Y>h) { aXY.Y=h-y; bXY.Y=h; }
  4489.  
  4490.         crop.core(aXY,bXY,'up');
  4491.    
  4492.     },
  4493.    
  4494.     /* Mouse */
  4495.  
  4496.     'click':function() { if(vars.type=='crop') {
  4497.  
  4498.         var v=$T('div',$('constrain_check'))[0].className;
  4499.  
  4500.         if(crop.force(vars.crop) || !v) {
  4501.        
  4502.             var d=$C('cur','aspect_radio'); if(d.length>0) { d[0].className=''; }
  4503.            
  4504.             $S('aspect_radio').opacity=0.6;
  4505.            
  4506.             gui.menu.constrain=String(vars.aspect); vars.aspect='landscape';
  4507.            
  4508.         }
  4509.         else if(v) { var o=gui.menu;
  4510.        
  4511.             if(o.constrain) { vars.aspect=String(o.constrain); o.constrain=''; }
  4512.            
  4513.             $T('div',$('aspect_radio'))[vars.aspect=='portrait'?1:0].className='cur'; $S('aspect_radio').opacity=1;
  4514.  
  4515.         }
  4516.        
  4517.         if(!isNaN(aXY.X) && !isNaN(bXY.X)) {
  4518.  
  4519.             if(vars.constrain=='true') { crop.aspect(aXY,bXY); crop.transform(aXY,bXY); }
  4520.  
  4521.             crop.core(aXY,bXY,'up');
  4522.  
  4523.         }
  4524.     } },
  4525.     'core': function (a, b, m, e) {
  4526.         if (m != 'down' && (!e || mouse.id || mouse.moved == 1 || (getTime() - core.time) <= 1250)) {
  4527.             if (!mouse.down && e) {
  4528.                 if (!mouse.id) crop.reset();
  4529.                 mouse.down = 1;
  4530.             } else {
  4531.                 mouse.moved = 1;
  4532.             }
  4533.             var c = $2D('ctx_temp');
  4534.             x = { X: a.X, Y: a.Y };
  4535.             a = transform.xy(a);
  4536.             transform(a, b, m, e);
  4537.             var x1 = a.X + 0.5,
  4538.             x2 = b.X - 0.5,
  4539.             y1 = a.Y + 0.5,
  4540.             y2 = b.Y - 0.5;
  4541.             c.lineWidth = 1;
  4542.             c.beginPath();
  4543.             c.globalCompositeOperation = 'copy';
  4544.             c.rect(0,0,canvas.W,canvas.H);
  4545.             c.fillStyle = 'rgba(0,0,0,0.5)';
  4546.             c.fill(); // EVERYTHING
  4547.             c.beginPath();
  4548.             c.globalCompositeOperation = 'destination-out';
  4549.             c.rect(a.X, a.Y, b.X-a.X, b.Y-a.Y);
  4550.             c.fillStyle = 'rgba(0,0,0,1)';
  4551.             c.fill(); // AREA OUT
  4552.             c.beginPath();
  4553.             c.globalCompositeOperation = 'source-over';
  4554.             c.rect(x1 - 1, y1 - 1, x2 - x1 + 2, y2 - y1 + 2)
  4555.             c.strokeStyle = 'rgba(0,0,0,0.5)';
  4556.             c.stroke();
  4557.             c.beginPath();
  4558.             c.rect(x1, y1, x2 - x1, y2 - y1);
  4559.             if (m != 'up') { // DIVIDING LINES
  4560.                 c.moveTo(((x2 - x1) / 3) + x1, y1);
  4561.                 c.lineTo(((x2 - x1) / 3) + x1, y2); // Y1
  4562.                 c.moveTo(((x2 - x1) / 3 * 2) + x1, y1);
  4563.                 c.lineTo(((x2 - x1) / 3 * 2) + x1, y2); // Y2
  4564.                 c.moveTo(x1, ((y2 - y1) / 3) + y1);
  4565.                 c.lineTo(x2, ((y2 - y1) / 3) + y1); // X1
  4566.                 c.moveTo(x1, ((y2 - y1) / 3 * 2) + y1);
  4567.                 c.lineTo(x2, ((y2 - y1) / 3 * 2) + y1); // X2
  4568.             }
  4569.             c.strokeStyle = 'rgba(255,255,255,0.5)';
  4570.             c.stroke();
  4571.             c.beginPath();
  4572.             var NW = [{
  4573.                 X: x1,
  4574.                 Y: y1
  4575.             },
  4576.             {
  4577.                 X: x1 + 8,
  4578.                 Y: y1 + 8
  4579.             }],
  4580.             NE = [{
  4581.                 X: x2 - 8,
  4582.                 Y: y1
  4583.             },
  4584.             {
  4585.                 X: x2,
  4586.                 Y: y1 + 8
  4587.             }],
  4588.             SW = [{
  4589.                 X: x1,
  4590.                 Y: y2 - 8
  4591.             },
  4592.             {
  4593.                 X: x1 + 8,
  4594.                 Y: y2
  4595.             }],
  4596.             SE = [{
  4597.                 X: x2 - 8,
  4598.                 Y: y2 - 8
  4599.             },
  4600.             {
  4601.                 X: x2,
  4602.                 Y: y2
  4603.             }];
  4604.             if (Math.abs(x1 - x2) > 33 && Math.abs(y1 - y2) > 23) {
  4605.                 co.rectangle({
  4606.                     X: (x2 + x1) / 2 - 4,
  4607.                     Y: y1
  4608.                 },
  4609.                 {
  4610.                     X: (x2 + x1) / 2 + 4,
  4611.                     Y: y1 + 8
  4612.                 },
  4613.                 c);
  4614.                 co.rectangle({
  4615.                     X: (x2 + x1) / 2 - 4,
  4616.                     Y: y2 - 8
  4617.                 },
  4618.                 {
  4619.                     X: (x2 + x1) / 2 + 4,
  4620.                     Y: y2
  4621.                 },
  4622.                 c);
  4623.             }
  4624.             if (Math.abs(y1 - y2) > 33 && Math.abs(x1 - x2) > 23) {
  4625.                 co.rectangle({
  4626.                     X: x2 - 8,
  4627.                     Y: (y2 + y1) / 2 - 4
  4628.                 },
  4629.                 {
  4630.                     X: x2,
  4631.                     Y: (y2 + y1) / 2 + 4
  4632.                 },
  4633.                 c);
  4634.                 co.rectangle({
  4635.                     X: x1,
  4636.                     Y: (y2 + y1) / 2 - 4
  4637.                 },
  4638.                 {
  4639.                     X: x1 + 8,
  4640.                     Y: (y2 + y1) / 2 + 4
  4641.                 },
  4642.                 c);
  4643.             }
  4644.             if (Math.abs(x1 - x2) > 23 && Math.abs(y1 - y2) > 23) {
  4645.                 co.rectangle(NW[0], NW[1], c);
  4646.                 co.rectangle(NE[0], NE[1], c);
  4647.                 co.rectangle(SE[0], SE[1], c);
  4648.                 co.rectangle(SW[0], SW[1], c);
  4649.             }
  4650.             c.fillStyle = 'rgba(100,100,100,0.8)';
  4651.             c.fill();
  4652.             c.strokeStyle = 'rgba(255,255,255,0.5)';
  4653.             c.stroke();
  4654.             if (m == 'up') {
  4655.                 mouse.reset();
  4656.                 if (mouse.moveCheck(a, b)) {
  4657.                     crop.reset();
  4658.                 } else {
  4659.                     aXY = a;
  4660.                     bXY = b;
  4661.                     mouse.fu = function () {
  4662.                         return (true);
  4663.                     };
  4664.                     mouse.draw({
  4665.                         'move': [a, b],
  4666.                         'n-resize': [{
  4667.                             X: x1 + 8,
  4668.                             Y: y1
  4669.                         },
  4670.                         {
  4671.                             X: x2 - 8,
  4672.                             Y: y1 + 8
  4673.                         }],
  4674.                         's-resize': [{
  4675.                             X: x1 + 8,
  4676.                             Y: y2 - 8
  4677.                         },
  4678.                         {
  4679.                             X: x2 - 8,
  4680.                             Y: y2
  4681.                         }],
  4682.                         'e-resize': [{
  4683.                             X: x2 - 8,
  4684.                             Y: y1 + 8
  4685.                         },
  4686.                         {
  4687.                             X: x2,
  4688.                             Y: y2 - 8
  4689.                         }],
  4690.                         'w-resize': [{
  4691.                             X: x1,
  4692.                             Y: y1 + 8
  4693.                         },
  4694.                         {
  4695.                             X: x1 + 8,
  4696.                             Y: y2 - 8
  4697.                         }],
  4698.                         'nw-resize': [NW[0], NW[1]],
  4699.                         'ne-resize': [NE[0], NE[1]],
  4700.                         'se-resize': [SE[0], SE[1]],
  4701.                         'sw-resize': [SW[0], SW[1]]
  4702.                     });
  4703.                 }
  4704.             }
  4705.         }
  4706.     },
  4707.     /* Math */
  4708.    
  4709.     'aspect':function(a,b) {
  4710.    
  4711.         if((Math.abs(a.X-b.X)>Math.abs(a.Y-b.Y)?'landscape':'portrait')!=vars.aspect) {
  4712.  
  4713.             crop.XY(a,b, {X:Math.abs((b.Y-a.Y)*.5), Y:Math.abs((b.X-a.X)*.5)});
  4714.            
  4715.             crop.overflow(a,b);
  4716.  
  4717.         }
  4718.     },
  4719.     'constrain':function(a,b) { var r=crop.ratio[gui.menu.key.crop]; //- JUNK
  4720.    
  4721.         var n=(vars.aspect=='portrait')?{A:r[1]/r[0],B:r[0]/r[1]}:{A:r[0]/r[1],B:r[1]/r[0]};
  4722.  
  4723.         if(mouse.id=='n-resize' || mouse.id=='s-resize') {
  4724.        
  4725.             if((b.X-a.X>0 && b.Y-a.Y>0) || (b.X-a.X<0 && b.Y-a.Y<0)) b.X=a.X+(b.Y-a.Y)*n.B; else b.X=a.X-(b.Y-a.Y)*n.B;
  4726.            
  4727.             if(b.X>canvas.W) { b.X=canvas.W/b.X*b.X; if(b.Y<a.Y) { b.Y=a.Y-(b.X-a.X)*n.A; } else { b.Y=a.Y+(b.X-a.X)*n.A; } }
  4728.  
  4729.             else if(a.X<0) { a.X=0; if(b.Y>a.Y) { b.Y=a.Y+(b.X-a.X)*n.A; } else { b.Y=a.Y-(b.X-a.X)*n.A; } }
  4730.            
  4731.             b.X=Math.round(b.X); b.Y=Math.round(b.Y);
  4732.  
  4733.         }
  4734.         else {
  4735.        
  4736.             if((b.X-a.X>0 && b.Y-a.Y>0) || (b.X-a.X<0 && b.Y-a.Y<0)) b.Y=a.Y+(b.X-a.X)*n.A; else b.Y=a.Y-(b.X-a.X)*n.A;
  4737.            
  4738.             if(b.Y>canvas.H) { b.Y=canvas.H/b.Y*b.Y; if(b.X<a.X) { b.X=a.X-(b.Y-a.Y)*n.B; } else { b.X=a.X+(b.Y-a.Y)*n.B; } }
  4739.  
  4740.             else if(b.Y<0) { b.Y=0; if(b.X>a.X) { b.X=a.X-(b.Y-a.Y)*n.B; } else { b.X=a.X+(b.Y-a.Y)*n.B; } }
  4741.            
  4742.             b.X=Math.round(b.X); b.Y=Math.round(b.Y);
  4743.  
  4744.         }
  4745.     },
  4746.     'overflow':function(a,b) { var w=b.X-a.X, h=b.Y-a.Y, r=h/w;
  4747.  
  4748.         var N=a.Y<0, S=b.Y>canvas.H, E=b.X>canvas.W, W=a.X<0;
  4749.  
  4750.         if(N || S) { if(N) { h+=a.Y; a.Y=0; } if(S) { h+=canvas.H-b.Y-1; b.Y=canvas.H; } w=h/r; }
  4751.  
  4752.         if(E || W) { if(W) { w+=a.X; a.X=0; } if(E) { w+=canvas.W-b.X-1; b.X=canvas.W;} h=w*r; }
  4753.  
  4754.         crop.XY(a,b, {X:w/2, Y:h/2});
  4755.  
  4756.     },
  4757.     'transform':function(a,b) { var r=crop.ratio[gui.menu.key.crop], R2=r[0]/r[1];
  4758.  
  4759.         var w=Math.abs(b.X-a.X), h=Math.abs(b.Y-a.Y), R1=h/w;
  4760.  
  4761.         if((R1<1 && R2>1) || (R1>1 && R2<1)) R2=1/R2;
  4762.  
  4763.         w=Math.sqrt((1/R2)*(R1*w*w));
  4764.  
  4765.         crop.XY(a,b, {X:w/2, Y:(R2*w)/2});
  4766.        
  4767.         crop.overflow(a,b);
  4768.  
  4769.     },
  4770.     'XY':function(a,b,r) { var c={X:((b.X-a.X)*.5)+a.X, Y:((b.Y-a.Y)*.5)+a.Y};
  4771.  
  4772.         a.X=Math.round(c.X-r.X); a.Y=Math.round(c.Y-r.Y);
  4773.         b.X=Math.round(c.X+r.X); b.Y=Math.round(c.Y+r.Y);
  4774.  
  4775.     },
  4776.    
  4777.     /* Visualize */
  4778.    
  4779.     'apply':function(a,b) { var c=$2D('ctx_temp'), prev={W:canvas.W, H:canvas.H}; co.del(c);
  4780.  
  4781.         var m=[Math.max(a.X,b.X), Math.max(a.Y,b.Y), Math.min(a.X,b.X), Math.min(a.Y,b.Y)];
  4782.    
  4783.         c.drawImage($('ctx_box'), m[2],m[3], m[0]-m[2],m[1]-m[3], 0,0, m[0]-m[2],m[1]-m[3]);
  4784.  
  4785.         co.del('ctx_box'); co.del('ctx_marquee');
  4786.        
  4787.         canvas.W=m[0]-m[2]; canvas.H=m[1]-m[3];
  4788.    
  4789.         $('ctx_box').width=canvas.W; $('ctx_box').height=canvas.H;
  4790.        
  4791.         $2D('ctx_box').drawImage($('ctx_temp'),0,0,prev.W,prev.H);
  4792.  
  4793.         crop.resize(); canvas.history_set();
  4794.    
  4795.     },
  4796.     'resize':function() { co.del('ctx_temp');
  4797.    
  4798.         var w=canvas.W, h=canvas.H, o=$C('MM','canvas')[0].style;
  4799.        
  4800.         var l=(parseInt(o.width)-canvas.W)/2, t=(parseInt(o.height)-canvas.H)/2;
  4801.    
  4802.         function fu(o) { $(o).width=w; $(o).height=h; $S(o).left=l+'px'; $S(o).top=t+'px'; }
  4803.    
  4804.         $S('ctx_box').left=l+'px'; $S('ctx_box').top=t+'px';
  4805.    
  4806.         $S('cBound').cursor='crosshair'; mouse.id=''; aXY={}; bXY={}; mouse.area='';
  4807.  
  4808.         var r=['ctx_temp','ctx_marquee','ctx_active','ctx_mouse'];
  4809.        
  4810.         for(var i in r) { fu(r[i]); };
  4811.        
  4812.     },
  4813.  
  4814.     /* Data */
  4815.    
  4816.     'force':function(v) {
  4817.    
  4818.         eval("var r={'Display ("+screen.width+"x"+screen.height+")':1,'Original ("+canvas.W+"x"+canvas.H+")':1,'4x3 (DVD)':1,'16x9 (HD)':1}");
  4819.    
  4820.         return(r[v]);
  4821.    
  4822.     },
  4823.     'ratio_mk':function() {
  4824.    
  4825.         crop.ratio={'Display':[screen.height,screen.width], 'Original':[canvas.H,canvas.W], '2x3':[2,3], '3x5':[3,5], '4x3':[4,3], '4x6':[4,6], '5x7':[5,7], '8x10':[8,10], '16x9':[9,16], '16x20':[16,20], '20x30':[20,30], 'Square':[1,1]};
  4826.  
  4827.     },
  4828.     'reset':function() {
  4829.    
  4830.         $2D('ctx_temp').clearRect(0,0,canvas.W,canvas.H); $S('cBound').cursor='crosshair';
  4831.  
  4832.         mouse.id=''; aXY={}; bXY={}; mouse.area='';
  4833.  
  4834.     }
  4835. };
  4836.  
  4837.  
  4838. /* TRANSFORM */
  4839.  
  4840. transform={}; transXY={X:0,Y:0};
  4841.  
  4842. transform=function(a,b,m,e) {
  4843.  
  4844.     if(e) { var o=transXY;
  4845.  
  4846.         function zarea(v) { transXY={X:0,Y:0}; $S('cBound').cursor=mouse.id=v; co.core(e); }
  4847.    
  4848.         if(mouse.id=='n-resize') { a.X=aXY.X; a.Y=bXY.Y; b.X=bXY.X; b.Y=Math.max(0,aXY.Y+(b.Y-oXY.Y));
  4849.  
  4850.             if(a.Y<b.Y) { var v=bXY; bXY={X:bXY.X,Y:aXY.Y-o.Y}; aXY={X:aXY.X,Y:v.Y}; zarea('s-resize'); }
  4851.    
  4852.         }
  4853.         else if(mouse.id=='ne-resize') { a.X=aXY.X; a.Y=bXY.Y; b.X=Math.min(canvas.W,bXY.X+(b.X-oXY.X)); b.Y=Math.max(0,aXY.Y+(b.Y-oXY.Y));
  4854.        
  4855.             if(a.Y<b.Y) { var v=bXY; bXY={X:bXY.X-o.X,Y:aXY.Y-o.Y}; aXY={X:aXY.X,Y:v.Y}; zarea('se-resize'); }
  4856.            
  4857.             else if(a.X>b.X) { var v=bXY; bXY={X:aXY.X,Y:bXY.Y}; aXY={X:v.X-o.X,Y:aXY.Y-o.Y}; zarea('nw-resize'); }
  4858.    
  4859.         }
  4860.         else if(mouse.id=='e-resize') { a.X=aXY.X; a.Y=aXY.Y; b.X=Math.min(canvas.W,bXY.X+(b.X-oXY.X)); b.Y=bXY.Y;
  4861.        
  4862.             if(a.X>b.X) { var v=bXY; bXY={X:aXY.X,Y:bXY.Y}; aXY={X:v.X-o.X,Y:aXY.Y}; zarea('w-resize'); }
  4863.    
  4864.         }
  4865.         else if(mouse.id=='se-resize') { a.X=aXY.X; a.Y=aXY.Y; b.X=Math.min(canvas.W,bXY.X+(b.X-oXY.X)); b.Y=Math.min(canvas.H,bXY.Y+(b.Y-oXY.Y));
  4866.        
  4867.             if(a.Y>b.Y) { var v=bXY; bXY={X:bXY.X,Y:aXY.Y}; aXY={X:aXY.X,Y:v.Y-o.Y}; zarea('ne-resize'); }
  4868.            
  4869.             else if(a.X>b.X) { var v=bXY; bXY={X:aXY.X,Y:bXY.Y}; aXY={X:v.X-o.X,Y:aXY.Y}; zarea('sw-resize'); }
  4870.    
  4871.         }
  4872.         else if(mouse.id=='s-resize') { a.X=aXY.X; a.Y=aXY.Y; b.X=bXY.X; b.Y=Math.min(canvas.H,bXY.Y+(b.Y-oXY.Y));
  4873.    
  4874.             if(a.Y>b.Y) { var v=bXY; bXY={X:bXY.X,Y:aXY.Y}; aXY={X:aXY.X,Y:v.Y-o.Y}; zarea('n-resize'); }
  4875.    
  4876.         }
  4877.         else if(mouse.id=='sw-resize') { a.X=bXY.X; a.Y=aXY.Y; b.X=Math.max(0,aXY.X+(b.X-oXY.X)); b.Y=Math.min(canvas.H,bXY.Y+(b.Y-oXY.Y));
  4878.        
  4879.             if(a.Y>b.Y) { var v=bXY; bXY={X:bXY.X,Y:aXY.Y}; aXY={X:aXY.X-o.X,Y:v.Y-o.Y}; zarea('nw-resize'); }
  4880.            
  4881.             else if(a.X<b.X) { var v=bXY; bXY={X:aXY.X-o.X,Y:bXY.Y-o.Y}; aXY={X:v.X,Y:aXY.Y}; zarea('se-resize'); }
  4882.        
  4883.         }
  4884.         else if(mouse.id=='w-resize') { a.X=bXY.X; a.Y=aXY.Y; b.X=Math.max(0,aXY.X+(b.X-oXY.X)); b.Y=bXY.Y;
  4885.        
  4886.             if(a.X<b.X) { var v=bXY; bXY={X:aXY.X-o.X,Y:bXY.Y}; aXY={X:v.X,Y:aXY.Y}; zarea('e-resize'); }
  4887.        
  4888.         }
  4889.         else if(mouse.id=='nw-resize') { a.X=bXY.X; a.Y=bXY.Y; b.X=Math.max(0,aXY.X+(b.X-oXY.X)); b.Y=Math.max(0,aXY.Y+(b.Y-oXY.Y));
  4890.        
  4891.             if(a.Y<b.Y) { var v=bXY; bXY={X:bXY.X-o.X,Y:aXY.Y-o.Y}; aXY={X:aXY.X,Y:v.Y}; zarea('sw-resize'); }
  4892.            
  4893.             else if(a.X<b.X) { var v=bXY; bXY={X:aXY.X-o.X,Y:bXY.Y}; aXY={X:v.X,Y:aXY.Y}; zarea('ne-resize'); }
  4894.    
  4895.         }
  4896.         else if(mouse.id=='move') {
  4897.        
  4898.             var W=bXY.X-aXY.X, H=bXY.Y-aXY.Y;
  4899.    
  4900.             var aA=Math.max(0,aXY.X+(b.X-oXY.X)), bA=Math.max(0,aXY.Y+(b.Y-oXY.Y)); // MIN
  4901.            
  4902.             var aB=aA-Math.max(0,aA+W-canvas.W), bB=bA-Math.max(0,bA+H-canvas.H); // MAX
  4903.            
  4904.             a.X=aB; a.Y=bB; b.X=W+aB; b.Y=H+bB;
  4905.    
  4906.         }
  4907.         else {
  4908.    
  4909.             b.X=Math.min(canvas.W,Math.max(0,b.X)); b.Y=Math.min(canvas.H,Math.max(0,b.Y));
  4910.    
  4911.         }
  4912.     }
  4913.  
  4914.     if(vars.constrain=='true') { crop.constrain(a,b); }
  4915.        
  4916.     if(m=='down') { transXY={X:b.X-oXY.X,Y:b.Y-oXY.Y}; }
  4917.  
  4918.     if(a.X-b.X>0) { var t=parseInt(a.X); a.X=parseInt(b.X); b.X=parseInt(t); }
  4919.     if(a.Y-b.Y>0) { var t=parseInt(a.Y); a.Y=parseInt(b.Y); b.Y=parseInt(t); }
  4920.        
  4921. };
  4922.  
  4923. transform.xy=function(o,n) { n=n?n:0;
  4924.    
  4925.         return({X:Math.max(0+n,Math.min(canvas.W-n,o.X)), Y:Math.max(0+n,Math.min(canvas.H-n,o.Y))});
  4926.    
  4927. };// DRAW
  4928.  
  4929. style = function(c, style, type, a, b) {
  4930.     switch(vars[type]) {
  4931.         case "solid":
  4932.             c[style] = "rgba("+vars[type+'CO'].join(",")+")";
  4933.             break;
  4934.         case "gradient":
  4935.             var r = vars[type+'GD'],
  4936.                 gradient = c.createLinearGradient(a.X, a.Y, b.X, b.Y);
  4937.             for (var key in r) {
  4938.                 gradient.addColorStop(r[key][0], 'rgba(' + r[key][1].join(",") + ')');
  4939.             }
  4940.             c[style] = gradient;
  4941.             break;
  4942.         case "pattern":
  4943.             if(!vars[type+'PT~']) {
  4944.                 gui_pattern.cache(type);
  4945.             }
  4946.             c[style] = vars[type+'PT~'];
  4947.             break;
  4948.     }
  4949. };
  4950.  
  4951. (function() {
  4952.  
  4953. // helper functions
  4954.  
  4955. function createFlow(b, type, callback) {
  4956.     var oX = b.X - cXY.X,
  4957.         oY = b.Y - cXY.Y,
  4958.         flow = Math.max(1, 100 - vars['flow_' + type]);
  4959.     function run(a, b, n) {
  4960.         var i = n / flow;
  4961.         if (n > 0) {
  4962.             for (; i > 0; i--) {
  4963.                 callback(a * i, b * i);
  4964.             }
  4965.         } else {
  4966.             for (; i < 0; i++) {
  4967.                 callback(a * i, b * i);
  4968.             }
  4969.         }
  4970.     };
  4971.     if (Math.abs(oX) > Math.abs(oY)) {
  4972.         run(flow, flow * (oY / oX), oX);
  4973.     } else {
  4974.         run(flow * (oX / oY), flow, oY);
  4975.     }
  4976. };
  4977.  
  4978. function mask_active(m) {
  4979.     var c = $2D('ctx_temp'),
  4980.         type = vars.type == 'shape' ? vars.shape : vars.type;
  4981.     c.globalCompositeOperation = canvas.mode;
  4982.     if (vars['movement_' + type] == 'anchored') {
  4983.         c.clearRect(0, 0, canvas.W, canvas.H);
  4984.     }
  4985.     if (m == 'down' && marquee.on) {
  4986.         c.save();
  4987.         c.beginPath();
  4988.         marquee.draw(c);
  4989.         c.clip();
  4990.         marquee.on = 0;
  4991.         window.clearInterval(marqueeID);
  4992.     }
  4993.     return c;
  4994. };
  4995.  
  4996. function mask_up(c) {
  4997.     var ctx_temp = document.getElementById('ctx_temp').getContext('2d');
  4998.     co.copy('ctx_temp', 'ctx_box');
  4999.     ctx_temp.clearRect(0, 0, canvas.W, canvas.H);
  5000.     canvas.history_set();
  5001.     if (marquee.ghost) {
  5002.         marquee.run();
  5003.         c.restore();
  5004.     }
  5005.     moved = false;
  5006. };
  5007.  
  5008. var moved = false;
  5009.  
  5010. // tools
  5011.  
  5012. draw = {   
  5013.     shape: function (a, b, m) {
  5014.         var c = mask_active(m);
  5015.         if (vars['movement_' + vars.shape] == 'freedraw') {
  5016.             oXY = b;
  5017.         }
  5018.         if (Math.abs(a.X - b.X) > 0 && Math.abs(a.Y - b.Y) > 0) {
  5019.             moved = true;
  5020.             c.beginPath();
  5021.             co[vars.shape](a, b, c);
  5022.             c.lineJoin = vars.lineJoin;
  5023.             c.lineWidth = vars['stroke_' + vars.shape];
  5024.             style(c, "fillStyle", "fill", a, b);
  5025.             style(c, "strokeStyle", "stroke", a, b);
  5026.             c.fill();
  5027.             c.stroke();
  5028.         }
  5029.         if (m == 'up' && moved) {
  5030.             mask_up(c);
  5031.         }
  5032.     },
  5033.     text: function(a, b, m) {
  5034.         var c = mask_active(m);
  5035.         // NOTES: Check into scale.
  5036.         if(m == "down" || m == "move") {
  5037.             c.beginPath();
  5038.             if(c.setFont) c.setFont(vars.fontSize + "px Liberation Sans");
  5039.             c.font = vars.fontSize + "px Liberation Sans, sans-serif";
  5040.             c.lineWidth = vars.stroke_text;
  5041.             style(c, "strokeStyle", "stroke", a, b);
  5042.             style(c, "fillStyle", "fill", a, b);
  5043.             c.fillText(vars.textMessage, b.X, b.Y);
  5044.             c.strokeText(vars.textMessage, b.X, b.Y);
  5045.         }
  5046.         if(m == "up") {
  5047.             mask_up(c);
  5048.         }
  5049.     },
  5050.     pencil: function (a, b, m) {
  5051.         var c = mask_active(m),
  5052.             d = $('ctx_brush'),
  5053.             D = vars.diameter_pencil,
  5054.             D2 = D * 2;
  5055.         function z(x, y) {
  5056.             c.drawImage(d, 0, 0, D2, D2, b.X - D - x, b.Y - D - y, D2, D2);
  5057.         };
  5058.         if (m == 'down') {
  5059.             z(0, 0);
  5060.         } else if (m == 'move') {
  5061.             createFlow(b, 'pencil', z);
  5062.         }
  5063.         if(m == "up") {
  5064.             mask_up(c);
  5065.         }
  5066.     },
  5067.     brush: function (a, b, m) {
  5068.         var c = mask_active(m),
  5069.             d = $('ctx_brush'),
  5070.             D = vars.diameter_brush,
  5071.             D2 = D * 2;
  5072.         function z(x, y) {
  5073.             c.drawImage(d, 0, 0, D2, D2, b.X - D - x, b.Y - D - y, D2, D2);
  5074.         };
  5075.         if (m == 'down') {
  5076.             z(0, 0);
  5077.         } else if (m == 'move') {
  5078.             createFlow(b, 'brush', z);
  5079.         }
  5080.         if(m == "up") {
  5081.             mask_up(c);
  5082.         }
  5083.     },
  5084.     calligraphy: function (a, b, m) {
  5085.         var c = mask_active(m),
  5086.             d = $('ctx_stamp'),
  5087.             r = co.stamp.r,
  5088.             D = vars.diameter_calligraphy / 100,
  5089.             D2 = D * 2;
  5090.         function z(x, y) {
  5091.             c.drawImage(d, 0, 0, r.W, r.H, b.X - ((r.W * D) / 2) - x, b.Y - ((r.H * D) / 2) - y, r.W * D, r.H * D);
  5092.         };
  5093.         if (m == 'down') {
  5094.             z(0, 0);
  5095.         } else if (m == 'move') {
  5096.             createFlow(b, 'calligraphy', z);
  5097.         }
  5098.         if(m == "up") {
  5099.             mask_up(c);
  5100.         }
  5101.     },
  5102.     stamp: function (a, b, m) {
  5103.         var c = mask_active(m),
  5104.             d = $('ctx_stamp'),
  5105.             r = co.stamp.r,
  5106.             D = vars.diameter_stamp,
  5107.             D2 = D * 2;
  5108.         function z(x, y) {
  5109.             var n = Math.random(),
  5110.                 zoom = Math.max(vars.rand_max / 100, Math.min(vars.rand_min / 100, n));
  5111.             c.drawImage(d, 0, 0, r.W, r.H, b.X - ((r.W * zoom) / 2) - x, b.Y - ((r.H * zoom) / 2) - y, r.W * zoom, r.H * zoom);
  5112.         };
  5113.         if (m == 'down') {
  5114.             z(0, 0);
  5115.         } else if (m == 'move') {
  5116.             createFlow(b, 'stamp', z);
  5117.         }
  5118.         if(m == "up") {
  5119.             mask_up(c);
  5120.         }
  5121.     },
  5122.     eraser: function (a, b, m) {
  5123.         if(m == "down") {
  5124.             co.copy('ctx_box', 'ctx_temp');
  5125.             co.del('ctx_box');
  5126.         }
  5127.         var c = mask_active(m),
  5128.             D = vars.diameter_eraser,
  5129.             D2 = D * 2;
  5130.         function z(x, y) {
  5131.             c.drawImage($('ctx_brush'), 0, 0, D2, D2, b.X - D - x, b.Y - D - y, D2, D2);
  5132.         };
  5133.         if (m == 'down') {
  5134.             c.globalCompositeOperation = 'destination-out';
  5135.             z(0, 0);
  5136.         } else {
  5137.             c.globalCompositeOperation = 'destination-out';
  5138.             createFlow(b, 'eraser', z);
  5139.         }
  5140.         c.globalCompositeOperation = 'source-over';
  5141.         if(m == "up") {
  5142.             mask_up(c);
  5143.         }
  5144.     },
  5145.     fill: function (a, b, m) {
  5146.         var c = mask_active(m),
  5147.             type = vars.fill;
  5148.         if (type == 'gradient') {
  5149.             c.beginPath();
  5150.             c.lineWidth = 0.5;
  5151.             c.lineCap = 'round';
  5152.             c.moveTo(a.X, a.Y);
  5153.             c.lineTo(b.X, b.Y);
  5154.             c.strokeStyle = 'rgba(127,127,127,1)';
  5155.             c.stroke();
  5156.             c.drawImage(path['point'], 0, 0, 7, 7, a.X - 4, a.Y - 4, 7, 7);
  5157.             c.drawImage(path['node_select'], 0, 0, 7, 7, b.X - 4, b.Y - 4, 7, 7);
  5158.             if(m == "up") {
  5159.                 co.del('ctx_temp');
  5160.                 style(c, "fillStyle", "fill", a, b);
  5161.                 c.rect(0, 0, canvas.W, canvas.H);
  5162.                 c.fill();
  5163.                 mask_up(c);
  5164.             }
  5165.         } else if(m == "down") {
  5166.             style(c, "fillStyle", "fill", a, b);
  5167.             c.rect(0, 0, canvas.W, canvas.H);
  5168.             c.fill();
  5169.             mask_up(c);
  5170.         }
  5171.     }
  5172. };
  5173.  
  5174. // STAMP
  5175.  
  5176. stamp = { // Mouse Events
  5177.     current: function (o) {
  5178.         var b = stamp.fileNumber;
  5179.         stamp.fileNumber = o.id.substr(5);
  5180.         if ($('stamp' + b)) {
  5181.             stamp.preview(b);
  5182.             $('stamp' + b).className = '';
  5183.         }
  5184.         $('stamp' + stamp.fileNumber).className = 'cur';
  5185.         vars.cache(1);
  5186.     },
  5187.     uri: function (v) {
  5188.         return 'media/glyph/' + vars.stamp + '/' + (stamp.fileNumber - 1) + '-' + v + '.png';
  5189.     },
  5190.     preview: function (i, m) {
  5191.         if ($('stamp' + i) && stamp.src[i].src) {
  5192.             function O(n) {
  5193.                 return (n < 34 ? (34 - n) / 2 : 0);
  5194.             }
  5195.             function Z(n) {
  5196.                 o = {
  5197.                     W: (34 / n) * o.W,
  5198.                     H: (34 / n) * o.H
  5199.                 };
  5200.             }
  5201.             var c = $2D('stamp' + i),
  5202.                 d = stamp.src[i],
  5203.                 o = {
  5204.                     W: d.width,
  5205.                     H: d.height
  5206.                 };
  5207.             if (o.W >= o.H) Z(o.W);
  5208.             else if (o.H > o.W) Z(o.H);
  5209.             c.clearRect(0, 0, 34, 34);
  5210.             c.drawImage(d, O(o.W), O(o.H), o.W, o.H);
  5211.             if (i == stamp.fileNumber) {
  5212.                 c.globalCompositeOperation = 'source-in';
  5213.                 c.rect(0, 0, 34, 34);
  5214.                 co.style[vars[vars.id]]({
  5215.                     'X': 0,
  5216.                     'Y': 0
  5217.                 },
  5218.                 {
  5219.                     'X': 34,
  5220.                     'Y': 34
  5221.                 },
  5222.                 c, 'fill', vars.id);
  5223.                 c.globalCompositeOperation = 'source-over';
  5224.                 if (!m || m == 'up') {
  5225.                     co.glyph(stamp.uri('live'));
  5226.                 }
  5227.             }
  5228.         }
  5229.     },
  5230.     reset: function () {
  5231.         var o = gui.Y,
  5232.             r = o.r.stamp;
  5233.         if (!stamp.fileNumber) {
  5234.             stamp.fileNumber = 1;
  5235.         }
  5236.         var a = parseInt(stamp.fileNumber),
  5237.             b = stamp.r[vars.stamp],
  5238.             i = r.n() - r.display,
  5239.             n = (a / b <= 0.5) ? -2 : 2;
  5240.         o.prev.stamp = null;
  5241.         o.cur.stamp = Math.max(1, Math.min(i, Math.floor(((a + n) / b) * i)));
  5242.         o.id = 'stamp';
  5243.         o.stamp();
  5244.         o.kontrol_update(o.id);
  5245.         gui.X.range('rand');
  5246.     },
  5247.     r: {
  5248.         'Default': 1,
  5249.         'Butterflies': 27,
  5250.         'Doodles': 11,
  5251.         'Flowers': 28,
  5252.         'Footprints': 18,
  5253.         'Leafs': 50,
  5254.         'Light': 15,
  5255.         'Retro': 30,
  5256.         'Simple Smudges': 14,
  5257. //      'Splatter': 35,
  5258.         'Tizzape': 20,
  5259.         'Typogrunge': 24,
  5260.         'Water Colors': 17
  5261.     },
  5262.     src: []
  5263. };
  5264.  
  5265. // Spirograph
  5266.  
  5267. (function() {
  5268.  
  5269. var interval,
  5270.     o = { };
  5271.  
  5272. draw.spirograph = function (a, b, m) {
  5273.     var c = mask_active(m);
  5274.     if (m == 'move') {
  5275.         o = b;
  5276.     } else if (m == 'up') {
  5277.         clearTimeout(interval);
  5278.         mask_up(c);
  5279.     } else if (m == 'down') {
  5280.         o = b;
  5281.         var R = vars.inner_radius_spirograph, // Fixed circle
  5282.             r = vars.outer_radius_spirograph, // Moving circle
  5283.             d = vars.diameter_spirograph, // Distance
  5284.             speed = vars.speed_spirograph,
  5285.             resolution = vars.resolution_spirograph,
  5286.             stroke = 0.5,
  5287.             type = vars.type_spirograph,
  5288.             theta = 0,
  5289.             strokeStyle = vars["stroke" + gui_swatch.L2S[vars["stroke"]]];
  5290.         switch(vars["stroke"]) { // compile styles
  5291.             case "pattern":
  5292.                 c.strokeStyle = vars["stroke"+'PT~'];
  5293.                 break;
  5294.             case "gradient":
  5295.                 var Additive = function(A, B) {
  5296.                         var C = A + B;
  5297.                         return (C > 0xFF) ? 0xFF : C;
  5298.                     },
  5299.                     gradient = vars["stroke" + "GD"],
  5300.                     prev,
  5301.                     cur,
  5302.                     spectrum = [ ];
  5303.                 for (var key in gradient) {
  5304.                     cur = gradient[key][1];
  5305.                     if (prev) {
  5306.                         var len = 512 / (gradient.length - 1);
  5307.                         for (var j = 0; j <= len; j++) {
  5308.                             var n1 = (j / len),
  5309.                                 n2 = 1 - n1,
  5310.                                 color = [
  5311.                                     cur[0] + (Additive(cur[0], prev[0]) - cur[0]) * prev[3] / 0xFF,
  5312.                                     cur[1] + (Additive(cur[1], prev[1]) - cur[1]) * prev[3] / 0xFF,
  5313.                                     cur[2] + (Additive(cur[2], prev[2]) - cur[2]) * prev[3] / 0xFF,
  5314.                                     Math.min(cur[3] * 0xFF + prev[3] * 0xFF, 0xFF)
  5315.                                 ];
  5316.                             spectrum.push(cur.join(","));
  5317.                         }
  5318.                     }
  5319.                     prev = cur;
  5320.                 }
  5321.                 break;
  5322.             default: // color
  5323.                 c.strokeStyle = "rgba(" + strokeStyle.join(",") + ")";;
  5324.                 break;
  5325.         }
  5326.         interval = setInterval(function() {
  5327.             var _x, // previous line
  5328.                 _y,
  5329.                 _oX = o.X, // previous mouse position
  5330.                 _oY = o.Y;
  5331.             c.lineWidth = stroke;
  5332.             for (var n = 0; n < speed; n++) {
  5333.                 if (type == 'Hypotrochoid') {
  5334.                     x = (R - r) * Math.cos(theta) + d * Math.cos((R / r - 1) * theta) + (_oX + (o.X - _oX) * (n / speed)); // Hypotrochoid
  5335.                     y = (R - r) * Math.sin(theta) - d * Math.sin((R / r - 1) * theta) + (_oY + (o.Y - _oY) * (n / speed));
  5336.                 } else {
  5337.                     x = (R + r) * Math.cos(theta) - d * Math.cos((R / r + 1) * theta) + (_oX + (o.X - _oX) * (n / speed)); // Epitrochoid
  5338.                     y = (R + r) * Math.sin(theta) - d * Math.sin((R / r + 1) * theta) + (_oY + (o.Y - _oY) * (n / speed));
  5339.                 }
  5340.                 if (!isNaN(_x)) {
  5341.                     c.beginPath();
  5342.                     c.moveTo(_x, _y);
  5343.                     c.lineTo(x, y);
  5344.                     if (vars["stroke"] == 'gradient') {
  5345.                         var current = (((theta * Math.abs(1 - R / r) / Math.PI / 2) % 1) * 512) >> 0;
  5346.                         c.strokeStyle = 'rgba(' + spectrum[current] + ')';
  5347.                     }
  5348.                     c.stroke();
  5349.                 }
  5350.                 theta += resolution * Math.PI / 180 * 2;
  5351.                 _x = x;
  5352.                 _y = y;
  5353.             }
  5354.             _oX = o.X;
  5355.             _oY = o.Y;
  5356.         }, 5);
  5357.     }
  5358. };
  5359.  
  5360. })();
  5361.  
  5362. })();
  5363. /*
  5364.     Resources Database
  5365. */
  5366.  
  5367. /*
  5368.  
  5369. Canvas2D.vars = {
  5370.     marquee: {
  5371.         movement: 10
  5372.     },
  5373.     stroke: {
  5374.         pattern:
  5375.         gradient:
  5376.         color:
  5377.     },
  5378.     fill: {
  5379.         pattern:
  5380.         gradient:
  5381.         color:
  5382.     }
  5383. };
  5384.  
  5385. Resource = {
  5386.  
  5387.     // default databases
  5388.  
  5389.     brush: { // source:  /media/brush/name.png
  5390.         'Butterflies': { //ps7_butterfly_brushes_by_dead_brushes.abr
  5391.             author: 'Dead-Brushes',
  5392.             url: 'http://dead-brushes.deviantart.com/art/ps7-butterfly-brushes-61623697',
  5393.             email: 'bulletproof.cupidx@gmail.com',
  5394.             type: "Library", // set of elements organized by the creator
  5395.             data: [ // can be array, or integer (see below)
  5396.                 'green pea',
  5397.                 'yellow squash'
  5398.             ]
  5399.         },
  5400.         'Randomizer': { // modulate within a custom collection
  5401.             type: "Collection",  // set of elements organized by a user (contains parts of multiple libaries)
  5402.             data: [
  5403.                 'Butterflies.greenpea',
  5404.                 'Butterflies.yellow squash'
  5405.             ]
  5406.         }
  5407.     },
  5408.     pattern: { // source:  /media/pattern/name.filetype
  5409.         'Ava7': {
  5410.             author: 'Ava7',
  5411.             url: 'http://patterns.ava7.com/',
  5412.             email: 'domains.hr@gmail.com',
  5413.             type: "Library",
  5414.             data: 41 // there are 41 numbered patterns in /media/pattern/Ava7/
  5415.         }  
  5416.     },
  5417.     gradient: {  // source:  /media/gradient/name.ogr
  5418.         'Web v2.0': {
  5419.             author: 'Navdeep & Navin',
  5420.             url: 'http://gimp-tutorials.net/30-Ultimate-Web-20%20Layer-Styles-for%20-Gimp/',
  5421.             email: 'domains.hr@gmail.com',
  5422.             type: "Library",
  5423.             data: { // can be object or array
  5424.               'golden-yellow': [ 0, 0xFFFFD700, 0.5, 1, 0xFFFFFFFF ],
  5425.               'green': [ 0, 0xFF008000, 0.5, 1, 0xFFFFFF ],
  5426.               'indigo-orange': [ 0, 0xFF4B0082, 0.5, 1, 0xFFFFA500 ],
  5427.               'indigo': [ 0, 0xFF4B0082, 0.5, 1, 0xFFFFFF ]
  5428.             }
  5429.         }  
  5430.     },
  5431.     color: {  // source:  /media/color/name.opl
  5432.         'Oxygen': {
  5433.             author: 'KDE',
  5434.             url: 'http://techbase.kde.org/Development/Guidelines/CIG/Colors',
  5435.             email: 'domains.hr@gmail.com',
  5436.             type: "Library",
  5437.             data: { // can be object or array
  5438.                 'Almond': 0xEED9C4,
  5439.                 'Antique Brass': 0xC88A65,
  5440.                 'Apricot': 0xFDD5B1,
  5441.                 'Aquamarine': 0x71D9E2,
  5442.                 'Asparagus': 0x7BA05B
  5443.             }
  5444.         }
  5445.     },
  5446.  
  5447.     // keep multiple versions in RAM for quick switching (think randomizer on active mode)
  5448.  
  5449.     __brush: {
  5450.         'Butterflies': { // is an object, so it's easy to do:  delete Resource.__brush.Butterflies['green pea'];
  5451.             'green pea': createPattern(),
  5452.             'yellow squash': createPattern()
  5453.         },
  5454.         'Randomizer': { //
  5455.             'green pea': createPattern(),
  5456.             'yellow squash': createPattern()
  5457.         }
  5458.     },
  5459.     __pattern: {
  5460.         'Gaudi': { // would have at least two active (unless both stroke/fill were the same pattern)
  5461.             '0': createPattern(),
  5462.             '1': createPattern()
  5463.         }
  5464.     },
  5465.     __gradient: {
  5466.         'Nature': {
  5467.             '0': createLinearGradient() // or createRadialGradient() depending on what they have set
  5468.         }
  5469.     },
  5470.     __color: {
  5471.         'Fruity': {
  5472.             '0': 'rgba(123,45,67,1)'
  5473.         }
  5474.     }
  5475. };
  5476.  
  5477. */
  5478.  
  5479. Resources = {
  5480.     'Brushes': {
  5481.         'Butterflies': { //ps7_butterfly_brushes_by_dead_brushes.abr
  5482.             'email': 'bulletproof.cupidx@gmail.com',
  5483.             'url': 'http://dead-brushes.deviantart.com/art/ps7-butterfly-brushes-61623697',
  5484.             'name': 'dead-brushes'
  5485.         },
  5486.         'Doodles': { //punksafetypin_set21_boneydoodles.abr
  5487.             'email': 'punksafetypin@gmail.com',
  5488.             'url': 'http://punksafetypin.deviantart.com/art/Brush-Set-21-Boney-Doodles-57365483',
  5489.             'name': 'punksafetypin'
  5490.         },
  5491.         'Flowers': { //flowers1_brushes_by_hawksmont.abr
  5492.             'email': 'ir@hawksmont.com',
  5493.             'url': 'http://hawksmont.com/',
  5494.             'name': 'hawksmont'
  5495.         },
  5496.         'Footprints': { //Chain - Footprints.abr
  5497.             'email': 'jonas@rognemedia.no',
  5498.             'url': 'http://chain.deviantart.com/art/Footprint-brushes-60108797',
  5499.             'name': 'chain'
  5500.         },
  5501.         'Leafs': { //leaves_brushes_by hawksmont.abr
  5502.             'email': 'ir@hawksmont.com',
  5503.             'url': 'http://hawksmont.com/',
  5504.             'name': 'hawksmont'
  5505.         },
  5506.         'Retro': { //retro1.abr
  5507.             'email': 'vivekdhage@gmail.com',
  5508.             'url': 'http://vwake.deviantart.com/art/Retr0-Brushes-1689219',
  5509.             'name': 'vwake'
  5510.         },
  5511.         'Simple Smudges': { //SimpleSmudges__1__Brushes_Pack_by_env1ro.abr
  5512.             'email': 'p.szczepanski@gmail.com',
  5513.             'url': 'http://env1ro.deviantart.com/art/SimpleSmudges-1-Brushes-Pack-52089760',
  5514.             'name': 'env1ro'
  5515.         },
  5516. /*      'Splatter': { //SM_SplatterisM1_Low.abr
  5517.             'email': 'dan@fictionalhead.com',
  5518.             'url': 'http://smashmethod.deviantart.com/art/SM-splatterisM-1-ps7-repack-10351757',
  5519.             'name': 'smashmethod'
  5520.         },
  5521. */
  5522.         'Tizzape': { //tizzape_brushes.abr
  5523.             'email': 'services@dirt2.com',
  5524.             'url': 'http://keepwaiting.deviantart.com/art/Tizzape-Tape-Brushes-29459997',
  5525.             'name': 'keepwaiting'
  5526.         },
  5527.         'Typogrunge': { //JS_Scully7491_Typogrungebrushessm.abr
  5528.             'email': '',
  5529.             'url': 'http://scully7491.deviantart.com/art/Typographic-Grunge-Brushes-30565921',
  5530.             'name': 'scully7491'
  5531.         },
  5532.         'Water Colors': { //watercolors_env1ro.abr
  5533.             'email': 'p.szczepanski@gmail.com',
  5534.             'url': 'http://env1ro.deviantart.com/art/WaterColor-Reloaded-98294189',
  5535.             'name': 'env1ro'
  5536.         }
  5537.     },
  5538.     'PT': {
  5539.         'Ava7': {
  5540.             'email': 'domains.hr@gmail.com',
  5541.             'url': 'http://patterns.ava7.com/',
  5542.             'name': 'Ava7'
  5543.         },
  5544.         'DinPattern': {
  5545.             'email': 'http://www.dinpattern.com/pages/contact.php',
  5546.             'url': 'http://www.dinpattern.com/',
  5547.             'name': 'DinPattern'
  5548.         },
  5549.         'Gaudi': {
  5550.             'email': 'http://www.donbarnett.com/mail/index.php3',
  5551.             'url': 'http://www.donbarnett.com/tilesets/set3.htm',
  5552.             'name': 'Don Barnett'
  5553.         },
  5554.         'Headlock': {
  5555.             'email': 'dns@jpmax.net',
  5556.             'url': 'http://www.headlock.ws/patterns.html',
  5557.             'name': 'Headlock'
  5558.         },
  5559.         'HG - Patterns': {
  5560.             'email': 'hybridgenesis@gmail.com',
  5561.             'url': 'http://www.hybrid-genesis.com/freebies.html',
  5562.             'name': 'Hybrid Genesis'
  5563.         },
  5564.         'HGX - Patterns': {
  5565.             'email': 'hybridgenesis@gmail.com',
  5566.             'url': 'http://www.hybrid-genesis.com/hgx_intro.html',
  5567.             'name': 'Hybrid Genesis'
  5568.         },
  5569.         'Squidfingers': {
  5570.             'email': 'Travis@squidfingers.com',
  5571.             'url': 'http://www.squidfingers.com/patterns/',
  5572.             'name': 'Travis'
  5573.         }
  5574.     },
  5575.     'GD': {
  5576.         'Web v2.0': {
  5577.             'email': '',
  5578.             'url': 'http://gimp-tutorials.net/30-Ultimate-Web-20%20Layer-Styles-for%20-Gimp',
  5579.             'name': 'Navdeep & Navin'
  5580.         },
  5581.         'Web v2.1': {
  5582.             'email': '',
  5583.             'url': 'http://gimp-tutorials.net/130-UltimateWeb20-Gradients-for-Gimp',
  5584.             'name': 'Navdeep & Navin'
  5585.         }
  5586.     },
  5587.     'CO': {
  5588.         'Oxygen': {
  5589.             'email': '',
  5590.             'url': 'http://techbase.kde.org/Development/Guidelines/CIG/Colors',
  5591.             'name': 'KDE'
  5592.         },
  5593.         'Cranes': {
  5594.             'email': '',
  5595.             'url': 'http://Carol.gimp.org/gimp2/resources/default/palettes.html',
  5596.             'name': 'Carol'
  5597.         },
  5598.         'Grays': {
  5599.             'email': '',
  5600.             'url': 'http://Carol.gimp.org/gimp2/resources/default/palettes.html',
  5601.             'name': 'Carol'
  5602.         },
  5603.         'Named Colors': {
  5604.             'email': '',
  5605.             'url': 'http://Carol.gimp.org/gimp2/resources/default/palettes.html',
  5606.             'name': 'Carol'
  5607.         },
  5608.         'Pastels': {
  5609.             'email': '',
  5610.             'url': 'http://Carol.gimp.org/gimp2/resources/default/palettes.html',
  5611.             'name': 'Carol'
  5612.         },
  5613.         'Reds and Purples': {
  5614.             'email': '',
  5615.             'url': 'http://Carol.gimp.org/gimp2/resources/default/palettes.html',
  5616.             'name': 'Carol'
  5617.         },
  5618.         'Web': {
  5619.             'email': '',
  5620.             'url': 'http://Carol.gimp.org/gimp2/resources/default/palettes.html',
  5621.             'name': 'Carol'
  5622.         },
  5623.         'Fruity': {
  5624.             'email': 'mud@visc.us',
  5625.             'url': 'http://mudcu.be/',
  5626.             'name': 'MUD'
  5627.         }
  5628.     }
  5629. };
  5630.  
  5631. /* GRADIENTS */
  5632.  
  5633. Q={}; Q.GD={};
  5634.  
  5635. Q.GD['Nature']=[
  5636.  
  5637.     [[0,[86,3,0,1]],[0.11,[153,0,0,1]],[0.36,[205,112,19,1]],[0.7,[219,181,82,1]],[1,[115,94,41,1]]],
  5638.     [[0,[0,0,0,1]],[1,[153,0,0,1]]],
  5639.     [[0,[41,68,99,1]],[0.57,[254,221,144,1]],[1,[41,68,99,1]]],
  5640.     [[0,[39,73,105,1]],[0.27,[98,122,155,1]],[0.61,[156,171,204,1]],[1,[215,220,254,1]]],
  5641.     [[0,[40,66,82,1]],[0.09,[206,213,254,1]],[0.28,[41,68,99,1]],[0.39,[65,79,92,1]],[0.57,[119,151,215,1]],[0.68,[70,103,145,1]],[0.81,[89,122,157,1]],[0.91,[41,68,99,1]],[1,[2,33,54,1]]],
  5642.     [[0,[87,42,0,1]],[0.2,[69,46,2,1]],[0.66,[190,160,88,1]],[1,[142,121,64,1]]],
  5643.     [[0,[177,128,152,1]],[0.36,[95,52,71,1]],[0.36,[99,58,75,1]],[1,[248,210,236,1]]],
  5644.     [[0,[139,9,3,1]],[1,[254,221,144,1]]],
  5645.     [[0,[139,9,3,1]],[1,[234,85,78,1]]],
  5646.     [[0,[16,40,65,1]],[1,[89,122,157,1]]],
  5647.     [[0,[168,183,240,1]],[0.32,[214,163,126,1]],[1,[120,124,148,1]]],
  5648.     [[0,[254,248,188,1]],[1,[254,228,170,1]]],
  5649.     [[0,[52,7,1,1]],[1,[177,128,152,1]]],
  5650.     [[0,[95,52,71,1]],[0.5,[254,246,185,1]],[1,[95,52,71,1]]],
  5651.     [[0,[136,113,86,1]],[1,[229,205,152,1]]],
  5652.     [[0,[205,135,85,1]],[1,[89,38,12,1]]],
  5653.     [[0,[83,58,7,1]],[1,[254,241,185,1]]],
  5654.     [[0,[33,43,52,1]],[1,[198,167,127,1]]],
  5655.     [[0,[2,33,54,1]],[0.11,[57,23,36,1]],[0.24,[95,52,71,1]],[0.6,[40,66,82,1]],[1,[2,33,54,1]]],
  5656.     [[0,[142,121,64,1]],[1,[41,68,99,1]]]]
  5657.  
  5658. Q.GD['Web v2.0']=[
  5659.    
  5660.     [[0,[16,16,16,1]],[1,[124,125,124,1]]],
  5661.     [[0,[43,43,43,1]],[0.51,[1,1,1,1]],[0.51,[61,61,61,1]],[1,[77,77,77,1]]],
  5662.     [[0,[128,224,248,1]],[1,[205,248,255,1]]],
  5663.     [[0,[65,151,238,1]],[1,[121,187,255,1]]],
  5664.     [[0,[66,145,219,1]],[0.13,[75,184,240,1]],[0.62,[58,134,197,1]],[0.62,[99,154,200,1]],[1,[205,219,232,1]]],
  5665.     [[0,[191,110,78,1]],[0.29,[118,34,1,1]],[0.54,[118,34,1,1]],[0.54,[141,53,18,1]],[1,[240,183,160,1]]],
  5666.     [[0,[109,0,25,1]],[1,[168,3,41,1]]],
  5667.     [[0,[255,116,0,1]],[1,[255,116,0,1]]],
  5668.     [[0,[254,191,5,1]],[1,[255,214,93,1]]],
  5669.     [[0,[202,38,0,1]],[0.18,[255,102,0,1]],[0.18,[255,101,0,1]],[0.59,[246,41,12,1]],[0.59,[233,116,96,1]],[1,[241,186,176,1]]],
  5670.     [[0,[225,233,160,1]],[1,[234,239,181,1]]],
  5671.     [[0,[171,220,40,1]],[1,[182,224,38,1]]],
  5672.     [[0,[63,76,107,1]],[1,[96,107,136,1]]],
  5673.     [[0,[98,145,192,1]],[1,[204,230,249,1]]],
  5674.     [[0,[128,171,203,1]],[1,[206,224,236,1]]],
  5675.     [[0,[215,236,251,1]],[0.29,[138,195,235,1]],[0.54,[138,195,235,1]],[0.54,[171,211,238,1]],[1,[234,241,246,1]]],
  5676.     [[0,[125,227,31,1]],[0.25,[160,240,38,1]],[1,[199,254,48,1]]],
  5677.     [[0,[125,227,31,1]],[1,[166,242,39,1]]],
  5678.     [[0,[255,123,215,1]],[0.18,[253,137,215,1]],[0.54,[253,137,215,1]],[0.54,[251,167,225,1]],[1,[251,231,251,1]]],
  5679.     [[0,[251,224,151,1]],[0.27,[248,182,3,1]],[0.56,[248,182,3,1]],[0.56,[252,205,79,1]],[1,[252,234,185,1]]],
  5680.     [[0,[255,126,2,1]],[0.51,[255,124,0,1]],[0.51,[255,167,61,1]],[1,[255,160,61,1]]],
  5681.     [[0,[169,73,164,1]],[1,[229,112,231,1]]],
  5682.     [[0,[216,49,162,1]],[0.51,[169,0,119,1]],[0.51,[193,70,161,1]],[1,[193,65,164,1]]],
  5683.     [[0,[198,232,250,1]],[1,[235,247,253,1]]],
  5684.     [[0,[209,20,20,1]],[1,[254,27,1,1]]],
  5685.     [[0,[234,58,42,1]],[0.18,[216,41,21,1]],[0.54,[246,41,12,1]],[0.54,[238,85,67,1]],[1,[254,88,55,1]]],
  5686.     [[0,[209,211,96,1]],[1,[229,230,149,1]]],
  5687.     [[0,[255,228,0,1]],[0.57,[255,136,0,1]],[1,[230,109,29,1]]],
  5688.     [[0,[241,244,246,1]],[0.51,[216,223,227,1]],[0.51,[229,235,238,1]],[1,[246,248,249,1]]],
  5689.     [[0,[252,181,54,1]],[1,[239,228,91,1]]]];
  5690.  
  5691. Q.GD['Web v2.1']=[
  5692.    
  5693.     [[0,[76,76,76,1]],[0.25,[102,102,102,1]],[0.5,[44,44,44,1]],[0.5,[0,0,0,1]],[0.76,[43,43,43,1]],[1,[19,19,19,1]]],
  5694.     [[0,[135,224,253,1]],[1,[5,171,224,1]]],
  5695.     [[0,[240,249,255,1]],[1,[161,219,255,1]]],
  5696.     [[0,[122,188,255,1]],[1,[64,150,238,1]]],
  5697.     [[0,[0,183,234,1]],[1,[0,158,195,1]]],
  5698.     [[0,[136,191,232,1]],[1,[112,176,224,1]]],
  5699.     [[0,[254,255,255,1]],[1,[160,216,239,1]]],
  5700.     [[0,[37,141,200,1]],[1,[37,141,200,1]]],
  5701.     [[0,[64,150,238,1]],[1,[64,150,238,1]]],
  5702.     [[0,[184,225,252,1]],[0.25,[144,186,228,1]],[0.5,[144,191,240,1]],[0.5,[107,168,229,1]],[1,[189,243,253,1]]],
  5703.     [[0,[59,103,158,1]],[0.5,[43,136,217,1]],[0.5,[32,124,202,1]],[1,[125,185,232,1]]],
  5704.     [[0,[109,179,242,1]],[0.5,[84,163,238,1]],[0.5,[54,144,240,1]],[1,[30,105,222,1]]],
  5705.     [[0,[235,241,246,1]],[0.5,[171,211,238,1]],[0.5,[137,195,235,1]],[1,[213,235,251,1]]],
  5706.     [[0,[228,245,252,1]],[0.5,[191,232,249,1]],[0.5,[159,216,239,1]],[1,[42,176,237,1]]],
  5707.     [[0,[206,219,233,1]],[0.5,[97,153,199,1]],[0.5,[58,132,195,1]],[0.71,[75,184,240,1]],[1,[38,85,139,1]]],
  5708.     [[0,[167,199,220,1]],[1,[133,178,211,1]]],
  5709.     [[0,[63,76,107,1]],[1,[63,76,107,1]]],
  5710.     [[0,[208,228,247,1]],[0.5,[10,119,213,1]],[1,[135,188,234,1]]],
  5711.     [[0,[225,255,255,1]],[0.12,[225,255,255,1]],[0.12,[253,255,255,1]],[0.54,[200,238,251,1]],[1,[177,216,245,1]]],
  5712.     [[0,[179,220,237,1]],[0.5,[41,184,229,1]],[1,[188,224,238,1]]],
  5713.     [[0,[213,206,166,1]],[1,[183,173,112,1]]],
  5714.     [[0,[240,183,161,1]],[0.5,[140,51,16,1]],[0.5,[117,34,1,1]],[1,[191,110,78,1]]],
  5715.     [[0,[169,3,41,1]],[1,[109,0,25,1]]],
  5716.     [[0,[254,252,234,1]],[1,[241,218,54,1]]],
  5717.     [[0,[180,221,180,1]],[0.33,[82,177,82,1]],[0.67,[0,138,0,1]],[1,[0,36,0,1]]],
  5718.     [[0,[205,235,142,1]],[1,[165,201,86,1]]],
  5719.     [[0,[201,222,150,1]],[1,[57,130,53,1]]],
  5720.     [[0,[248,255,232,1]],[1,[183,223,45,1]]],
  5721.     [[0,[169,219,128,1]],[1,[150,197,111,1]]],
  5722.     [[0,[180,227,145,1]],[0.5,[97,196,25,1]],[1,[180,227,145,1]]],
  5723.     [[0,[41,154,11,1]],[1,[41,154,11,1]]],
  5724.     [[0,[143,200,0,1]],[1,[143,200,0,1]]],
  5725.     [[0,[0,110,46,1]],[1,[0,110,46,1]]],
  5726.     [[0,[107,186,112,1]],[1,[107,186,112,1]]],
  5727.     [[0,[205,235,139,1]],[1,[205,235,139,1]]],
  5728.     [[0,[143,196,0,1]],[1,[143,196,0,1]]],
  5729.     [[0,[182,224,38,1]],[1,[171,220,40,1]]],
  5730.     [[0,[157,213,58,1]],[0.5,[161,213,79,1]],[0.5,[128,194,23,1]],[1,[124,188,10,1]]],
  5731.     [[0,[230,240,163,1]],[0.5,[210,230,56,1]],[0.5,[195,216,37,1]],[1,[219,240,67,1]]],
  5732.     [[0,[191,210,85,1]],[0.5,[142,185,42,1]],[0.5,[114,170,0,1]],[1,[158,203,45,1]]],
  5733.     [[0,[180,223,91,1]],[1,[180,223,91,1]]],
  5734.     [[0,[238,238,238,1]],[1,[204,204,204,1]]],
  5735.     [[0,[206,220,231,1]],[1,[89,106,114,1]]],
  5736.     [[0,[96,108,136,1]],[1,[63,76,107,1]]],
  5737.     [[0,[176,212,227,1]],[1,[136,186,207,1]]],
  5738.     [[0,[242,245,246,1]],[1,[200,215,220,1]]],
  5739.     [[0,[216,224,222,1]],[0.33,[153,175,171,1]],[0.67,[130,157,152,1]],[1,[14,14,14,1]]],
  5740.     [[0,[181,189,200,1]],[1,[40,52,59,1]]],
  5741.     [[0,[184,198,223,1]],[1,[109,136,183,1]]],
  5742.     [[0,[207,231,250,1]],[1,[99,147,193,1]]],
  5743.     [[0,[210,223,237,1]],[0.51,[190,208,234,1]],[0.51,[166,192,227,1]],[0.75,[186,208,239,1]],[1,[121,155,200,1]]],
  5744.     [[0,[238,238,238,1]],[1,[238,238,238,1]]],
  5745.     [[0,[226,226,226,1]],[0.5,[219,219,219,1]],[0.5,[209,209,209,1]],[1,[254,254,254,1]]],
  5746.     [[0,[242,246,248,1]],[0.5,[216,225,231,1]],[0.5,[181,198,208,1]],[1,[224,239,249,1]]],
  5747.     [[0,[212,228,239,1]],[1,[134,174,204,1]]],
  5748.     [[0,[245,246,246,1]],[0.49,[184,186,198,1]],[1,[245,246,246,1]]],
  5749.     [[0,[243,226,199,1]],[0.5,[193,158,103,1]],[0.5,[182,141,76,1]],[1,[233,212,179,1]]],
  5750.     [[0,[249,252,247,1]],[1,[245,249,240,1]]],
  5751.     [[0,[195,217,255,1]],[1,[152,176,217,1]]],
  5752.     [[0,[210,255,82,1]],[1,[145,232,66,1]]],
  5753.     [[0,[254,254,253,1]],[1,[174,191,118,1]]],
  5754.     [[0,[228,239,192,1]],[1,[171,189,115,1]]],
  5755.     [[0,[164,179,87,1]],[1,[117,137,12,1]]],
  5756.     [[0,[98,125,77,1]],[1,[31,59,8,1]]],
  5757.     [[0,[115,136,10,1]],[1,[115,136,10,1]]],
  5758.     [[0,[255,175,75,1]],[1,[255,146,10,1]]],
  5759.     [[0,[250,198,149,1]],[1,[239,141,49,1]]],
  5760.     [[0,[255,197,120,1]],[1,[251,157,35,1]]],
  5761.     [[0,[249,198,103,1]],[1,[247,150,33,1]]],
  5762.     [[0,[252,234,187,1]],[0.5,[252,205,77,1]],[0.5,[248,181,0,1]],[1,[251,223,147,1]]],
  5763.     [[0,[255,168,76,1]],[1,[255,123,13,1]]],
  5764.     [[0,[255,103,15,1]],[1,[255,103,15,1]]],
  5765.     [[0,[255,116,0,1]],[1,[255,116,0,1]]],
  5766.     [[0,[255,183,107,1]],[0.5,[255,167,61,1]],[0.5,[255,124,0,1]],[1,[255,127,4,1]]],
  5767.     [[0,[255,93,177,1]],[1,[239,1,124,1]]],
  5768.     [[0,[251,131,250,1]],[1,[233,60,236,1]]],
  5769.     [[0,[229,112,231,1]],[1,[168,73,163,1]]],
  5770.     [[0,[203,96,179,1]],[0.5,[173,18,131,1]],[1,[222,71,172,1]]],
  5771.     [[0,[255,0,132,1]],[1,[255,0,132,1]]],
  5772.     [[0,[252,236,252,1]],[0.5,[251,166,225,1]],[0.5,[253,137,215,1]],[1,[255,124,216,1]]],
  5773.     [[0,[203,96,179,1]],[0.5,[193,70,161,1]],[0.5,[168,0,119,1]],[1,[219,54,164,1]]],
  5774.     [[0,[235,233,249,1]],[0.5,[216,208,239,1]],[0.5,[206,199,236,1]],[1,[193,191,234,1]]],
  5775.     [[0,[137,137,186,1]],[1,[137,137,186,1]]],
  5776.     [[0,[254,187,187,1]],[1,[255,92,92,1]]],
  5777.     [[0,[242,130,91,1]],[0.5,[229,91,43,1]],[1,[240,113,70,1]]],
  5778.     [[0,[255,48,25,1]],[1,[207,4,4,1]]],
  5779.     [[0,[255,26,0,1]],[1,[255,26,0,1]]],
  5780.     [[0,[204,0,0,1]],[1,[204,0,0,1]]],
  5781.     [[0,[248,80,50,1]],[0.5,[241,111,92,1]],[0.5,[246,41,12,1]],[1,[231,56,39,1]]],
  5782.     [[0,[254,204,177,1]],[0.5,[241,116,50,1]],[0.5,[234,85,7,1]],[1,[251,149,94,1]]],
  5783.     [[0,[239,197,202,1]],[0.5,[210,75,90,1]],[0.5,[186,39,55,1]],[1,[241,142,153,1]]],
  5784.     [[0,[243,197,189,1]],[0.5,[232,108,87,1]],[0.5,[234,40,3,1]],[0.75,[255,102,0,1]],[1,[199,34,0,1]]],
  5785.     [[0,[183,222,237,1]],[0.5,[113,206,239,1]],[0.5,[33,180,226,1]],[1,[183,222,237,1]]],
  5786.     [[0,[224,243,250,1]],[0.5,[216,240,252,1]],[0.5,[184,226,246,1]],[1,[182,223,253,1]]],
  5787.     [[0,[254,255,232,1]],[1,[214,219,191,1]]],
  5788.     [[0,[252,255,244,1]],[1,[233,233,206,1]]],
  5789.     [[0,[252,255,244,1]],[1,[179,190,173,1]]],
  5790.     [[0,[229,230,150,1]],[1,[209,211,96,1]]],
  5791.     [[0,[234,239,181,1]],[1,[225,233,160,1]]],
  5792.     [[0,[69,72,77,1]],[1,[0,0,0,1]]],
  5793.     [[0,[125,126,125,1]],[1,[14,14,14,1]]],
  5794.     [[0,[149,149,149,1]],[0.5,[1,1,1,1]],[0.76,[78,78,78,1]],[1,[27,27,27,1]]],
  5795.     [[0,[174,188,191,1]],[0.5,[110,119,116,1]],[0.5,[10,14,10,1]],[1,[10,8,9,1]]],
  5796.     [[0,[197,222,234,1]],[1,[6,109,171,1]]],
  5797.     [[0,[247,251,252,1]],[1,[173,217,228,1]]],
  5798.     [[0,[214,249,255,1]],[1,[158,232,250,1]]],
  5799.     [[0,[233,246,253,1]],[1,[211,238,251,1]]],
  5800.     [[0,[99,182,219,1]],[1,[48,157,207,1]]],
  5801.     [[0,[44,83,158,1]],[1,[44,83,158,1]]],
  5802.     [[0,[169,228,247,1]],[1,[15,180,231,1]]],
  5803.     [[0,[178,225,255,1]],[1,[102,182,252,1]]],
  5804.     [[0,[79,133,187,1]],[1,[79,133,187,1]]],
  5805.     [[0,[147,206,222,1]],[1,[73,165,191,1]]],
  5806.     [[0,[222,239,255,1]],[1,[152,190,222,1]]],
  5807.     [[0,[73,192,240,1]],[1,[44,175,227,1]]],
  5808.     [[0,[254,255,255,1]],[1,[210,235,249,1]]],
  5809.     [[0,[167,207,223,1]],[1,[35,83,138,1]]],
  5810.     [[0,[73,155,234,1]],[1,[32,124,229,1]]],
  5811.     [[0,[53,106,160,1]],[1,[53,106,160,1]]],
  5812.     [[0,[255,255,255,1]],[1,[237,237,237,1]]],
  5813.     [[0,[242,249,254,1]],[1,[214,240,253,1]]],
  5814.     [[0,[255,255,255,1]],[1,[229,229,229,1]]],
  5815.     [[0,[255,255,255,1]],[0.5,[241,241,241,1]],[0.5,[225,225,225,1]],[1,[246,246,246,1]]],
  5816.     [[0,[255,255,255,1]],[0.5,[243,243,243,1]],[0.5,[237,237,237,1]],[1,[255,255,255,1]]],
  5817.     [[0,[246,248,249,1]],[0.5,[229,235,238,1]],[0.5,[215,222,227,1]],[1,[245,247,249,1]]],
  5818.     [[0,[246,230,180,1]],[1,[237,144,23,1]]],
  5819.     [[0,[234,185,45,1]],[1,[199,152,16,1]]],
  5820.     [[0,[255,214,94,1]],[1,[254,191,4,1]]],
  5821.     [[0,[241,231,103,1]],[1,[254,182,69,1]]],
  5822.     [[0,[255,255,136,1]],[1,[255,255,136,1]]],
  5823.     [[0,[254,191,1,1]],[1,[254,191,1,1]]]];
  5824.  
  5825.  
  5826. /* COLORS */
  5827.  
  5828. Q.CO={};
  5829.  
  5830. Q.CO['Fruity']=[
  5831.  
  5832.     [252,233,79,1],[237,212,0,1],[196,160,0,1],[138,226,52,1],[115,210,22,1],[78,154,6,1],[78,154,6,1],
  5833.     [252,175,62,1],[245,121,0,1],[206,92,0,1],[114,159,207,1],[52,101,164,1],[32,74,135,1],[32,74,135,1],
  5834.     [233,185,110,1],[193,125,17,1],[143,89,2,1],[173,127,168,1],[117,80,123,1],[92,53,102,1],[92,53,102,1],
  5835.     [164,0,0,1],[204,0,0,1],[239,41,41,1],[248,46,0,1],[255,142,3,1],[255,213,3,1],[189,248,0,1]];
  5836.    
  5837. Q.CO['Oxygen']=[[56,37,9,1],[87,64,30,1],[117,81,26,1],[143,107,50,1],[179,146,93,1],[222,188,133,1],[156,15,15,1],[191,3,3,1],[226,8,0,1],[232,87,82,1],[240,134,130,1],[249,204,202,1],[156,15,86,1],[191,3,97,1],[226,0,113,1],[232,82,144,1],[240,130,176,1],[249,202,222,1],[106,0,86,1],[133,2,108,1],[160,39,134,1],[177,79,154,1],[193,115,176,1],[232,183,215,1],[29,1,85,1],[52,23,110,1],[70,40,134,1],[100,74,155,1],[142,121,165,1],[195,180,218,1],[0,49,110,1],[0,67,138,1],[0,87,174,1],[44,114,199,1],[97,147,207,1],[164,192,228,1],[0,72,77,1],[0,96,102,1],[0,120,128,1],[0,167,179,1],[0,196,204,1],[168,221,224,1],[0,8,63,1],[0,115,77,1],[0,153,102,1],[0,179,119,1],[0,204,136,1],[153,220,198,1],[0,110,41,1],[0,137,44,1],[55,164,44,1],[119,183,83,1],[177,210,143,1],[216,232,194,1],[227,173,0,1],[243,195,0,1],[255,221,0,1],[255,235,85,1],[255,242,153,1],[255,246,200,1],[172,67,17,1],[207,73,19,1],[235,115,49,1],[242,155,104,1],[242,187,136,1],[255,217,176,1],[46,52,54,1],[85,87,83,1],[136,138,133,1],[186,189,182,1],[211,215,207,1],[238,238,236,1],[77,38,0,1],[128,63,0,1],[191,94,0,1],[255,126,0,1],[255,191,128,1],[255,223,191,1],[89,0,0,1],[140,0,0,1],[191,0,0,1],[255,0,0,1],[255,128,128,1],[255,191,191,1],[115,0,85,1],[163,0,123,1],[204,0,154,1],[255,0,191,1],[255,128,223,1],[255,191,240,1],[44,0,89,1],[64,0,128,1],[90,0,179,1],[128,0,255,1],[192,128,255,1],[223,191,255,1],[0,0,128,1],[0,0,191,1],[0,0,255,1],[0,102,255,1],[128,179,255,1],[191,217,255,1],[0,77,0,1],[0,140,0,1],[0,191,0,1],[0,255,0,1],[128,255,128,1],[191,255,191,1],[99,128,0,1],[139,179,0,1],[191,245,0,1],[229,255,0,1],[240,255,128,1],[248,255,191,1],[255,170,0,1],[255,191,0,1],[255,213,0,1],[255,255,0,1],[255,255,153,1],[255,255,191,1],[50,50,50,1],[85,85,85,1],[136,136,136,1],[187,187,187,1],[221,221,221,1],[238,238,238,1]];
  5838.  
  5839. Q.CO['Cranes']=[[8,8,8,1],[192,176,144,1],[192,164,128,1],[80,72,68,1],[112,140,88,1],[104,132,96,1],[92,104,84,1],[24,8,12,1],[96,108,92,1],[128,104,76,1],[44,28,24,1],[156,140,116,1],[156,148,116,1],[68,68,60,1],[212,196,148,1],[144,136,108,1],[160,148,128,1],[216,220,216,1],[44,28,40,1],[68,12,16,1],[12,8,32,1],[56,8,48,1],[48,8,40,1],[44,20,40,1],[104,104,92,1],[52,28,48,1],[156,176,124,1],[124,160,96,1],[44,40,24,1],[168,168,172,1],[196,188,168,1],[8,28,20,1],[160,60,60,1],[180,144,100,1],[192,144,112,1],[132,40,60,1],[48,8,24,1],[156,176,144,1],[80,84,64,1],[136,148,136,1],[120,160,116,1],[44,20,24,1],[128,84,80,1],[128,20,56,1],[168,68,76,1],[64,56,44,1],[56,40,40,1],[156,172,164,1],[100,92,72,1],[124,116,88,1],[32,8,28,1],[176,180,180,1],[156,44,68,1],[172,176,156,1],[176,168,144,1],[188,8,88,1],[148,8,52,1],[20,48,52,1],[68,60,68,1],[216,204,160,1],[140,160,112,1],[112,116,88,1],[152,160,164,1],[116,156,104,1],[192,192,184,1],[80,84,72,1],[56,24,24,1],[24,36,40,1],[48,56,52,1],[92,84,64,1],[180,160,120,1],[112,100,76,1],[156,120,88,1],[96,96,84,1],[148,160,152,1],[192,200,144,1],[68,56,56,1],[100,48,96,1],[108,144,100,1],[188,180,160,1],[60,48,68,1],[80,48,52,1],[188,56,72,1],[196,176,128,1],[220,180,164,1],[132,116,100,1],[68,36,52,1],[168,132,100,1],[180,168,132,1],[148,156,140,1],[120,128,108,1],[108,12,48,1],[108,80,68,1],[44,40,56,1],[140,124,104,1],[24,28,20,1],[204,172,120,1],[164,156,132,1],[116,104,96,1],[144,152,148,1],[84,92,72,1],[120,148,100,1],[120,112,108,1],[60,64,56,1],[204,176,140,1],[212,140,128,1],[80,56,64,1],[152,140,108,1],[72,72,76,1],[20,12,48,1],[140,152,128,1],[208,100,88,1],[8,36,48,1],[80,104,68,1],[44,40,8,1],[76,60,84,1],[56,40,24,1],[112,52,64,1],[212,124,112,1],[152,72,76,1],[212,124,128,1],[88,88,96,1],[16,68,8,1],[36,8,40,1],[128,168,112,1],[208,212,196,1],[216,208,176,1],[76,68,56,1],[40,44,28,1],[32,20,80,1],[136,64,68,1],[60,76,64,1],[200,104,96,1],[92,84,80,1],[164,148,116,1],[116,108,84,1],[148,128,100,1],[80,80,84,1],[136,140,128,1],[88,16,76,1],[124,12,8,1],[100,96,104,1],[132,52,36,1],[56,28,40,1],[196,96,88,1],[64,84,44,1],[164,188,132,1],[204,196,168,1],[216,220,208,1],[136,172,100,1],[148,188,124,1],[52,72,32,1],[108,108,116,1],[136,172,132,1],[60,60,64,1],[108,92,92,1],[216,156,144,1],[104,96,84,1],[172,180,172,1],[140,108,88,1],[160,164,156,1],[148,132,108,1],[128,140,120,1],[40,84,56,1],[132,56,108,1],[96,32,56,1],[164,88,84,1],[96,104,72,1],[172,192,152,1],[192,196,172,1],[208,108,100,1],[68,84,72,1],[140,128,96,1],[224,228,224,1],[128,128,132,1],[76,96,56,1],[88,76,100,1],[72,12,52,1],[56,44,56,1],[68,48,68,1],[60,20,64,1],[44,12,56,1],[84,68,76,1],[44,8,8,1],[148,136,100,1],[148,180,108,1],[184,52,20,1],[0,0,0,1],[40,0,0,1],[0,56,92,1],[0,0,4,1],[0,0,0,1],[60,56,56,1],[56,20,40,1],[192,28,36,1],[72,80,60,1],[72,92,68,1],[88,100,76,1],[88,116,72,1],[0,0,0,1],[56,40,56,1],[72,76,68,1],[128,48,52,1],[168,36,60,1],[76,96,76,1],[80,108,80,1],[128,120,108,1],[184,72,80,1],[104,128,84,1],[136,132,108,1],[148,140,116,1],[112,152,92,1],[208,184,132,1],[104,116,100,1],[132,128,116,1],[136,120,88,1],[0,0,0,1],[116,124,120,1],[136,152,152,1],[144,156,160,1],[156,168,176,1],[184,184,176,1],[152,172,184,1],[184,188,188,1],[196,200,196,1],[212,212,208,1],[148,164,172,1],[84,96,84,1],[96,8,20,1],[100,116,80,1],[96,120,92,1],[164,176,184,1],[204,188,152,1],[128,128,100,1],[44,40,40,1],[204,204,188,1],[92,128,80,1],[100,140,88,1],[56,48,44,1],[128,148,112,1],[36,28,40,1],[196,160,112,1],[124,116,96,1],[104,104,84,1],[132,140,140,1],[140,132,116,1],[204,208,200,1],[196,80,84,1],[116,112,96,1],[88,116,84,1],[64,44,56,1],[44,24,8,1],[196,116,116,1],[180,148,116,1],[136,176,116,1],[148,140,124,1]];
  5840.  
  5841. Q.CO['Grays']=[[0,0,0,1],[7,7,7,1],[15,15,15,1],[23,23,23,1],[31,31,31,1],[39,39,39,1],[47,47,47,1],[55,55,55,1],[63,63,63,1],[71,71,71,1],[79,79,79,1],[87,87,87,1],[95,95,95,1],[103,103,103,1],[111,111,111,1],[119,119,119,1],[127,127,127,1],[135,135,135,1],[143,143,143,1],[151,151,151,1],[159,159,159,1],[167,167,167,1],[175,175,175,1],[183,183,183,1],[191,191,191,1],[199,199,199,1],[207,207,207,1],[215,215,215,1],[223,223,223,1],[231,231,231,1],[239,239,239,1],[247,247,247,1]];
  5842.  
  5843. Q.CO['Named Colors']=[[255,250,250,1],[248,248,255,1],[245,245,245,1],[220,220,220,1],[255,250,240,1],[253,245,230,1],[250,240,230,1],[250,235,215,1],[255,239,213,1],[255,235,205,1],[255,228,196,1],[255,218,185,1],[255,222,173,1],[255,228,181,1],[255,248,220,1],[255,255,240,1],[255,250,205,1],[255,245,238,1],[240,255,240,1],[245,255,250,1],[240,255,255,1],[240,248,255,1],[230,230,250,1],[255,240,245,1],[255,228,225,1],[255,255,255,1],[0,0,0,1],[47,79,79,1],[105,105,105,1],[112,128,144,1],[119,136,153,1],[190,190,190,1],[211,211,211,1],[25,25,112,1],[0,0,128,1],[100,149,237,1],[72,61,139,1],[106,90,205,1],[123,104,238,1],[132,112,255,1],[0,0,205,1],[65,105,225,1],[0,0,255,1],[30,144,255,1],[0,191,255,1],[135,206,235,1],[135,206,250,1],[70,130,180,1],[176,196,222,1],[173,216,230,1],[176,224,230,1],[175,238,238,1],[0,206,209,1],[72,209,204,1],[64,224,208,1],[0,255,255,1],[224,255,255,1],[95,158,160,1],[102,205,170,1],[127,255,212,1],[0,100,0,1],[85,107,47,1],[143,188,143,1],[46,139,87,1],[60,179,113,1],[32,178,170,1],[152,251,152,1],[0,255,127,1],[124,252,0,1],[0,255,0,1],[127,255,0,1],[0,250,154,1],[173,255,47,1],[50,205,50,1],[154,205,50,1],[34,139,34,1],[107,142,35,1],[189,183,107,1],[240,230,140,1],[238,232,170,1],[250,250,210,1],[255,255,224,1],[255,255,0,1],[255,215,0,1],[238,221,130,1],[218,165,32,1],[184,134,11,1],[188,143,143,1],[205,92,92,1],[139,69,19,1],[160,82,45,1],[205,133,63,1],[222,184,135,1],[245,245,220,1],[245,222,179,1],[244,164,96,1],[210,180,140,1],[210,105,30,1],[178,34,34,1],[165,42,42,1],[233,150,122,1],[250,128,114,1],[255,160,122,1],[255,165,0,1],[255,140,0,1],[255,127,80,1],[240,128,128,1],[255,99,71,1],[255,69,0,1],[255,0,0,1],[255,105,180,1],[255,20,147,1],[255,192,203,1],[255,182,193,1],[219,112,147,1],[176,48,96,1],[199,21,133,1],[208,32,144,1],[255,0,255,1],[238,130,238,1],[221,160,221,1],[218,112,214,1],[186,85,211,1],[153,50,204,1],[148,0,211,1],[138,43,226,1],[160,32,240,1],[147,112,219,1],[216,191,216,1],[255,250,250,1],[238,233,233,1],[205,201,201,1],[139,137,137,1],[255,245,238,1],[238,229,222,1],[205,197,191,1],[139,134,130,1],[255,239,219,1],[238,223,204,1],[205,192,176,1],[139,131,120,1],[255,228,196,1],[238,213,183,1],[205,183,158,1],[139,125,107,1],[255,218,185,1],[238,203,173,1],[205,175,149,1],[139,119,101,1],[255,222,173,1],[238,207,161,1],[205,179,139,1],[139,121,94,1],[255,250,205,1],[238,233,191,1],[205,201,165,1],[139,137,112,1],[255,248,220,1],[238,232,205,1],[205,200,177,1],[139,136,120,1],[255,255,240,1],[238,238,224,1],[205,205,193,1],[139,139,131,1],[240,255,240,1],[224,238,224,1],[193,205,193,1],[131,139,131,1],[255,240,245,1],[238,224,229,1],[205,193,197,1],[139,131,134,1],[255,228,225,1],[238,213,210,1],[205,183,181,1],[139,125,123,1],[240,255,255,1],[224,238,238,1],[193,205,205,1],[131,139,139,1],[131,111,255,1],[122,103,238,1],[105,89,205,1],[71,60,139,1],[72,118,255,1],[67,110,238,1],[58,95,205,1],[39,64,139,1],[0,0,255,1],[0,0,238,1],[0,0,205,1],[0,0,139,1],[30,144,255,1],[28,134,238,1],[24,116,205,1],[16,78,139,1],[99,184,255,1],[92,172,238,1],[79,148,205,1],[54,100,139,1],[0,191,255,1],[0,178,238,1],[0,154,205,1],[0,104,139,1],[135,206,255,1],[126,192,238,1],[108,166,205,1],[74,112,139,1],[176,226,255,1],[164,211,238,1],[141,182,205,1],[96,123,139,1],[198,226,255,1],[185,211,238,1],[159,182,205,1],[108,123,139,1],[202,225,255,1],[188,210,238,1],[162,181,205,1],[110,123,139,1],[191,239,255,1],[178,223,238,1],[154,192,205,1],[104,131,139,1],[224,255,255,1],[209,238,238,1],[180,205,205,1],[122,139,139,1],[187,255,255,1],[174,238,238,1],[150,205,205,1],[102,139,139,1],[152,245,255,1],[142,229,238,1],[122,197,205,1],[83,134,139,1],[0,245,255,1],[0,229,238,1],[0,197,205,1],[0,134,139,1],[0,255,255,1],[0,238,238,1],[0,205,205,1],[0,139,139,1],[151,255,255,1],[141,238,238,1],[121,205,205,1],[82,139,139,1],[127,255,212,1],[118,238,198,1],[102,205,170,1],[69,139,116,1],[193,255,193,1],[180,238,180,1],[155,205,155,1],[105,139,105,1],[84,255,159,1],[78,238,148,1],[67,205,128,1],[46,139,87,1],[154,255,154,1],[144,238,144,1],[124,205,124,1],[84,139,84,1],[0,255,127,1],[0,238,118,1],[0,205,102,1],[0,139,69,1],[0,255,0,1],[0,238,0,1],[0,205,0,1],[0,139,0,1],[127,255,0,1],[118,238,0,1],[102,205,0,1],[69,139,0,1],[192,255,62,1],[179,238,58,1],[154,205,50,1],[105,139,34,1],[202,255,112,1],[188,238,104,1],[162,205,90,1],[110,139,61,1],[255,246,143,1],[238,230,133,1],[205,198,115,1],[139,134,78,1],[255,236,139,1],[238,220,130,1],[205,190,112,1],[139,129,76,1],[255,255,224,1],[238,238,209,1],[205,205,180,1],[139,139,122,1],[255,255,0,1],[238,238,0,1],[205,205,0,1],[139,139,0,1],[255,215,0,1],[238,201,0,1],[205,173,0,1],[139,117,0,1],[255,193,37,1],[238,180,34,1],[205,155,29,1],[139,105,20,1],[255,185,15,1],[238,173,14,1],[205,149,12,1],[139,101,8,1],[255,193,193,1],[238,180,180,1],[205,155,155,1],[139,105,105,1],[255,106,106,1],[238,99,99,1],[205,85,85,1],[139,58,58,1],[255,130,71,1],[238,121,66,1],[205,104,57,1],[139,71,38,1],[255,211,155,1],[238,197,145,1],[205,170,125,1],[139,115,85,1],[255,231,186,1],[238,216,174,1],[205,186,150,1],[139,126,102,1],[255,165,79,1],[238,154,73,1],[205,133,63,1],[139,90,43,1],[255,127,36,1],[238,118,33,1],[205,102,29,1],[139,69,19,1],[255,48,48,1],[238,44,44,1],[205,38,38,1],[139,26,26,1],[255,64,64,1],[238,59,59,1],[205,51,51,1],[139,35,35,1],[255,140,105,1],[238,130,98,1],[205,112,84,1],[139,76,57,1],[255,160,122,1],[238,149,114,1],[205,129,98,1],[139,87,66,1],[255,165,0,1],[238,154,0,1],[205,133,0,1],[139,90,0,1],[255,127,0,1],[238,118,0,1],[205,102,0,1],[139,69,0,1],[255,114,86,1],[238,106,80,1],[205,91,69,1],[139,62,47,1],[255,99,71,1],[238,92,66,1],[205,79,57,1],[139,54,38,1],[255,69,0,1],[238,64,0,1],[205,55,0,1],[139,37,0,1],[255,0,0,1],[238,0,0,1],[205,0,0,1],[139,0,0,1],[255,20,147,1],[238,18,137,1],[205,16,118,1],[139,10,80,1],[255,110,180,1],[238,106,167,1],[205,96,144,1],[139,58,98,1],[255,181,197,1],[238,169,184,1],[205,145,158,1],[139,99,108,1],[255,174,185,1],[238,162,173,1],[205,140,149,1],[139,95,101,1],[255,130,171,1],[238,121,159,1],[205,104,137,1],[139,71,93,1],[255,52,179,1],[238,48,167,1],[205,41,144,1],[139,28,98,1],[255,62,150,1],[238,58,140,1],[205,50,120,1],[139,34,82,1],[255,0,255,1],[238,0,238,1],[205,0,205,1],[139,0,139,1],[255,131,250,1],[238,122,233,1],[205,105,201,1],[139,71,137,1],[255,187,255,1],[238,174,238,1],[205,150,205,1],[139,102,139,1],[224,102,255,1],[209,95,238,1],[180,82,205,1],[122,55,139,1],[191,62,255,1],[178,58,238,1],[154,50,205,1],[104,34,139,1],[155,48,255,1],[145,44,238,1],[125,38,205,1],[85,26,139,1],[171,130,255,1],[159,121,238,1],[137,104,205,1],[93,71,139,1],[255,225,255,1],[238,210,238,1],[205,181,205,1],[139,123,139,1],[169,169,169,1],[169,169,169,1],[0,0,139,1],[0,139,139,1],[139,0,139,1],[139,0,0,1],[144,238,144,1]];
  5844.  
  5845. Q.CO['Pastels']=[[226,145,145,1],[153,221,146,1],[147,216,185,1],[148,196,211,1],[148,154,206,1],[179,148,204,1],[204,150,177,1],[204,164,153,1],[223,229,146,1],[255,165,96,1],[107,255,99,1],[101,255,204,1],[101,196,255,1],[101,107,255,1],[173,101,255,1],[255,101,244,1],[255,101,132,1],[255,101,101,1]];
  5846.  
  5847. Q.CO['Reds And Purples']=[[205,92,92,1],[178,34,34,1],[165,42,42,1],[233,150,122,1],[250,128,114,1],[255,160,122,1],[255,127,80,1],[240,128,128,1],[255,99,71,1],[255,69,0,1],[255,0,0,1],[255,105,180,1],[255,20,147,1],[255,192,203,1],[255,182,193,1],[219,112,147,1],[176,48,96,1],[199,21,133,1],[208,32,144,1],[255,0,255,1],[238,130,238,1],[221,160,221,1],[218,112,214,1],[186,85,211,1],[153,50,204,1],[148,0,211,1],[138,43,226,1],[160,32,240,1],[147,112,219,1],[216,191,216,1]];
  5848.  
  5849. Q.CO['Web']=[[255,255,255,1],[255,255,204,1],[255,255,153,1],[255,255,102,1],[255,255,51,1],[255,255,0,1],[255,204,255,1],[255,204,204,1],[255,204,153,1],[255,204,102,1],[255,204,51,1],[255,204,0,1],[255,153,255,1],[255,153,204,1],[255,153,153,1],[255,153,102,1],[255,153,51,1],[255,153,0,1],[255,102,255,1],[255,102,204,1],[255,102,153,1],[255,102,102,1],[255,102,51,1],[255,102,0,1],[255,51,255,1],[255,51,204,1],[255,51,153,1],[255,51,102,1],[255,51,51,1],[255,51,0,1],[255,0,255,1],[255,0,204,1],[255,0,153,1],[255,0,102,1],[255,0,51,1],[255,0,0,1],[204,255,255,1],[204,255,204,1],[204,255,153,1],[204,255,102,1],[204,255,51,1],[204,255,0,1],[204,204,255,1],[204,204,204,1],[204,204,153,1],[204,204,102,1],[204,204,51,1],[204,204,0,1],[204,153,255,1],[204,153,204,1],[204,153,153,1],[204,153,102,1],[204,153,51,1],[204,153,0,1],[204,102,255,1],[204,102,204,1],[204,102,153,1],[204,102,102,1],[204,102,51,1],[204,102,0,1],[204,51,255,1],[204,51,204,1],[204,51,153,1],[204,51,102,1],[204,51,51,1],[204,51,0,1],[204,0,255,1],[204,0,204,1],[204,0,153,1],[204,0,102,1],[204,0,51,1],[204,0,0,1],[153,255,255,1],[153,255,204,1],[153,255,153,1],[153,255,102,1],[153,255,51,1],[153,255,0,1],[153,204,255,1],[153,204,204,1],[153,204,153,1],[153,204,102,1],[153,204,51,1],[153,204,0,1],[153,153,255,1],[153,153,204,1],[153,153,153,1],[153,153,102,1],[153,153,51,1],[153,153,0,1],[153,102,255,1],[153,102,204,1],[153,102,153,1],[153,102,102,1],[153,102,51,1],[153,102,0,1],[153,51,255,1],[153,51,204,1],[153,51,153,1],[153,51,102,1],[153,51,51,1],[153,51,0,1],[153,0,255,1],[153,0,204,1],[153,0,153,1],[153,0,102,1],[153,0,51,1],[153,0,0,1],[102,255,255,1],[102,255,204,1],[102,255,153,1],[102,255,102,1],[102,255,51,1],[102,255,0,1],[102,204,255,1],[102,204,204,1],[102,204,153,1],[102,204,102,1],[102,204,51,1],[102,204,0,1],[102,153,255,1],[102,153,204,1],[102,153,153,1],[102,153,102,1],[102,153,51,1],[102,153,0,1],[102,102,255,1],[102,102,204,1],[102,102,153,1],[102,102,102,1],[102,102,51,1],[102,102,0,1],[102,51,255,1],[102,51,204,1],[102,51,153,1],[102,51,102,1],[102,51,51,1],[102,51,0,1],[102,0,255,1],[102,0,204,1],[102,0,153,1],[102,0,102,1],[102,0,51,1],[102,0,0,1],[51,255,255,1],[51,255,204,1],[51,255,153,1],[51,255,102,1],[51,255,51,1],[51,255,0,1],[51,204,255,1],[51,204,204,1],[51,204,153,1],[51,204,102,1],[51,204,51,1],[51,204,0,1],[51,153,255,1],[51,153,204,1],[51,153,153,1],[51,153,102,1],[51,153,51,1],[51,153,0,1],[51,102,255,1],[51,102,204,1],[51,102,153,1],[51,102,102,1],[51,102,51,1],[51,102,0,1],[51,51,255,1],[51,51,204,1],[51,51,153,1],[51,51,102,1],[51,51,51,1],[51,51,0,1],[51,0,255,1],[51,0,204,1],[51,0,153,1],[51,0,102,1],[51,0,51,1],[51,0,0,1],[0,255,255,1],[0,255,204,1],[0,255,153,1],[0,255,102,1],[0,255,51,1],[0,255,0,1],[0,204,255,1],[0,204,204,1],[0,204,153,1],[0,204,102,1],[0,204,51,1],[0,204,0,1],[0,153,255,1],[0,153,204,1],[0,153,153,1],[0,153,102,1],[0,153,51,1],[0,153,0,1],[0,102,255,1],[0,102,204,1],[0,102,153,1],[0,102,102,1],[0,102,51,1],[0,102,0,1],[0,51,255,1],[0,51,204,1],[0,51,153,1],[0,51,102,1],[0,51,51,1],[0,51,0,1],[0,0,255,1],[0,0,204,1],[0,0,153,1],[0,0,102,1],[0,0,51,1],[0,0,0,1]];
  5850.  
  5851.  
  5852. /* PATTERNS */
  5853.  
  5854. Q.PT={};
  5855.  
  5856. Q.PT['DinPattern']=new Array(38);
  5857.  
  5858. Q.PT['Gaudi']=new Array(31);
  5859.  
  5860. Q.PT['Headlock']=new Array(141);
  5861.  
  5862. Q.PT['Squidfingers']=new Array(158);
  5863.  
  5864.  
  5865. /* CURRENT */
  5866.  
  5867. vars.CO=Q.CO['Oxygen'];
  5868. vars.GD=Q.GD['Web v2.0'];
  5869. vars.PT=Q.PT['Squidfingers'];
  5870. canvas = {
  5871.     'history_n': 25,
  5872.     'history_mk': function () {
  5873.         var z = '';
  5874.         canvas.history_r = {
  5875.             'n': 0,
  5876.             'r': {
  5877.                 0: 0
  5878.             },
  5879.             'data': {
  5880.                 0: [canvas.W, canvas.H]
  5881.             },
  5882.             'a': 0,
  5883.             'z': 0
  5884.         };
  5885.         for (var i = 0; i <= canvas.history_n; i++) {
  5886.             z += '<canvas id="history_' + i + '" width="' + canvas.W + '" height="' + canvas.H + '">' + "<\/canvas>";
  5887.         }
  5888.         $('cHistory').innerHTML = z;
  5889.         $2D('history_0').drawImage($('ctx_box'), 0, 0, canvas.W, canvas.H);
  5890.         var o = gui.Y;
  5891.         $C('MM', 'history')[0].innerHTML = '<div class="z"></div>' + o.kontrol('hi');
  5892.         $S('hiKontrol').display = 'none';
  5893.         o.cur[o.id] = 0;
  5894.         o.hi(1);
  5895.     },
  5896.     'history_set': function (v, s) {
  5897.         if ($('history_0')) {
  5898.             var o = gui.Y,
  5899.             r = canvas.history_r;
  5900.             if (isNaN(v)) { // SAVE
  5901.                 var z = r.z;
  5902.                 r.r[r.n + 1] = (r.n % canvas.history_n) + 1;
  5903.                 r.z = ++r.n;
  5904.                 r.r[r.a = Math.max(0, r.n - canvas.history_n)] = 0;
  5905.                 r.data[r.n] = [canvas.W, canvas.H, vars.type, vars.typeImg, v];
  5906.                 if (r.r[r.n + 1]) {
  5907.                     for (var i = r.n + 1; i <= z; i++) {
  5908.                         r.data[i] = [];
  5909.                     }
  5910.                 }
  5911.                 var a = 'history_' + r.r[r.n],
  5912.                 b = 'ctx_box';
  5913.                 $(a).width = canvas.W;
  5914.                 $(a).height = canvas.H;
  5915.             } else { // UNDO + REDO
  5916.                 var a = 'ctx_box',
  5917.                 b = 'history_' + r.r[r.n];
  5918.                 canvas.W = r.data[r.n][0];
  5919.                 canvas.H = r.data[r.n][1];
  5920.                 $('ctx_box').width = canvas.W;
  5921.                 $('ctx_box').height = canvas.H;
  5922.                 crop.resize();
  5923.             }
  5924.             var c = $2D(a);
  5925.             co.del(c);
  5926.             c.drawImage($(b), 0, 0, canvas.W, canvas.H);
  5927.             if (b == 'ctx_box') {
  5928.                 c.drawImage($('ctx_temp'), 0, 0, canvas.W, canvas.H);
  5929.             }
  5930.             if (!s) {
  5931.                 o.cur[o.id] = r.z - 5;
  5932.             }
  5933.             o.hi(1);
  5934.             gui.Y.kontrol_update('hi');
  5935.         }
  5936.     },
  5937.     'close': function () {
  5938.         $S('canvas').display = 'none';
  5939.         $('history').innerHTML = '';
  5940.     },
  5941.     'load': function (u, w, h) {
  5942.         gui_swatch.id = 'CO';
  5943.         $('ctx_box').width = canvas.W = w;
  5944.         $('ctx_box').height = canvas.H = h;
  5945.         crop.apply({ X: 0, Y: 0 }, { X: w, Y: h });
  5946.         if (u) {
  5947.             jelly.src = u;
  5948.             jelly.onload = function () {
  5949.                 var c = $2D('ctx_box');
  5950.                 co.del(c);
  5951.                 c.drawImage(jelly, 0, 0, canvas.W, canvas.H);
  5952.             }
  5953.         } else {
  5954.             var a = {
  5955.                     X: 0,
  5956.                     Y: 0
  5957.                 },
  5958.                 b = {
  5959.                     X: w,
  5960.                     Y: h
  5961.                 },
  5962.                 c = $2D('ctx_box');
  5963.             c.rect(a.X, a.Y, b.X, b.Y);
  5964.             co.style[vars[vars.id]](a, b, c, 'fill', 1);
  5965.         }
  5966.     },
  5967.     'resize': function (w, h) {
  5968.         $C('TM', 'canvas')[0].style.width = w + 'px';
  5969.         $C('MM', 'canvas')[0].style.width = w + 'px';
  5970.         $C('BM', 'canvas')[0].style.width = w + 'px';
  5971.         $C('ML', 'canvas')[0].style.height = h + 'px';
  5972.         $C('MM', 'canvas')[0].style.height = h + 'px';
  5973.         $C('MR', 'canvas')[0].style.height = h + 'px';
  5974.         $S('cBound').width = w + 'px';
  5975.         $S('cBound').height = h + 'px';
  5976.     },
  5977.     'mode_sw': function (o) {
  5978.         var r = {
  5979.                 'paint': 'source-over',
  5980.                 'light': 'lighter'
  5981.             },
  5982.             d = $C('cur', $(o).parentNode);
  5983.         if (d[0]) d[0].className = '';
  5984.         $(o).className = 'cur';
  5985.         vars.mode = $(o).innerHTML;
  5986.         vars.cache(1);
  5987.         $2D('ctx_temp').globalCompositeOperation = canvas.mode = r[$(o).innerHTML];
  5988.     },
  5989.     'mode': 'source-over'
  5990.  
  5991. };
  5992. </script>
  5993. </head>
  5994. <body onmousedown="if(false && preventDefault) event.preventDefault(); preventDefault = true;">
  5995.  
  5996. <div id="top">
  5997.  <div class="center">
  5998.   <div class="west" style="font-variant: small-caps">
  5999.    <div style="left: 12px; top: 10px" onmousedown="canvas.mode_sw('paint');" id="paint" class="cur">paint</div>
  6000.    <div style="left: 24px; top: 10px" onmousedown="canvas.mode_sw('light');" id="light">light</div>
  6001.   </div>
  6002.   <div class="east">
  6003.    <div style="background: none; border-left: none; border-right:1px solid #161616; height: 22px; padding: 0; cursor: default"></div>
  6004.    <div id="isolid" onmousedown="win.tab(this,'solid','solid'); if(this.className != 'cur') gui_swatch.toType('CO');">color</div>
  6005.    <div id="igradient" onmousedown="win.tab(this,'gradient','gradient'); if(this.className != 'cur') gui_swatch.toType('GD');">gradient</div>
  6006.    <div id="ipattern" onmousedown="win.tab(this,'pattern','pattern'); if(this.className != 'cur') gui_swatch.toType('PT');">pattern</div>
  6007.    <div id="iswatch" onmousedown="win.tab(this,'swatch',vars[vars.id])">swatch</div>
  6008.    <div id="ihistory" onmousedown="win.tab(this,'history',vars[vars.id])">history</div>
  6009.    <div id="ioptions" onmousedown="win.tab(this,'options',vars[vars.id])">options</div>
  6010.    <div onmousedown="canvas.open();" class="cur open" style="display:none"><span></span></div>
  6011.    <a href="#" onclick="window.saveDrawing(); return false;" target="_blank"><div class="cur save"><span></span></div></a>
  6012.    <div style="background: none; border-left: none; border: none; border-left:1px solid #3e3e3e; height: 22px; padding: 0; cursor: default"></div>
  6013.   </div>
  6014.  </div>
  6015. </div>
  6016.  
  6017. <div id="tools" class="gui">
  6018.  <div class="bounds">
  6019.   <div class="TL"></div>
  6020.   <div class="TM"><div class="TMM">tools</div></div>
  6021.   <div class="TR"></div><br />
  6022.   <div class="ML"></div>
  6023.   <div class="MM" onmousedown="noMove();">
  6024.    <div class="z">
  6025.     <div class="tools">
  6026.      <div onclick="gui_tools.imageCurrent('Marquee_'+vars.marquee)"><img src="http://mudcu.be/sketchpad/media/gui/sw_add.png" class="plus" alt="Marquee" /><img src="" class="Marquee_lasso Marquee_ellipses Marquee_polygon Marquee_star Marquee_burst Marquee_gear" alt="Marquee" /></div>
  6027.      <div onclick="gui_tools.imageCurrent('Crop')"><img src="" class="Crop" alt="Crop" /></div><br />
  6028.      <div class="hr"></div>
  6029.      <div onclick="gui_tools.imageCurrent('Text')"><img src="" class="Text" alt="Text" /></div>
  6030.      <div onclick="gui_tools.imageCurrent('Shape_'+vars.shape)"><img src="http://mudcu.be/sketchpad/media/gui/sw_add.png" class="plus" alt="Shape" /><img src="" class="Shape_ellipses Shape_polygon Shape_star Shape_burst Shape_gear" alt="Shape" /></div>
  6031.      <div onclick="gui_tools.imageCurrent('Spirograph')"><img src="" class="Spirograph" alt="Spirograph" /></div>
  6032.      <div onclick="gui_tools.imageCurrent(vars.draw)"><img src="http://mudcu.be/sketchpad/media/gui/sw_add.png" class="plus" alt="Draw" /><img src="" class="Brush Calligraphy Pencil" alt="Draw" /></div>
  6033.      <div onclick="gui_tools.imageCurrent('Fill')"><img src="" class="Fill" alt="Fill" /></div>
  6034.      <div onclick="gui_tools.imageCurrent('Stamp')"><img src="" class="Stamp" alt="Stamp" /></div>
  6035.      <div onclick="gui_tools.imageCurrent('Eraser')"><img src="" class="Eraser" alt="Eraser" /></div>
  6036.      <div onclick="gui_tools.imageCurrent('Picker')"><img src="" class="Picker" alt="Picker" /></div>
  6037.      <br />
  6038.      <div class="hr"></div>
  6039.     </div>
  6040.     <div class="ss">
  6041.      <div id="swap">F</div>
  6042.      <div class="fill">
  6043.       <canvas onmousedown="gui_palette.click('fill')" id="fill" title="Fill"></canvas>
  6044.      </div>
  6045.      <div class="stroke">
  6046.       <canvas onmousedown="gui_palette.click('stroke')" id="stroke" title="Stroke"></canvas>
  6047.       <div onmousedown="gui_palette.click('stroke')"><div></div></div>
  6048.       <img src="http://mudcu.be/sketchpad/media/gui/sw_switch.png"  style="display: block" onmousedown="gui_palette.current(); return false" alt="Switch Stroke with Fill" />
  6049.      </div>
  6050.     </div>
  6051.    </div>
  6052.   </div>
  6053.   <div class="MR"></div><br />
  6054.   <div class="BL"></div>
  6055.   <div class="BM"></div>
  6056.   <div class="BR"></div>
  6057.  </div>
  6058. </div>
  6059.  
  6060. <div id="options" class="gui">
  6061.  <div class="bounds">
  6062.   <div class="TL"></div>
  6063.   <div class="TM">
  6064.    <span class="TML"></span>
  6065.    <div class="TRx"><img onclick="win.close('options',1)" onmousedown="return(noMove())" src="media/gui/win_close.png" title="Close" /></div>
  6066.   </div>
  6067.   <div class="TR"></div><br />
  6068.   <div class="ML"></div>
  6069.   <div class="MM" onmousedown="noMove()"></div>
  6070.   <div class="MR"></div><br />
  6071.   <div class="BL"></div>
  6072.   <div class="BM"></div>
  6073.   <div class="BR"></div>
  6074.  </div>
  6075. </div>
  6076.  
  6077. <div id="history" class="gui">
  6078.  <div class="bounds">
  6079.   <div class="TL"></div>
  6080.   <div class="TM">
  6081.    <span class="TML">history</span>
  6082.    <div class="TRx"><img onclick="win.close('history',1)" onmousedown="return(noMove())" src="http://mudcu.be/sketchpad/media/gui/win_close.png" title="Close" /></div>
  6083.   </div>
  6084.   <div class="TR"></div><br />
  6085.   <div class="ML"></div>
  6086.   <div class="MM" onmousedown="noMove()"></div>
  6087.   <div class="MR"></div><br />
  6088.   <div class="BL"></div>
  6089.   <div class="BM"></div>
  6090.   <div class="BR"></div>
  6091.  </div>
  6092. </div>
  6093.  
  6094. <div id="swatch" class="gui">
  6095.  <div class="bounds">
  6096.   <div class="TL"></div>
  6097.   <div class="TM">
  6098.    <span class="TML">swatch</span>
  6099.    <div class="TRx"><img onclick="win.close('swatch',1)" onmousedown="return(noMove())" src="http://mudcu.be/sketchpad/media/gui/win_close.png" title="Close" /></div>
  6100.   </div>
  6101.   <div class="TR"></div><br />
  6102.   <div class="ML"></div>
  6103.   <div class="MM" onmousedown="noMove()"></div>
  6104.   <div class="MR"></div><br />
  6105.   <div class="BL"></div>
  6106.   <div class="BM"></div>
  6107.   <div class="BR"></div>
  6108.  </div>
  6109. </div>
  6110.  
  6111. <div id="pattern" class="gui">
  6112.  <div class="bounds">
  6113.   <div class="TL"></div>
  6114.   <div class="TM">
  6115.    <span class="TML">pattern</span>
  6116.    <div class="TRx"><img onclick="win.close('pattern',1)" onmousedown="return(noMove())" src="http://mudcu.be/sketchpad/media/gui/win_close.png" title="Close" /></div>
  6117.   </div>
  6118.   <div class="TR"></div><br />
  6119.   <div class="ML"></div>
  6120.   <div class="MM" onmousedown="noMove()"><div class="z"></div></div>
  6121.   <div class="MR"></div><br />
  6122.   <div class="BL"></div>
  6123.   <div class="BM"></div>
  6124.   <div class="BR"></div>
  6125.  </div>
  6126. </div>
  6127.  
  6128. <div id="gradient" class="gui">
  6129.  <div class="bounds">
  6130.   <div class="TL"></div>
  6131.   <div class="TM">
  6132.    <span class="TML">gradient</span>
  6133.    <div class="TRx"><img onclick="win.close('gradient',1)" onmousedown="return(noMove())" src="media/gui/win_close.png" title="Close" /></div>
  6134.   </div>
  6135.   <div class="TR"></div><br />
  6136.   <div class="ML"></div>
  6137.   <div class="MM" onmousedown="noMove()"></div>
  6138.   <div class="MR"></div><br />
  6139.   <div class="BL"></div>
  6140.   <div class="BM"></div>
  6141.   <div class="BR"></div>
  6142.  </div>
  6143. </div>
  6144.  
  6145. <div id="solid" class="gui">
  6146.  <div class="bounds">
  6147.   <div class="TL"></div>
  6148.   <div class="TM">
  6149.    <span id="HEX" class="TML" title="HEX" onmousedown="preventDefault = false;" style="cursor: text; text-transform:uppercase">FFFFFF</span>
  6150.    <div class="TRx"><img onclick="win.close('solid',1)" onmousedown="return(noMove())" src="http://mudcu.be/sketchpad/media/gui/win_close.png" title="Close" /></div>
  6151.   </div>
  6152.   <div class="TR"></div><br />
  6153.   <div class="ML"></div>
  6154.   <div class="MM" onmousedown="noMove()"></div>
  6155.   <div class="MR"></div><br />
  6156.   <div class="BL"></div>
  6157.   <div class="BM"></div>
  6158.   <div class="BR"></div>
  6159.  </div>
  6160. </div>
  6161.  
  6162. <div id="canvas" onmousedown="core.fu('canvas',event,{fu:core.win,Y1:19})" class="gui" style="width: 732px; height: 615px;">
  6163.  <div class="TL"></div>
  6164.  <div class="TM" ondblclick="win_size.tog(vars.winMax?'min':'max')">
  6165.   <div class="center">
  6166.    <span id="cTitle">DRAWING.PNG</span>
  6167.   </div>
  6168.   <div class="east" id="cZoom"></div>
  6169.  </div>
  6170.  <div class="TR"></div><br />
  6171.  <div class="ML"></div>
  6172.  <div class="MM">
  6173.   <div class="z">
  6174.    <div id="cBound" onmousedown="return(noMove())">
  6175.     <canvas id="ctx_box" style="z-index: 1"></canvas>
  6176.     <canvas id="ctx_temp" style="z-index: 2"></canvas>
  6177.     <canvas id="ctx_active" style="z-index: 5"></canvas>
  6178.     <canvas id="ctx_marquee" style="z-index: 6"></canvas>
  6179.     <canvas id="ctx_mouse" style="z-index: 7"></canvas>
  6180.    </div>
  6181.    <canvas id="ctx_brush" width="200" height="200"></canvas>
  6182.    <canvas id="ctx_stamp" width="200" height="200"></canvas>
  6183.    <canvas id="ctx_eraser" width="200" height="200"></canvas>
  6184.    <canvas id="ctx_picker" height="1" width="1"></canvas>
  6185.    <div id="cHistory"></div>
  6186.   </div>
  6187.  </div>
  6188.  <div class="MR"></div><br />
  6189.  <div class="BL"></div>
  6190.  <div class="BM"></div>
  6191.  <div class="BR" onmousedown="vars.winMax='min'; win_size.core(event)"></div>
  6192. </div>
  6193.  
  6194. <div style="display: none" id="canvas_open">
  6195.  <div style="padding: 15px 0;">
  6196.   My Computer&hellip;<br><input type="file" id="local" size="17"><br><br>The Internet&hellip;<br><input type="datafile_url" id="server" size="27"><br><br><input onclick="canvas.open_event()" type="submit" value="open">
  6197.   <div id="canvas_open_error" style="padding: 4px 0 0 0; color: #ef3333"></div>
  6198.  </div>
  6199. </div>
  6200. <div class="ads">
  6201.   <a href="https://sketch.io/sketchpad" target="_blank">Sketchpad 3.4 is out!</a>
  6202. </div>
  6203. <div id="TEST" style="color: #fff; position: absolute; top: 40px; z-index: 100000"></div>
  6204.  
  6205. <script type="text/javascript">
  6206.  
  6207. var preventDefault = true;
  6208.  
  6209. var init = {
  6210.     'canvas': function (w, h, u) {
  6211.         gui_swatch.id = 'CO';
  6212.         function z(n) {
  6213.             return (Math.floor(Math.random() * n));
  6214.         }
  6215.         $('ctx_box').width = canvas.W = w;
  6216.         $('ctx_box').height = canvas.H = h;
  6217.         crop.apply({
  6218.             X: 0,
  6219.             Y: 0
  6220.         },
  6221.         {
  6222.             X: w,
  6223.             Y: h
  6224.         });
  6225.         if (isNaN(vars.winW) || isNaN(vars.winH)) {
  6226.             vars.winW = parseInt(canvas.W);
  6227.             vars.winH = parseInt(canvas.H);
  6228.         }
  6229.         if (u) {
  6230.             var img = new Image();
  6231.             img.src = u;
  6232.             img.onload = function () {
  6233.                 var c = $2D('ctx_box');
  6234.                 co.del(c);
  6235.                 c.drawImage(img, 0, 0, canvas.W, canvas.H);
  6236.             }
  6237.         } else {
  6238.             var a = {
  6239.                 X: 0,
  6240.                 Y: 0
  6241.             },
  6242.             b = {
  6243.                 X: w,
  6244.                 Y: h
  6245.             },
  6246.             c = $2D('ctx_box');
  6247.             c.rect(0, 0, w, h);
  6248.             co.gradient(a, b, c, vars.GD[z(vars.GD.length)], 'fill', 1);
  6249.         }
  6250.     },
  6251.     'content': function () {
  6252.         //Windows
  6253.         if (vars.winMax == 1) {
  6254.             win_size.max();
  6255.         } else if (!isNaN(vars.winW)) {
  6256.             win_size.fu({
  6257.                 W: zero(vars.winW),
  6258.                 H: zero(vars.winH)
  6259.             },
  6260.             win_size.construct({}));
  6261.         } else {
  6262.             canvas.resize(700, 575);
  6263.         }
  6264.         init.canvas(700, 575);
  6265.         gui.options();
  6266.         gui_tools.imageMap();
  6267.         //Interface
  6268.         gui_palette.update('stroke');
  6269.         gui_palette.update('fill');
  6270.         gui_palette.zindex(vars.id);
  6271.         crop.ratio_mk();
  6272.         gui_color.mk();
  6273.         gui_gradient.mk();
  6274.         gui_pattern.mk();
  6275.         gui_swatch.mk();
  6276.         win.feed();
  6277.         gui_tools.imageCurrent(vars.tool);
  6278.         canvas.mode_sw(vars.mode = vars.mode ? vars.mode : 'paint');
  6279.         canvas.history_mk();
  6280.         init.events();
  6281.     },
  6282.     'events': function () {
  6283.         //Canvas
  6284.         var o = $('cBound');
  6285.         o.oncontextmenu = function (e) {
  6286.             if ({
  6287.                 'zoom': 1,
  6288.                 'path': 1,
  6289.                 'shape': 1,
  6290.                 'marquee': 1
  6291.             } [vars.type]) return false;
  6292.         };
  6293.         o.ondblclick = function (e) {
  6294.             if (vars.type == 'text') {
  6295.                 noMove()
  6296. //                co.core(e, text.core);
  6297.             }
  6298.         };
  6299.         o.onmousemove = function (e) {
  6300.             if (stop) {
  6301.                 if ({
  6302.                     'marquee': 1,
  6303.                     'text': 1,
  6304.                     'crop': 1
  6305.                 } [vars.type]) {
  6306.                     mouse.cursor(e, this);
  6307.                 }
  6308.                 if (vars.type == 'picker') {
  6309.                     var a = XY(e);
  6310.                     a.X -= abPos(this).X;
  6311.                     a.Y -= abPos(this).Y;
  6312.                     a.X = Math.max(0, Math.min(canvas.W - 1, a.X));
  6313.                     a.Y = Math.max(0, Math.min(canvas.H - 1, a.Y));
  6314.                     picker.core(a, '', 'move');
  6315.                 }
  6316.             }
  6317.         };
  6318.         o.onmousedown = function (e) {
  6319.             if (vars.type == 'crop') {
  6320.                 co.core(e, crop.core);
  6321.             } else if (vars.type == 'fill') {
  6322.                 co.core(e, draw.fill);
  6323.             } else if (vars.type == 'marquee') {
  6324.                 co.core(e, marquee.core);
  6325.             } else if (vars.type == 'picker') {
  6326.                 var a = XY(e); 
  6327.                 a.X -= abPos(this).X;
  6328.                 a.Y -= abPos(this).Y;
  6329.                 a.X = Math.max(0, Math.min(canvas.W - 1, a.X));
  6330.                 a.Y = Math.max(0, Math.min(canvas.H - 1, a.Y));
  6331.                 picker.core(a, a, 'down', e);
  6332.             } else if (vars.type == 'shape') {
  6333.                 co.core(e, draw.shape);
  6334.             } else if (vars.type == 'text') {
  6335.                 co.core(e, draw.text);
  6336.             } else if ({
  6337.                 'calligraphy': 1,
  6338.                 'stamp': 1
  6339.             } [vars.type]) {
  6340.                 if (stamp.loaded) {
  6341.                     co.core(e, draw[vars.type]);
  6342.                 } else {
  6343.                     noMove();
  6344.                 }
  6345.             } else if(vars.type == 'spirograph') {
  6346.                 co.core(e, draw.spirograph);
  6347.             } else if ({
  6348.                 'brush': 1,
  6349.                 'pencil': 1,
  6350.                 'eraser': 1
  6351.             } [vars.type]) {
  6352.                 co.core(e, draw[vars.type]);
  6353.             } else {
  6354.                 return noMove();
  6355.             }
  6356.             return false;
  6357.         };
  6358.         o.onmouseout = function (e) {
  6359.             if (stop) {
  6360.                 if (vars.type == 'picker') {
  6361.                     var a = XY(e); 
  6362.                     a.X -= abPos(this).X;
  6363.                     a.Y -= abPos(this).Y;
  6364.                     a.X = Math.max(0, Math.min(canvas.W - 1, a.X));
  6365.                     a.Y = Math.max(0, Math.min(canvas.H - 1, a.Y));
  6366.                     picker.core(a);
  6367.                 }
  6368.             }
  6369.         };
  6370.         //Mouse Wheel
  6371.         var o = {
  6372.             'stamp': $C('MM', 'options'),
  6373.             'hi': $C('MM', 'history'),
  6374.             'CO': $C('CO', 'swatch'),
  6375.             'GD': $C('GD', 'swatch'),
  6376.             'PT': $C('PT', 'swatch')
  6377.         };
  6378.         function addWheel(id) {
  6379.             Event.add(o[id][0], {
  6380.                 el: 'DOMMouseScroll',
  6381.                 e: 'onmousewheel'
  6382.             },
  6383.             function (event) {
  6384.                 gui.Y.id = id;
  6385.                 gui.Y.wheel(event);
  6386.                 event.preventDefault();
  6387.             });
  6388.         };
  6389.         for (var i in o) addWheel(i);
  6390.         //Window CoreXY
  6391.         var o = $C('gui', document.body);
  6392.         for (var i = 0; i < o.length; i++) {
  6393.            if (o[i].onmousedown) continue;
  6394.            Event.add(o[i], {
  6395.                el: 'mousedown',
  6396.                e: 'onmousedown'
  6397.            },
  6398.            function (event) {
  6399.                core.fu(this.id, event, {
  6400.                    fu: core.win,
  6401.                    Y1: 19,
  6402.                    z: true
  6403.                });
  6404.            });
  6405.        }
  6406.    },
  6407.    'images': function () {
  6408.        var dir = 'media/gui/';
  6409.        op_8x8 = new Image();
  6410.        op_8x8.src = dir + 'op_8x8.gif';
  6411.        path = {
  6412.            point: new Image(),
  6413.            node_select: new Image()
  6414.         }
  6415.         path.point.src = dir + 'point.png';
  6416.         path.node_select.src = dir + 'node_select.png';
  6417.    },
  6418.    'swatch': function () {
  6419.        var rand = N.rand;
  6420.        init.images();
  6421.        if(typeof ScreenMetrics == 'function') {
  6422.             $.metrics = ScreenMetrics();
  6423.        }
  6424.        function PT(v, n) {
  6425.            var n = vars.PT.length;
  6426.         var random;
  6427.         if(vars['PT*'] == 'Squidfingers')
  6428.          random = Math.random() > .5 ? '82' : '105';
  6429.         else random = rand(n);
  6430.             src = gui_pattern.dir + vars['PT*'] + '/' + (gui_swatch.n[v + 'PT'] = random) + '-live.jpg';
  6431.             gui_pattern.o[v].src = src;
  6432.             vars[v + 'PT'].src = src;
  6433.             gui_swatch.n[v + 'PT'] = n - gui_swatch.n[v + 'PT'];
  6434.         }
  6435.         function CO(v) {
  6436.             var n = vars[v].length,
  6437.             a = rand(n),
  6438.             z = rand(n);
  6439.             vars['fill' + v] = vars[v][a];
  6440.             gui_swatch.n['fill' + v] = a + 1;
  6441.             vars['stroke' + v] = vars[v][z];
  6442.             gui_swatch.n['stroke' + v] = z + 1;
  6443.         }
  6444.         vars.CO = Q.CO[vars['CO*']];
  6445.         vars.GD = Q.GD[vars['GD*']];
  6446.         vars.PT = Q.PT[vars['PT*']];
  6447.         CO('CO');
  6448.         CO('GD');
  6449.         PT('fill');
  6450.         PT('stroke');
  6451.     // setTimeout( init.content, 1000);
  6452.        
  6453.         gui_pattern.o.fill.onload = function () {
  6454.             if (gui_pattern.o.stroke.loaded) init.content();
  6455.             gui_pattern.o.fill.loaded = 1;
  6456.         };
  6457.         gui_pattern.o.stroke.onload = function () {
  6458.             if (gui_pattern.o.fill.loaded) init.content();
  6459.             gui_pattern.o.stroke.loaded = 1;
  6460.         };
  6461.     }
  6462. };
  6463.  
  6464. var ants = [ ];
  6465.     var ants_n = 0;
  6466.  
  6467. window.onresize = win.feed;
  6468. window.currentBlob = null;
  6469. window.currentPort = null;
  6470. window.saveDrawing = function() {
  6471.     window.location.href=$('ctx_box').toDataURL();
  6472. };
  6473. window.onload = function () {
  6474.     if (document.location.hash == '#snapshot') {
  6475.         document.body.style.background = 'transparent';
  6476.         // FIXME: Waiting on toBlob for Canvas
  6477.         window.saveDrawing = function (e) {
  6478.             if (!window.currentPort) {
  6479.                 window.href = $('ctx_box').toDataURL();
  6480.             }
  6481.             var n = $('ctx_box').toDataURL();
  6482.             window.currentPort.postMessage("send", '*');
  6483.             window.currentPort.postMessage(n, '*');
  6484.             return false;
  6485.         };
  6486.         window.onmessage = function (event) {
  6487.             if (event.origin.indexOf('chrome-extension:') == -1) if (event.origin != 'http://mugtug.com') if (event.origin != 'https://mugtugdarkroom.appspot.com') if (event.origin != 'https://mugtugsketchpad.appspot.com') return;
  6488.             if (event.source != window.self) event.source.postMessage("recv", '*');
  6489.             var data = event.data;
  6490.             if (typeof (data) == 'object' && data.type) {
  6491.                 if (window.currentBlob) webkitURL.revokeObjectURL(window.currentBlob);
  6492.                 window.currentBlob = webkitURL.createObjectURL(data);
  6493.                 data = window.currentBlob;
  6494.                 window.currentPort = event.source;
  6495.             }
  6496.             if (data.indexOf(':') > -1) {
  6497.                 var a = document.createElement('img');
  6498.                 a.onload = function () {
  6499.                     var width = a.naturalWidth;
  6500.                     var height = a.naturalHeight;
  6501.                     win_size.fu({
  6502.                         W: width,
  6503.                         H: height
  6504.                     }, win_size.construct({}));
  6505.                     canvas.resize(width, height);
  6506.                     init.canvas(width, height, data);
  6507.                 }
  6508.                 a.src = data;
  6509.             }
  6510.         }
  6511.         if (window.parent && window.parent != window.self) {
  6512.             // FIXME: Don't ack until load, otherwise we'll overwrite the image.
  6513.             setTimeout(function () {
  6514.                 if (window.parent.postMessage) window.parent.postMessage('ack', '*');
  6515.             }, 300);
  6516.         }
  6517.     }
  6518.     setTimeout(function () {
  6519.         dtx2D = document.createElement("canvas");
  6520.         ctx2D = dtx2D.getContext('2d');
  6521.     }, 100);
  6522.     setTimeout(init.swatch, 250);
  6523.     setTimeout(function () {
  6524.         data2pattern(ants, ["data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAMklEQVQYlYXOtw0AMAzEQO6/NN04QAlW+cdCAALmOzsftGjAHGRUX9DhDSbcNmMJuocXA4afYTYwTaEAAAAASUVORK5CYII=", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAMklEQVQYlYXPsQ0AMAjEQO+/tFOkIALxQaI6FwDgu334YAUL3iCgQ/tNJFQr2L4hoeoBA4afYdiStBMAAAAASUVORK5CYII=", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAMklEQVQYlWP4DwUMDAwoGC6OTxIqh1sSQwEWSYQCHJIQBXgk/2PIoruJAZ/k/////wMAA4afYVpnmEkAAAAASUVORK5CYII=", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALUlEQVQYlWP4jwYYGBhQMT7J////IxRgk4QrwCUJlcMtiaEAh4PxSkIU4PMqAAOGn2Gql3FAAAAAAElFTkSuQmCC"]);
  6525.     }, 200);
  6526. };
  6527.  
  6528. ///------  PARTS OF LIBRARIES
  6529.  
  6530. Color = { };
  6531. Color.HEX_STRING = function(o) {
  6532.  
  6533.     var z = o.toString(16), n = z.length;
  6534.  
  6535.     while(n < 6) { z = '0' + z; n++; }
  6536.  
  6537.     return z;
  6538.  
  6539. };
  6540.  
  6541. Color.RGB_HSV = function(o) { //- RGB from 0 to 255
  6542.  
  6543.     var _R = o.R / 255, _G = o.G / 255, _B = o.B / 255, H, S, V;
  6544.    
  6545.     var min = Math.min(_R, _G, _B), max = Math.max(_R, _G, _B), D = max - min;
  6546.    
  6547.     V = max;
  6548.    
  6549.     if(D == 0) { H = 0; S = 0; } // No chroma
  6550.  
  6551.     else { // Chromatic data
  6552.  
  6553.     S = D / max;
  6554.  
  6555.         var DR = ( ((max - _R) / 6) + (D / 2) ) / D;
  6556.         var DG = ( ((max - _G) / 6) + (D / 2) ) / D;
  6557.         var DB = ( ((max - _B) / 6) + (D / 2) ) / D;
  6558.  
  6559.         if(_R == max) H = DB - DG;
  6560.         else if(_G == max) H = (1 / 3) + DR - DB;
  6561.         else if(_B == max) H = (2 / 3) + DG - DR;
  6562.  
  6563.         if(H < 0) H += 1;
  6564.         if(H > 1) H -= 1;
  6565.  
  6566.     }
  6567.    
  6568.     return { H: H * 360, S: S * 100, V: V * 100 };
  6569.  
  6570. };
  6571.  
  6572. Color.HSV_RGB = function(o) {
  6573.  
  6574.     var H = o.H / 360, S = o.S / 100, V = o.V / 100, R, G, B;
  6575.    
  6576.     if(S == 0) { R = G = B = Math.round(V * 255); }
  6577.  
  6578.     else { if(H >= 1) H = 0;
  6579.  
  6580.         H = 6 * H;
  6581.         D = H - Math.floor(H);
  6582.         A = Math.round(255 * V * (1 - S));
  6583.         B = Math.round(255 * V * (1 - (S * D)));
  6584.         C = Math.round(255 * V * (1 - (S * (1 - D))));
  6585.         V = Math.round(255 * V);
  6586.  
  6587.         switch(Math.floor(H)) {
  6588.  
  6589.             case 0: R = V; G = C; B = A; break;
  6590.             case 1: R = B; G = V; B = A; break;
  6591.             case 2: R = A; G = V; B = C; break;
  6592.             case 3: R = A; G = B; B = V; break;
  6593.             case 4: R = C; G = A; B = V; break;
  6594.             case 5: R = V; G = A; B = B; break;
  6595.  
  6596.         }
  6597.     }
  6598.  
  6599.     return { R: R, G: G, B: B };
  6600.  
  6601. };
  6602.  
  6603. </script>
  6604. <script type="text/javascript">
  6605. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  6606. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  6607.  
  6608. </script>
  6609. <script type="text/javascript">
  6610. try {
  6611. var pageTracker = _gat._getTracker("UA-400768-12");
  6612. pageTracker._trackPageview();
  6613. } catch(err) {}
  6614. </script>
  6615. </body>
  6616. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!