text: ﻿/*
   * FCKeditor - The text editor for internet
   * Copyright (C) 2003-2005 Frederico Caldeira Knabben
   * 
   * Licensed under the terms of the GNU Lesser General Public License:
   * 		http://www.opensource.org/licenses/lgpl-license.php
   * 
   * For further information visit:
   * 		http://www.fckeditor.net/
   * 
   * File Name: wz_jsgraphics.js
   * 	Javascript Graphics.
   * 
   * File Authors:
   * 		Grant French (grant@mcpuk.net)
   */
  /***********************************************************************
  ** Title.........:  Javascript Graphics
  ** Version.......:  1.0
  ** Author........:  Xiang Wei ZHUO <wei@zhuo.org>
  ** Filename......:  wz_jsgraphics.js
  ** Last changed..:  31 Aug 2003  
  ** Notes.........:  Modified for Image Editor, added extra commands
  **/ 
  
  /* This notice must be untouched at all times.
  
  wz_jsgraphics.js    v. 2.03
  The latest version is available at
  http://www.walterzorn.com
  or http://www.devira.com
  or http://www.walterzorn.de
  
  Copyright (c) 2002-2003 Walter Zorn. All rights reserved.
  Created 3. 11. 2002 by Walter Zorn <walter@kreuzotter.de>
  Last modified: 11. 6. 2003
  
  High Performance JavaScript Graphics Library.
  Provides methods
  - to draw lines, rectangles, ellipses, polygons
    with specifiable line thickness,
  - to fill rectangles and ellipses
  - to draw text.
  NOTE: Operations, functions and branching have rather been optimized
  to efficiency and speed than to shortness of source code.
  
  This program is free software;
  you can redistribute it and/or modify it under the terms of the
  GNU General Public License as published by the Free Software Foundation;
  either version 2 of the License, or (at your option) any later version.
  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY;
  without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
  See the GNU General Public License
  at http://www.gnu.org/copyleft/gpl.html for more details.
  */
  
  var jg_ihtm, jg_ie, jg_dom,
  jg_n4 = (document.layers && typeof document.classes != "undefined");
  
  function chkDHTM(x, i)
  {
      x = document.body || null;
      jg_ie = (x && typeof x.insertAdjacentHTML != "undefined");
      jg_dom = (x && !jg_ie &&
          typeof x.appendChild != "undefined" &&
          typeof document.createRange != "undefined" &&
          typeof (i = document.createRange()).setStartBefore != "undefined" &&
          typeof i.createContextualFragment != "undefined");
      jg_ihtm = (!jg_ie && !jg_dom && x && typeof x.innerHTML != "undefined");
  }
  
  
  
  
  
  function pntDoc()
  {
      this.wnd.document.write(this.htm);
      this.htm = '';
  }
  
  
  
  
  
  function pntCnvDom()
  {
      var x = document.createRange();
      x.setStartBefore(this.cnv);
      x = x.createContextualFragment(this.htm);
      this.cnv.appendChild(x);
      this.htm = '';
  }
  
  
  
  
  
  function pntCnvIe()
  {
      this.cnv.insertAdjacentHTML("BeforeEnd", this.htm);
      this.htm = '';
  }
  
  
  
  
  
  function pntCnvIhtm()
  {
      this.cnv.innerHTML += this.htm;
      this.htm = '';
  }
  
  
  
  
  
  function pntCnv()
  {
      this.htm = '';
  }
  
  
  
  
  
  function mkDiv(x, y, w, h)
  {
      this.htm += '<div style="position:absolute;'+
          'left:' + x + 'px;'+
          'top:' + y + 'px;'+
          'width:' + w + 'px;'+
          'height:' + h + 'px;'+
          'clip:rect(0,'+w+'px,'+h+'px,0);'+
          'overflow:hidden;background-color:' + this.color + ';'+
          '"><\/div>';
  
      //alert(this.htm);
  }
  
  
  
  
  function mkDivPrint(x, y, w, h)
  {
      this.htm += '<div style="position:absolute;'+
          'border-left:' + w + 'px solid ' + this.color + ';'+
          'left:' + x + 'px;'+
          'top:' + y + 'px;'+
          'width:' + w + 'px;'+
          'height:' + h + 'px;'+
          'clip:rect(0,'+w+'px,'+h+'px,0);'+
          'overflow:hidden;background-color:' + this.color + ';'+
          '"><\/div>';
  }
  
  
  
  
  
  function mkLyr(x, y, w, h)
  {
      this.htm += '<layer '+
          'left="' + x + '" '+
          'top="' + y + '" '+
          'width="' + w + '" '+
          'height="' + h + '" '+
          'bgcolor="' + this.color + '"><\/layer>\n';
  }
  
  
  
  
  
  function mkLbl(txt, x, y)
  {
      this.htm += '<div style="position:absolute;white-space:nowrap;'+
          'left:' + x + 'px;'+
          'top:' + y + 'px;'+
          'font-family:' +  this.ftFam + ';'+
          'font-size:' + this.ftSz + ';'+
          'color:' + this.color + ';' + this.ftSty + '">'+
          txt +
          '<\/div>';
  }
  
  
  
  
  
  function mkLin(x1, y1, x2, y2)
  {
      if (x1 > x2)
      {
          var _x2 = x2;
          var _y2 = y2;
          x2 = x1;
          y2 = y1;
          x1 = _x2;
          y1 = _y2;
      }
      var dx = x2-x1, dy = Math.abs(y2-y1),
      x = x1, y = y1,
      yIncr = (y1 > y2)? -1 : 1;
  
      if (dx >= dy)
      {
          var pr = dy<<1,
          pru = pr - (dx<<1),
          p = pr-dx,
          ox = x;
          while ((dx--) > 0)
          {
              ++x;
              if (p > 0)
              {
                  this.mkDiv(ox, y, x-ox, 1);
                  y += yIncr;
                  p += pru;
                  ox = x;
              }
              else p += pr;
          }
          this.mkDiv(ox, y, x2-ox+1, 1);
      }
  
      else
      {
          var pr = dx<<1,
          pru = pr - (dy<<1),
          p = pr-dy,
          oy = y;
          if (y2 <= y1)
          {
              while ((dy--) > 0)
              {
                  if (p > 0)
                  {
                      this.mkDiv(x++, y, 1, oy-y+1);
                      y += yIncr;
                      p += pru;
                      oy = y;
                  }
                  else
                  {
                      y += yIncr;
                      p += pr;
                  }
              }
              this.mkDiv(x2, y2, 1, oy-y2+1);
          }
          else
          {
              while ((dy--) > 0)
              {
                  y += yIncr;
                  if (p > 0)
                  {
                      this.mkDiv(x++, oy, 1, y-oy);
                      p += pru;
                      oy = y;
                  }
                  else p += pr;
              }
              this.mkDiv(x2, oy, 1, y2-oy+1);
          }
      }
  }
  
  
  
  
  
  function mkLin2D(x1, y1, x2, y2)
  {
      if (x1 > x2)
      {
          var _x2 = x2;
          var _y2 = y2;
          x2 = x1;
          y2 = y1;
          x1 = _x2;
          y1 = _y2;
      }
      var dx = x2-x1, dy = Math.abs(y2-y1),
      x = x1, y = y1,
      yIncr = (y1 > y2)? -1 : 1;
  
  
      var s = this.stroke;
      if (dx >= dy)
      {
          if (s-0x3 > 0)
          {
              var _s = (s*dx*Math.sqrt(1+dy*dy/(dx*dx))-dx-(s>>1)*dy) / dx;
              _s = (!(s-0x4)? Math.ceil(_s) : Math.round(_s)) + 1;
          }
          else var _s = s;
          var ad = Math.ceil(s/2);
  
          var pr = dy<<1,
          pru = pr - (dx<<1),
          p = pr-dx,
          ox = x;
          while ((dx--) > 0)
          {
              ++x;
              if (p > 0)
              {
                  this.mkDiv(ox, y, x-ox+ad, _s);
                  y += yIncr;
                  p += pru;
                  ox = x;
              }
              else p += pr;
          }
          this.mkDiv(ox, y, x2-ox+ad+1, _s);
      }
  
      else
      {
          if (s-0x3 > 0)
          {
              var _s = (s*dy*Math.sqrt(1+dx*dx/(dy*dy))-(s>>1)*dx-dy) / dy;
              _s = (!(s-0x4)? Math.ceil(_s) : Math.round(_s)) + 1;
          }
          else var _s = s;
          var ad = Math.round(s/2);
  
          var pr = dx<<1,
          pru = pr - (dy<<1),
          p = pr-dy,
          oy = y;
          if (y2 <= y1)
          {
              ++ad;
              while ((dy--) > 0)
              {
                  if (p > 0)
                  {
                      this.mkDiv(x++, y, _s, oy-y+ad);
                      y += yIncr;
                      p += pru;
                      oy = y;
                  }
                  else
                  {
                      y += yIncr;
                      p += pr;
                  }
              }
              this.mkDiv(x2, y2, _s, oy-y2+ad);
          }
          else
          {
              while ((dy--) > 0)
              {
                  y += yIncr;
                  if (p > 0)
                  {
                      this.mkDiv(x++, oy, _s, y-oy+ad);
                      p += pru;
                      oy = y;
                  }
                  else p += pr;
              }
              this.mkDiv(x2, oy, _s, y2-oy+ad+1);
          }
      }
  }
  
  
  
  
  
  function mkLinDott(x1, y1, x2, y2)
  {
      if (x1 > x2)
      {
          var _x2 = x2;
          var _y2 = y2;
          x2 = x1;
          y2 = y1;
          x1 = _x2;
          y1 = _y2;
      }
      var dx = x2-x1, dy = Math.abs(y2-y1),
      x = x1, y = y1,
      yIncr = (y1 > y2)? -1 : 1,
      drw = true;
      if (dx >= dy)
      {
          var pr = dy<<1,
          pru = pr - (dx<<1),
          p = pr-dx;
          while ((dx--) > 0)
          {
              if (drw) this.mkDiv(x, y, 1, 1);
              drw = !drw;
              if (p > 0)
              {
                  y += yIncr;
                  p += pru;
              }
              else p += pr;
              ++x;
          }
          if (drw) this.mkDiv(x, y, 1, 1);
      }
  
      else
      {
          var pr = dx<<1,
          pru = pr - (dy<<1),
          p = pr-dy;
          while ((dy--) > 0)
          {
              if (drw) this.mkDiv(x, y, 1, 1);
              drw = !drw;
              y += yIncr;
              if (p > 0)
              {
                  ++x;
                  p += pru;
              }
              else p += pr;
          }
          if (drw) this.mkDiv(x, y, 1, 1);
      }
  }
  
  
  
  
  
  function mkOv(left, top, width, height)
  {
      var a = width>>1, b = height>>1,
      wod = width&1, hod = (height&1)+1,
      cx = left+a, cy = top+b,
      x = 0, y = b,
      ox = 0, oy = b,
      aa = (a*a)<<1, bb = (b*b)<<1,
      st = (aa>>1)*(1-(b<<1)) + bb,
      tt = (bb>>1) - aa*((b<<1)-1),
      w, h;
      while (y > 0)
      {
          if (st < 0)
          {
              st += bb*((x<<1)+0x3);
              tt += (bb<<1)*(++x);
          }
          else if (tt < 0)
          {
              st += bb*((x<<1)+0x3) - (aa<<1)*(y-1);
              tt += (bb<<1)*(++x) - aa*(((y--)<<1)-0x3);
              w = x-ox;
              h = oy-y;
              if (w&0x2 && h&0x2)
              {
                  this.mkOvQds(cx, cy, -x+0x2, ox+wod, -oy, oy-1+hod, 1, 1);
                  this.mkOvQds(cx, cy, -x+1, x-1+wod, -y-1, y+hod, 1, 1);
              }
              else this.mkOvQds(cx, cy, -x+1, ox+wod, -oy, oy-h+hod, w, h);
              ox = x;
              oy = y;
          }
          else
          {
              tt -= aa*((y<<1)-0x3);
              st -= (aa<<1)*(--y);
          }
      }
      this.mkDiv(cx-a, cy-oy, a-ox+1, (oy<<1)+hod);
      this.mkDiv(cx+ox+wod, cy-oy, a-ox+1, (oy<<1)+hod);
  }
  
  
  
  
  
  function mkOv2D(left, top, width, height)
  {
      var s = this.stroke;
      width += s-1;
      height += s-1;
      var a = width>>1, b = height>>1,
      wod = width&1, hod = (height&1)+1,
      cx = left+a, cy = top+b,
      x = 0, y = b,
      aa = (a*a)<<1, bb = (b*b)<<1,
      st = (aa>>1)*(1-(b<<1)) + bb,
      tt = (bb>>1) - aa*((b<<1)-1);
  
  
      if (s-0x4 < 0 && (!(s-0x2) || width-0x33 > 0 && height-0x33 > 0))
      {
          var ox = 0, oy = b,
          w, h,
          pxl, pxr, pxt, pxb, pxw;
          while (y > 0)
          {
              if (st < 0)
              {
                  st += bb*((x<<1)+0x3);
                  tt += (bb<<1)*(++x);
              }
              else if (tt < 0)
              {
                  st += bb*((x<<1)+0x3) - (aa<<1)*(y-1);
                  tt += (bb<<1)*(++x) - aa*(((y--)<<1)-0x3);
                  w = x-ox;
                  h = oy-y;
  
                  if (w-1)
                  {
                      pxw = w+1+(s&1);
                      h = s;
                  }
                  else if (h-1)
                  {
                      pxw = s;
                      h += 1+(s&1);
                  }
                  else pxw = h = s;
                  this.mkOvQds(cx, cy, -x+1, ox-pxw+w+wod, -oy, -h+oy+hod, pxw, h);
                  ox = x;
                  oy = y;
              }
              else
              {
                  tt -= aa*((y<<1)-0x3);
                  st -= (aa<<1)*(--y);
              }
          }
          this.mkDiv(cx-a, cy-oy, s, (oy<<1)+hod);
          this.mkDiv(cx+a+wod-s+1, cy-oy, s, (oy<<1)+hod);
      }
  
  
      else
      {
          var _a = (width-((s-1)<<1))>>1,
          _b = (height-((s-1)<<1))>>1,
          _x = 0, _y = _b,
          _aa = (_a*_a)<<1, _bb = (_b*_b)<<1,
          _st = (_aa>>1)*(1-(_b<<1)) + _bb,
          _tt = (_bb>>1) - _aa*((_b<<1)-1),
  
          pxl = new Array(),
          pxt = new Array(),
          _pxb = new Array();
          pxl[0] = 0;
          pxt[0] = b;
          _pxb[0] = _b-1;
          while (y > 0)
          {
              if (st < 0)
              {
                  st += bb*((x<<1)+0x3);
                  tt += (bb<<1)*(++x);
                  pxl[pxl.length] = x;
                  pxt[pxt.length] = y;
              }
              else if (tt < 0)
              {
                  st += bb*((x<<1)+0x3) - (aa<<1)*(y-1);
                  tt += (bb<<1)*(++x) - aa*(((y--)<<1)-0x3);
                  pxl[pxl.length] = x;
                  pxt[pxt.length] = y;
              }
              else
              {
                  tt -= aa*((y<<1)-0x3);
                  st -= (aa<<1)*(--y);
              }
  
              if (_y > 0)
              {
                  if (_st < 0)
                  {
                      _st += _bb*((_x<<1)+0x3);
                      _tt += (_bb<<1)*(++_x);
                      _pxb[_pxb.length] = _y-1;
                  }
                  else if (_tt < 0)
                  {
                      _st += _bb*((_x<<1)+0x3) - (_aa<<1)*(_y-1);
                      _tt += (_bb<<1)*(++_x) - _aa*(((_y--)<<1)-0x3);
                      _pxb[_pxb.length] = _y-1;
                  }
                  else
                  {
                      _tt -= _aa*((_y<<1)-0x3);
                      _st -= (_aa<<1)*(--_y);
                      _pxb[_pxb.length-1]--;
                  }
              }
          }
  
          var ox = 0, oy = b,
          _oy = _pxb[0],
          l = pxl.length,
          w, h;
          for (var i = 0; i < l; i++)
          {
              if (typeof _pxb[i] != "undefined")
              {
                  if (_pxb[i] < _oy || pxt[i] < oy)
                  {
                      x = pxl[i];
                      this.mkOvQds(cx, cy, -x+1, ox+wod, -oy, _oy+hod, x-ox, oy-_oy);
                      ox = x;
                      oy = pxt[i];
                      _oy = _pxb[i];
                  }
              }
              else
              {
                  x = pxl[i];
                  this.mkDiv(cx-x+1, cy-oy, 1, (oy<<1)+hod);
                  this.mkDiv(cx+ox+wod, cy-oy, 1, (oy<<1)+hod);
                  ox = x;
                  oy = pxt[i];
              }
          }
          this.mkDiv(cx-a, cy-oy, 1, (oy<<1)+hod);
          this.mkDiv(cx+ox+wod, cy-oy, 1, (oy<<1)+hod);
      }
  }
  
  
  
  
  
  function mkOvDott(left, top, width, height)
  {
      var a = width>>1, b = height>>1,
      wod = width&1, hod = height&1,
      cx = left+a, cy = top+b,
      x = 0, y = b,
      aa2 = (a*a)<<1, aa4 = aa2<<1, bb = (b*b)<<1,
      st = (aa2>>1)*(1-(b<<1)) + bb,
      tt = (bb>>1) - aa2*((b<<1)-1),
      drw = true;
      while (y > 0)
      {
          if (st < 0)
          {
              st += bb*((x<<1)+0x3);
              tt += (bb<<1)*(++x);
          }
          else if (tt < 0)
          {
              st += bb*((x<<1)+0x3) - aa4*(y-1);
              tt += (bb<<1)*(++x) - aa2*(((y--)<<1)-0x3);
          }
          else
          {
              tt -= aa2*((y<<1)-0x3);
              st -= aa4*(--y);
          }
          if (drw) this.mkOvQds(cx, cy, -x, x+wod, -y, y+hod, 1, 1);
          drw = !drw;
      }
  }
  
  
  
  
  
  function mkRect(x, y, w, h)
  {
      var s = this.stroke;
      this.mkDiv(x, y, w, s);
      this.mkDiv(x+w, y, s, h);
      this.mkDiv(x, y+h, w+s, s);
      this.mkDiv(x, y+s, s, h-s);
  }
  
  
  
  
  
  function mkRectDott(x, y, w, h)
  {
      this.drawLine(x, y, x+w, y);
      this.drawLine(x+w, y, x+w, y+h);
      this.drawLine(x, y+h, x+w, y+h);
      this.drawLine(x, y, x, y+h);
  }
  
  
  
  
  
  function jsgFont()
  {
      this.PLAIN = 'font-weight:normal;';
      this.BOLD = 'font-weight:bold;';
      this.ITALIC = 'font-style:italic;';
      this.ITALIC_BOLD = this.ITALIC + this.BOLD;
      this.BOLD_ITALIC = this.ITALIC_BOLD;
  }
  var Font = new jsgFont();
  
  
  
  
  
  function jsgStroke()
  {
      this.DOTTED = -1;
  }
  var Stroke = new jsgStroke();
  
  
  
  
  
  function jsGraphics(id, wnd)
  {
      this.setColor = new Function('arg', 'this.color = arg;');
  
  
      this.getColor = new Function('return this.color');
  
      this.setStroke = function(x)
      {
          this.stroke = x;
          if (!(x+1))
          {
              this.drawLine = mkLinDott;
              this.mkOv = mkOvDott;
              this.drawRect = mkRectDott;
          }
          else if (x-1 > 0)
          {
              this.drawLine = mkLin2D;
              this.mkOv = mkOv2D;
              this.drawRect = mkRect;
          }
          else
          {
              this.drawLine = mkLin;
              this.mkOv = mkOv;
              this.drawRect = mkRect;
          }
      };
  
  
  
      this.setPrintable = function(arg)
      {
          this.printable = arg;
          this.mkDiv = jg_n4? mkLyr : arg? mkDivPrint : mkDiv;
      };
  
  
  
      this.setFont = function(fam, sz, sty)
      {
          this.ftFam = fam;
          this.ftSz = sz;
          this.ftSty = sty || Font.PLAIN;
      };
  
  
  
      this.drawPolyline = this.drawPolyLine = function(x, y, s)
      {
          var i = x.length-1; while (i >= 0)
              this.drawLine(x[i], y[i], x[--i], y[i]);
      };
  
  
  
      this.fillRect = function(x, y, w, h)
      {
          this.mkDiv(x, y, w, h);
      };
  
  
      this.fillRectPattern = function(x, y, w, h, url)
      {
          this.htm += '<div style="position:absolute;'+
              'left:' + x + 'px;'+
              'top:' + y + 'px;'+
              'width:' + w + 'px;'+
              'height:' + h + 'px;'+
              'clip:rect(0,'+w+'px,'+h+'px,0);'+
              'overflow:hidden;'+
              //'background-color:' + this.color + ';'+
              "background-image: url('" + url + "');"+
              "layer-background-image: url('" + url + "');"+
              'z-index:100;"><\/div>';
          //alert(this.htm);
      }
  
      this.drawHandle = function(x, y, w, h, cursor)
      {
          
          this.htm += '<div style="position:absolute;'+
          'left:' + x + 'px;'+
          'top:' + y + 'px;'+
          'width:' + w + 'px;'+
          'height:' + h + 'px;'+
          'clip:rect(0,'+w+'px,'+h+'px,0);'+
          'padding: 2px;overflow:hidden;'+
          "cursor: '" + cursor + "';"+
          '" class="handleBox" id="' + cursor + '" ><\/div>';
      }
  
      this.drawHandleBox = function(x, y, w, h, cursor)
      {
          
          this.htm += '<div style="position:absolute;'+
          'left:' + x + 'px;'+
          'top:' + y + 'px;'+
          'width:' + w + 'px;'+
          'height:' + h + 'px;'+
          'clip:rect(0,'+(w+2)+'px,'+(h+2)+'px,0);'+
          'overflow:hidden; border: solid 1px '+ this.color+';'+
          "cursor: '" + cursor + "';"+
          '" class="handleBox" id="' + cursor + '" ><\/div>';
  
          
      }
  
      this.drawPolygon = function(x, y)
      {
          this.drawPolyline(x, y);
          this.drawLine(x[x.length-1], y[x.length-1], x[0], y[0]);
      };
  
  
  
      this.drawEllipse = this.drawOval = function(x, y, w, h)
      {
          this.mkOv(x, y, w, h);
      };
  
  
  
      this.fillEllipse = this.fillOval = function(left, top, w, h)
      {
          var a = (w -= 1)>>1, b = (h -= 1)>>1,
          wod = (w&1)+1, hod = (h&1)+1,
          cx = left+a, cy = top+b,
          x = 0, y = b,
          ox = 0, oy = b,
          aa2 = (a*a)<<1, aa4 = aa2<<1, bb = (b*b)<<1,
          st = (aa2>>1)*(1-(b<<1)) + bb,
          tt = (bb>>1) - aa2*((b<<1)-1),
          pxl, dw, dh;
          if (w+1) while (y > 0)
          {
              if (st < 0)
              {
                  st += bb*((x<<1)+0x3);
                  tt += (bb<<1)*(++x);
              }
              else if (tt < 0)
              {
                  st += bb*((x<<1)+0x3) - aa4*(y-1);
                  pxl = cx-x;
                  dw = (x<<1)+wod;
                  tt += (bb<<1)*(++x) - aa2*(((y--)<<1)-0x3);
                  dh = oy-y;
                  this.mkDiv(pxl, cy-oy, dw, dh);
                  this.mkDiv(pxl, cy+oy-dh+hod, dw, dh);
                  ox = x;
                  oy = y;
              }
              else
              {
                  tt -= aa2*((y<<1)-0x3);
                  st -= aa4*(--y);
              }
          }
          this.mkDiv(cx-a, cy-oy, w+1, (oy<<1)+hod);
      };
  
  
  
      this.drawString = mkLbl;
  
  
  
      this.clear = function()
      {
          this.htm = "";
          if (this.cnv) this.cnv.innerHTML = this.defhtm;
          
      };
  
  
  
      this.mkOvQds = function(cx, cy, xl, xr, yt, yb, w, h)
      {
          this.mkDiv(xr+cx, yt+cy, w, h);
          this.mkDiv(xr+cx, yb+cy, w, h);
          this.mkDiv(xl+cx, yb+cy, w, h);
          this.mkDiv(xl+cx, yt+cy, w, h);
      };
  
  
      this.setStroke(1);
      this.setPrintable(false);
      this.setFont('verdana,geneva,helvetica,sans-serif', String.fromCharCode(0x31, 0x32, 0x70, 0x78), Font.PLAIN);
      this.color = '#000000';
      this.htm = '';
      this.wnd = wnd || window;
  
  
      if (!(jg_ie || jg_dom || jg_ihtm)) chkDHTM();
      if (typeof id != 'string' || !id) this.paint = pntDoc;
      else
      {
          this.cnv = document.all? (this.wnd.document.all[id] || null)
              : document.getElementById? (this.wnd.document.getElementById(id) || null)
              : null;
          this.defhtm = (this.cnv && this.cnv.innerHTML)? this.cnv.innerHTML : '';
          this.paint = jg_dom? pntCnvDom : jg_ie? pntCnvIe : jg_ihtm? pntCnvIhtm : pntCnv;
      }
  }
  