/* 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, style)
{
	this.htm += '<div name="jg" style="position:absolute;'+
		'left:' + x + 'px;'+
		'top:' + y + 'px;'+
		'width:' + w + 'px;'+
		'height:' + h + 'px;'+
		'clip:rect(0,'+w+'px,'+h+'px,0);'
		if ( style )
			this.htm = this.htm + 'overflow:hidden;border: 1px ' + style + ' ' + this.color + ';"><\/div>';
		else
			this.htm = this.htm + 'overflow:hidden;background-color:' + this.color + ';"><\/div>';
}

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, xSep, ySep)
{
	if (!xSep) xSep = 0;
	if (!ySep) ySep = 0;
	var s = this.stroke;
	var dia = s * 16;
	var corr = eval(g_truncate((dia-height)/2));
	
	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, xSep, ySep);
				
				ox = x;
				oy = y;
			}
			else
			{
				tt -= aa*((y<<1)-0x3);
				st -= (aa<<1)*(--y);
			}
		}
		this.mkDiv(cx-a, cy-oy, s, (oy<<1)+hod+ySep); // left vertical
		this.mkDiv(cx+a+xSep+wod-s+1, cy-oy, s, (oy<<1)+hod+ySep); // right vertical
		if (xSep) {
			this.mkDiv(cx+wod+s-1, cx-ox, xSep, s); // top horizontal
			this.mkDiv(cx+wod+s-1, height+ySep-s+1, xSep, s); // bottom horizontal
		}
	}


	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, xSep, ySep);
					ox = x;
					oy = pxt[i];
					_oy = _pxb[i];
				}
			}
			else
			{
				x = pxl[i];
				this.mkDiv(cx-x+1, cy-oy, 1, (oy<<1)+hod+ySep); // left vertical
				this.mkDiv(cx+ox+xSep+wod, cy-oy, 1, (oy<<1)+hod+ySep); // right vertical
				
				if (xSep) {
					this.mkDiv(cx+wod, cx-ox, xSep, 1); // top horizontal
					this.mkDiv(cx+wod, cy+height-i+ySep-s+1+corr, xSep, 1); // bottom horizontal
				}
				ox = x;
				oy = pxt[i];
			}
		}
		this.mkDiv(cx+wod, cx-ox, xSep, 1); // top horizontal extension
		this.mkDiv(cx+wod, cy+height-i+ySep+1+corr, xSep, 1); // bottom horizontal extension
		
		this.mkDiv(cx-a, cy-oy, 1, (oy<<1)+hod+ySep); // left vertical extension
		this.mkDiv(cx+ox+xSep+wod, cy-oy, 1, (oy<<1)+hod+ySep); // right vertical extension
				
	}
}



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 mkDashRect(x, y, w, h)
{ // added by WSH 8/12/03
	var s = this.stroke;
	this.color = '#000000';
	this.mkDiv(x, y, w, s, 'dashed');
	this.color = '#FFFFFF';
	this.mkDiv(x+s, y+s, w-s, s, 'dotted');	//inside box
	this.color = '#000000';
	this.mkDiv(x+w, y, s, h, 'dashed');
	this.color = '#FFFFFF';
	this.mkDiv(x+w-s, y+s, s, h-s, 'dotted'); // inside box
	this.color = '#000000';
	this.mkDiv(x, y+h, w+s, s, 'dashed');
	this.color = '#FFFFFF';
	this.mkDiv(x+s, y+h-s, w+s-(2*s), s, 'dotted'); // inside box
	this.color = '#000000';
	this.mkDiv(x, y+s, s, h-s, 'dashed');
	this.color = '#FFFFFF';
	this.mkDiv(x+s, y+s+s, s, h-s-s, 'dotted'); // inside box
}

function mkRect(x, y, w, h)
{
	//alert('mkRect:(' + x + ', ' + y + ') w=' + w + ', h=' + 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.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;
			this.drawDashRect = mkDashRect;
		}
		else
		{
			this.drawLine = mkLin;
			this.mkOv = mkOv;
			this.drawRect = mkRect;
			this.drawDashRect = mkDashRect;
		}
	};

	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.drawPolygon = function(x, y)
	{
		this.drawPolyline(x, y);
		this.drawLine(x[x.length-1], y[x.length-1], x[0], y[0]);
	};

	this.drawRR = function(left, top, width, height, fill) {
		var s = this.stroke;
		var xDia = yDia = s*16;
	
		if (fill) s = 0;
		if (width < xDia) {xDia = width-s;}
		if (height < yDia) {yDia = height-s;}
		//var o=2;
		//this.fillEllipse(left+o, top+o, xDia, yDia, width-xDia-o, height-yDia-o);
		if (fill)
			this.fillEllipse(left, top, xDia, yDia, width-xDia, height-yDia);
		else
			this.mkOv(left, top, xDia, yDia, width-xDia-s, height-yDia-s);
	}
	
	this.fillRR = function(x, y, w, h) {
		this.drawRR(x, y, w, h, true);
	}
	
	this.drawEllipse = this.drawOval = function(x, y, w, h)
	{
		this.mkOv(x, y, w, h);
	};

	this.fillEllipse = this.fillOval = function(left, top, w, h, xSep, ySep)
	{
		if (!xSep) xSep = 0;
		if (!ySep) ySep = 0;
		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+xSep, dh); // top half
				this.mkDiv(pxl, cy+oy-dh+hod+ySep, dw+xSep, dh); // bottom half
				ox = x;
				oy = y;
			}
			else
			{
				tt -= aa2*((y<<1)-0x3);
				st -= aa4*(--y);
			}
		}
		this.mkDiv(cx-a, cy-oy, w+1+xSep, (oy<<1)+hod+ySep); //middle
	};

	this.drawString = mkLbl;
	this.clear = function()
	{
		/*(this.htm = "";
		if (this.cnv) this.cnv.innerHTML = this.defhtm;*/
		/*var divs = this.cnv.getElementsByTagName('DIV');
		for (var j=0; j < divs.length; j++)
			divs[j].parentNode.removeChild(divs[j]);*/
		//alert(divs.length);
		//alert(this.cnv.innerHTML);
		//alert(this.cnv.innerHTML);
		this.cnv.innerHTML = ' ';
	};

	this.mkOvQds = function(cx, cy, xl, xr, yt, yb, w, h, xSep, ySep)
	{
		if (!xSep) xSep=0;
		if (!ySep) ySep=0;
		this.mkDiv(xr+cx+xSep, yt+cy, w, h);	//upper right
		this.mkDiv(xr+cx+xSep, yb+cy+ySep, w, h); // lower right
		this.mkDiv(xl+cx, yb+cy+ySep, w, h); // lower left
		this.mkDiv(xl+cx, yt+cy, w, h); //upper left
	};
	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
	{
		//alert(id);
		this.cnv = document.all? (this.wnd.document.all[id] || null)
			: document.getElementById? (this.wnd.document.getElementById(id) || null)
			: null;
		/*alert(this.cnv.id);
		alert(this.cnv.nodeName);*/
		
		if (this.cnv && this.cnv.firstChild) this.cnv = this.cnv.firstChild;
		//this.cnv = id;
		//alert('innerHTML' + this.cnv);
		//	this.cnv = this.cnv.firstChild;		// !!!WSH
		this.defhtm = (this.cnv && this.cnv.innerHTML)? this.cnv.innerHTML : '';
		this.paint = jg_dom? pntCnvDom : jg_ie? pntCnvIe : jg_ihtm? pntCnvIhtm : pntCnv;
	}
}

function myDrawLine(item, jg, height, width, slope, arrow, thickness) {
	//alert('myDrawLine: ' + height + 'h by ' + width + 'w');
	//height = height - 3; // adjustment by 3 seems to help line, line up
	//width = width - 3;
	var adj_width = width;
	var adj_height = height;
	var xoffset = 0, yoffset=0, special=0;
	if (width+thickness<=16) {
		xoffset = Math.round(width / 2);
		//width = 0;*/
		adj_width = Math.round(width / 2);
		//adj_width = 0;
		//xoffset = Math.round(width / 2);
		//alert('horizontal:' + item.id);
		special = 1;
	}
	if (height+thickness<=16) {
		yoffset = Math.round(height / 2);
		//height = 0;
		adj_height = Math.round(height / 2);
		//adj_height = 0;
		special = 2;
		//alert('vertical:' + item.id);
	}
	item.style.overflow = 'visible';
	if (slope > 0) { //positive
		jg.drawLine(xoffset, adj_height, adj_width, yoffset);
		drawArrow(jg, arrow, thickness, (special == 1 ? 0 : adj_width), (special == 2 ? 0 : adj_height), slope, xoffset, yoffset);
	} else {
		jg.drawLine(xoffset,yoffset,adj_width, adj_height );
		drawArrow(jg, arrow, thickness, (special == 1 ? 0 : adj_width), (special == 2 ? 0 : adj_height), slope, xoffset, yoffset);
	}
}
function drawArrow(jg, arrow, thickness, x1, y1, slope, xoffset, yoffset) {
	//arrow = 0: no arrows, arrow = 1: front, arrow = 2: back, arrow = 3: both
	var a1, a2, x2, y2, a3, x3, y3;
		var c2=thickness*6+4;
		//var k = 0.2617994; // 15 degrees
		var k = 0.3490658; // 20 degrees
		var back = (arrow == 3 || arrow == 2);
		var front = (arrow == 3 || arrow == 1);
		
			a1 = Math.atan(y1/x1);
			a2 = a1 + k;
			x2 = Math.cos(a2) * c2;
			y2 = Math.sin(a2) * c2;
			a3 = a1 - k;
			x3 = Math.cos(a3) * c2;
			y3 = Math.sin(a3) * c2;
			if (back && slope) {
				//if (xoffset > 0 || yoffset > 0)  alert('A');
				jg.drawLine(x1+xoffset, 0+yoffset, x1-x2+xoffset, y2+yoffset); //this is odd line
				jg.drawLine(x1+xoffset, 0+yoffset, x1-x3+xoffset, y3+yoffset);
			} else if (back) {
				//if (xoffset > 0 || yoffset > 0)  alert('B');
				jg.drawLine(x1+xoffset, y1+yoffset, x1-x2+xoffset, y1-y2+yoffset);
				jg.drawLine(x1+xoffset, y1+yoffset, x1-x3+xoffset, y1-y3+yoffset);
			}
			if (front && slope) {
				//if (xoffset > 0 || yoffset > 0)  alert('C');
				jg.drawLine(0+xoffset, y1+yoffset, x2+xoffset, y1-y2+yoffset);
				jg.drawLine(0+xoffset, y1+yoffset, x3+xoffset, y1-y3+yoffset );				
			} else if (front) {
				//if (xoffset > 0 || yoffset > 0) alert('D');
				jg.drawLine(0+xoffset, 0+yoffset, x2+xoffset, y2+yoffset);
				jg.drawLine(0+xoffset, 0+yoffset, x3+xoffset, y3+yoffset);
			}
	}
	
	function g_truncate(value) {
		var precision = 3;
		var whole = "" + Math.round(value * Math.pow(10, precision));
		var decPoint = whole.length - precision;
		if (decPoint != 0) {
			result = whole.substring(0, decPoint);
          } else {
			result = whole;
        }
		 if (!result) return 0;
		return ((result >= 0) ? result : 0);
	}