/* DrawingContext.js
 *
 * Author: Dmitry.Sokolov@avsmedia.net
 * Date:   Nov 21, 2011
 */
(function (/** jQuery */$, /** Window */window, undefined) {

/*
 * Import
 * -----------------------------------------------------------------------------
 */

var asc = window["Asc"];
var asc_round = asc.round;
var asc_floor = asc.floor;
var asc_typeof = asc.typeOf;


var lastColor = undefined,
    lastResult = null,
    reColor = /^\s*(?:#?([0-9a-f]{6})|#?([0-9a-f]{3})|rgba?\s*\(\s*((?:\d*\.?\d+)(?:\s*,\s*(?:\d*\.?\d+)){2,3})\s*\))\s*$/i;

/**
 * Parses text string or number to get css color
 * @param {String|Number} c  Color
 */
function parseColor(c) {
	if (lastColor === c) {return lastResult;}

	var bin, m, x, type, r, g, b, a, css, s, rgb, rgba;

	if (asc_typeof(c) === "number") {

		type = 4;
		r = (c >> 16) & 0xFF;
		g = (c >> 8) & 0xFF;
		b = c & 0xFF;
		a = 1;
		bin = c;

	} else {

		m = reColor.exec(c);
		if (!m) {return null;}

		if (m[1]) {
			x = [ m[1].slice(0, 2), m[1].slice(2, 4), m[1].slice(4) ];
			type = 1;
		} else if (m[2]) {
			x = [ m[2].slice(0, 1), m[2].slice(1, 2), m[2].slice(2) ];
			type = 0;
		} else {
			x = m[3].split(/\s*,\s*/i);
			type = x.length === 3 ? 2 : 3;
		}

		r = parseInt(type !== 0 ? x[0] : x[0] + x[0], type < 2 ? 16 : 10);
		g = parseInt(type !== 0 ? x[1] : x[1] + x[1], type < 2 ? 16 : 10);
		b = parseInt(type !== 0 ? x[2] : x[2] + x[2], type < 2 ? 16 : 10);
		a = type === 3 ? (asc_round(parseFloat(x[3]) * 100) * 0.01) : 1;
		bin = (r << 16) | (g << 8) | b;

	}

	css = bin.toString(16);
	while (css.length < 6) {css = "0" + css;}
	css = "#" + css;

	s = r + ", " + g + ", " + b;
	rgb = "rgb(" + s + ")";
	rgba = "rgba(" + s + ", " + a + ")";

	lastColor = c;
	lastResult = {
		r: r,
		g: g,
		b: b,
		a: a,
		rgb:   rgb,
		rgba:  rgba,
		color: css,
		origColor: type < 2 ? css : (type === 2 ? rgb : (type === 3 ? rgba : bin)),
		origType:  type /* 0 = '#abc' form; 1 = '#aabbcc' form; 2 = 'rgb(r,g,b)' form; 3 = 'rgba(r,g,b,a)' form; 4 = 0xRRGGBB form */,
		binary: bin
	};
	return lastResult;
}

var gLastColor = null,
    gLastResult = null;

function numberToCSSColor(s) {
	if (gLastColor === c) {return gLastResult;}
	var c = s.toString(16);
	while (c.length < 6) {c = "0" + c;}
	gLastColor = s;
	gLastResult = "#" + c;
	return gLastResult;
}

function numberToAscColor(n) {
	var r = (n >> 16) & 0xff;
	var g = (n >> 8) & 0xff;
	var b = n & 0xff;
	return CreateAscColorCustom(r, g, b);
}

function colorObjToAscColor(color) {
	var oRes = null;
	var n = color.getRgb();
	var r = (n >> 16) & 0xff;
	var g = (n >> 8) & 0xff;
	var b = n & 0xff;
	var bTheme = false;
	if(color instanceof ThemeColor && null != color.theme)
	{
		var array_colors_types = [6, 15, 7, 16, 0, 1, 2, 3, 4, 5];
		var themePresentation = array_colors_types[color.theme];
		var tintExcel = 0;
		if(null != color.tint)
			tintExcel = color.tint;
		var tintPresentation = 0;
		var oThemeColorTint = g_oThemeColorTint[color.theme];
		if(null != oThemeColorTint)
		{
			for(var i = 0 , length = oThemeColorTint.length; i < length; ++i)
			{
				var cur = oThemeColorTint[i];
				//0.005 установлено экспериментально
				if(Math.abs(cur - tintExcel) < 0.005)
				{
					bTheme = true;
					tintPresentation = i;
					break;
				}
			}
		}
		if(bTheme)
		{
			oRes = new CAscColor();
			oRes.r = r;
			oRes.g = g;
			oRes.b = b;
			oRes.a = 255;
			oRes.type = c_oAscColor.COLOR_TYPE_SCHEME;
			oRes.value = themePresentation;
		}
	}
	if(false == bTheme)
		oRes = CreateAscColorCustom(r, g, b);
	return oRes;
}

var oldPpi = undefined,
    cvt = undefined;

/**
 * Gets ratio to convert units
 * @param {Number} fromUnits  Units (0=px, 1=pt, 2=in, 3=mm)
 * @param {Number} toUnits    Units (0=px, 1=pt, 2=in, 3=mm)
 * @param {Number} ppi        Points per inch
 * @return {Number}  Ratio
 */
function getCvtRatio(fromUnits, toUnits, ppi) {
	if (ppi !== oldPpi || oldPpi === undefined) {
		var _ppi  = 1 / ppi,
		    _72   = 1 / 72,
		    _25_4 = 1 / 25.4;
		cvt = [
			     /*    px          pt       in        mm    */
			/*px*/[         1,   72*_ppi,   _ppi,  25.4*_ppi ],
			/*pt*/[   ppi*_72,         1,    _72,   25.4*_72 ],
			/*in*/[       ppi,        72,      1,       25.4 ],
			/*mm*/[ ppi*_25_4,  72*_25_4,  _25_4,          1 ]
		];
		oldPpi = ppi;
	}
	return cvt[fromUnits][toUnits];
}

/**
 * Округляет текущее значение в pt таким образом, чтобы при переводе его в px при указанном DPI получалось
 * целое число пикселей
 * @param {type} origPt
 * @param {type} ppi
 * @param {type} pxAddon
 * @returns {Number}
 */
function calcNearestPt(origPt, ppi, pxAddon) {
	var a = pxAddon !== undefined ? pxAddon : 0,
	    x = origPt * ppi / 72,
	    y = x | x,
	    p = x - y < .000000001 ? 0 : 1; // to fix float number precision caused by binary presentation
	return (y + p + a) / ppi * 72;
}

function getOption(opt, name, def) {
	return opt !== undefined && opt[name] !== undefined ? opt[name] : def;
}

function deg2rad(deg){
	return deg * Math.PI / 180.0;
}

function rad2deg(rad){
	return rad * 180.0 / Math.PI;
}



/** @const */
var MATRIX_ORDER_PREPEND = 0,
    MATRIX_ORDER_APPEND  = 1;

/**
 * @constructor
 */
function Matrix() {
	if ( !(this instanceof Matrix) ) {
		return new Matrix();
	}

	this.sx  = 1.0;
	this.shx = 0.0;
	this.shy = 0.0;
	this.sy  = 1.0;
	this.tx  = 0.0;
	this.ty  = 0.0;

	return this;
}

Matrix.prototype = {

	/** @type Matrix */
	constructor: Matrix,

	reset: function () {
		this.sx  = 1.0;
		this.shx = 0.0;
		this.shy = 0.0;
		this.sy  = 1.0;
		this.tx  = 0.0;
		this.ty  = 0.0;
	},

	assign: function (sx, shx, shy, sy, tx, ty) {
		this.sx  = sx;
		this.shx = shx;
		this.shy = shy;
		this.sy  = sy;
		this.tx  = tx;
		this.ty  = ty;
	},

	copyFrom: function (matrix) {
		this.sx  = matrix.sx;
		this.shx = matrix.shx;
		this.shy = matrix.shy;
		this.sy  = matrix.sy;
		this.tx  = matrix.tx;
		this.ty  = matrix.ty;
	},

	clone: function () {
		var m = new Matrix();
		m.copyFrom(this);
		return m;
	},

	multiply: function (matrix, order) {
		if (MATRIX_ORDER_PREPEND === order) {
			var m = matrix.clone();
			m.multiply(this, MATRIX_ORDER_APPEND);
			this.copyFrom(m);
		} else {
			var t0   = this.sx  * matrix.sx  + this.shy * matrix.shx;
			var t2   = this.shx * matrix.sx  + this.sy  * matrix.shx;
			var t4   = this.tx  * matrix.sx  + this.ty  * matrix.shx + matrix.tx;
			this.shy = this.sx  * matrix.shy + this.shy * matrix.sy;
			this.sy  = this.shx * matrix.shy + this.sy  * matrix.sy;
			this.ty  = this.tx  * matrix.shy + this.ty  * matrix.sy + matrix.ty;
			this.sx  = t0;
			this.shx = t2;
			this.tx  = t4;
		}
	},

	translate: function (x, y, order) {
		var m = new Matrix();
		m.tx  = x;
		m.ty  = y;
		this.multiply(m, order);
	},

	scale: function (x, y, order) {
		var m = new Matrix();
		m.sx  = x;
		m.sy  = y;
		this.multiply(m, order);
	},

	rotate: function (a, order) {
		var m = new Matrix();
		var rad = deg2rad(a);
		m.sx  = Math.cos(rad);
		m.shx = Math.sin(rad);
		m.shy = -Math.sin(rad);
		m.sy  = Math.cos(rad);
		this.multiply(m, order);
	},

	rotateAt: function (a, x, y, order) {
		this.translate(-x, -y, order);
		this.rotate(a, order);
		this.translate(x, y, order);
	},

	determinant: function () {
		return this.sx * this.sy - this.shy * this.shx;
	},

	invert: function () {
		var det = this.determinant();
		if (0.0001 > det) {return;}
		var d = 1 / det;

		var t0 = this.sy * d;
		this.sy =  this.sx * d;
		this.shy = -this.shy * d;
		this.shx = -this.shx * d;

		var t4 = -this.tx * t0  - this.ty * this.shx;
		this.ty = -this.tx * this.shy - this.ty * this.sy;

		this.sx = t0;
		this.tx = t4;
	},

	transformPointX: function (x, y) {
		return x * this.sx  + y * this.shx + this.tx;
	},

	transformPointY: function (x, y) {
		return x * this.shy + y * this.sy  + this.ty;
	},

	/** Calculates rotation angle */
	getRotation: function () {
		var x1 = 0.0;
		var y1 = 0.0;
		var x2 = 1.0;
		var y2 = 0.0;
		this.transformPoint(x1, y1);
		this.transformPoint(x2, y2);
		var a = Math.atan2(y2-y1, x2-x1);
		return rad2deg(a);
	}

};



/**
 * Creates font properties
 * -----------------------------------------------------------------------------
 * @constructor
 * @param {String} family     Font family
 * @param {Number} size       Font size
 * @param {Boolean} bold      Font style - bold
 * @param {Boolean} italic    Font style - italic
 * @param {String} underline  Font style - type of underline
 * @param {String} strikeout  Font style - type of strike-out
 *
 * @memberOf Asc
 */
function FontProperties(family, size, bold, italic, underline, strikeout) {
	if ( !(this instanceof FontProperties) ) {
		return new FontProperties(family, size, bold, italic, underline, strikeout);
	}

	this.FontFamily = {Name: family, Index: -1, Angle : 0};
	this.FontSize   = size;
	this.Bold       = !!bold;
	this.Italic     = !!italic;
	this.Underline  = underline;
	this.Strikeout  = strikeout;

	return this;
}

FontProperties.prototype = {

	/** @type FontProperties */
	constructor: FontProperties,

	/**
	 * Assigns font preperties from another object
	 * @param {FontProperties} font
	 */
	copyFrom: function (font) {
		this.FontFamily.Name  = font.FontFamily.Name;
		this.FontFamily.Index = font.FontFamily.Index;
		this.FontSize  = font.FontSize;
		this.Bold      = font.Bold;
		this.Italic    = font.Italic;
		this.Underline = font.Underline;
		this.Strikeout = font.Strikeout;
	},

	/** @return {FontProperties} */
	clone: function () {
		return new FontProperties(this.FontFamily.Name, this.FontSize,
				this.Bold, this.Italic, this.Underline, this.Strikeout);
	},

	isEqual: function (font) {
		return font !== undefined &&
		       this.FontFamily.Name.toLowerCase() === font.FontFamily.Name.toLowerCase() &&
		       this.FontSize === font.FontSize &&
		       this.Bold === font.Bold &&
		       this.Italic === font.Italic;
	}

};



/**
 * Creates text metrics
 * -----------------------------------------------------------------------------
 * @constructor
 * @param {Number} width
 * @param {Number} height
 * @param {Number} lineHeight
 * @param {Number} baseline
 * @param {Number} descender
 * @param {Number} fontSize
 * @param {Number} centerline
 * @param {Number} widthBB
 *
 * @memberOf Asc
 */
function TextMetrics(width, height, lineHeight, baseline, descender, fontSize, centerline, widthBB) {
	if ( !(this instanceof TextMetrics) ) {
		return new TextMetrics(width, height, lineHeight, baseline, descender, fontSize, centerline, widthBB);
	}

	this.width      = width !== undefined ? width : 0;
	this.height     = height !== undefined ? height : 0;
	this.lineHeight = lineHeight !== undefined ? lineHeight : 0;
	this.baseline   = baseline !== undefined ? baseline : 0;
	this.descender  = descender !== undefined ? descender : 0;
	this.fontSize   = fontSize !== undefined ? fontSize : 0;
	this.centerline = centerline !== undefined ? centerline : 0;
	this.widthBB    = widthBB !== undefined ? widthBB : 0;

	return this;
}



/**
 * Creates font metrics
 * -----------------------------------------------------------------------------
 * @constructor
 * @param {Number} ascender
 * @param {Number} descender
 * @param {Number} lineGap
 *
 * @memberOf Asc
 */
function FontMetrics(ascender, descender, lineGap) {
	if ( !(this instanceof FontMetrics) ) {
		return new FontMetrics(ascender, descender, lineGap);
	}

	this.ascender  = ascender !== undefined ? ascender : 0;
	this.descender = descender !== undefined ? descender : 0;
	this.lineGap   = lineGap !== undefined ? lineGap : 0;

	return this;
}



/**
 * Emulates scalable canvas context
 * -----------------------------------------------------------------------------
 * @constructor
 * @param {Object} settings  Settings : {
 *   canvas : HTMLElement
 *   units  : units (0=px, 1=pt, 2=in, 3=mm)
 *   font   : FontProperties
 * }
 *
 * @memberOf Asc
 */
function DrawingContext(settings) {
	if ( !(this instanceof DrawingContext) ) {
		return new DrawingContext(settings);
	}

	if (undefined !== settings)
		this.setCanvas(settings.canvas);

	var ppiTest =
			$('<div style="position: absolute; width: 10in; height:10in; visibility:hidden; padding:0;"/>')
			.appendTo("body");
	this.ppiX = asc_round(ppiTest[0].offsetWidth * 0.1);
	this.ppiY = asc_round(ppiTest[0].offsetHeight * 0.1);
	ppiTest.remove();

	this._mct  = new Matrix();  // units transform
	this._mt   = new Matrix();  // user transform
    this._mbt  = new Matrix();  // bound transform
	this._mft  = new Matrix();  // full transform
	this._mift = new Matrix();  // inverted full transform
    this._im   = new Matrix();

	this.scaleFactor = 1;

	this._1px_x = getCvtRatio(0/*px*/, 3/*mm*/, this.ppiX);
	this._1px_y = getCvtRatio(0/*px*/, 3/*mm*/, this.ppiY);
	this.units  = 3/*mm*/;
	this.changeUnits( settings !== undefined && settings.units !== undefined ? settings.units : this.units );

	this.fmgrGraphics = undefined !== settings.fmgrGraphics ? settings.fmgrGraphics : null;
	if (null === this.fmgrGraphics) {return null;}

	/** @type FontProperties */
	this.font = settings !== undefined && settings.font !== undefined ? settings.font : new FontProperties("Arial", 11);

	this.fillColor = {r: 255, g: 255, b: 255, a: 255};
    return this;
}

DrawingContext.prototype = {

	/** @type DrawingContext */
	constructor: DrawingContext,

	/**
	 * Returns width of drawing context in current units
	 * @param {Number} units  Единицы измерения (0=px, 1=pt, 2=in, 3=mm) в которых будет возвращена ширина
	 * @return {Number}
	 */
	getWidth: function (units) {
		var i = units >= 0 && units <=3 ? units : this.units;
		return this.canvas[0].width * getCvtRatio(0/*px*/, i, this.ppiX);
	},

	/**
	 * Returns height of drawing context in current units
	 * @param {Number} units  Единицы измерения (0=px, 1=pt, 2=in, 3=mm) в которых будет возвращена высота
	 * @return {Number}
	 */
	getHeight: function (units) {
		var i = units >= 0 && units <=3 ? units : this.units;
		return this.canvas[0].height * getCvtRatio(0/*px*/, i, this.ppiY);
	},

	/**
	 * Returns canvas element
	 * @type {Element}
	 */
	getCanvas: function () {
		return this.canvas[0];
	},

	/**
	 *
	 * @param canvas
	 */
	setCanvas: function (canvas) {
		var c = canvas !== undefined ? canvas : null;
		if (c === null) {return;}
		this.canvas = $(c);
		this.ctx = c.getContext("2d");
		if (this.ctx.mozImageSmoothingEnabled) {
			this.ctx.mozImageSmoothingEnabled = false;
		}
	},

	/**
	 * Returns pixels per inch ratio
	 * @type {Number}
	 */
	getPPIX: function () {
		return this.ppiX;
	},

	/**
	 * Returns pixels per inch ratio
	 * @type {Number}
	 */
	getPPIY: function () {
		return this.ppiY;
	},

	/**
	 * Returns currrent units (0=px, 1=pt, 2=in, 3=mm)
	 * @type {Number}
	 */
	getUnits: function () {
		return this.units;
	},

	/**
	 * Changes units of drawing context
	 * @param {Number} units  New units of drawing context (0=px, 1=pt, 2=in, 3=mm)
	 */
	changeUnits: function (units) {
		var i = units >= 0 && units <=3 ? units : 0;
		this._mct.sx = getCvtRatio(i, 0/*px*/, this.ppiX);
		this._mct.sy = getCvtRatio(i, 0/*px*/, this.ppiY);
		this._calcMFT();
		this._1px_x = getCvtRatio(0/*px*/, i, this.ppiX);
		this._1px_y = getCvtRatio(0/*px*/, i, this.ppiY);
		this.units = units;
		return this;
	},

	/**
	 * Returns currrent zoom ratio
	 * @type {Number}
	 */
	getZoom: function () {
		return this.scaleFactor;
	},

	/**
	 * Changes scale factor of drawing context by changing its PPI
	 * @param {Number} factor
	 */
	changeZoom: function (factor) {
		if (factor <= 0) {throw "Scale factor must be >= 0";}

		factor = asc_round(factor * 1000) / 1000;

		this.ppiX = asc_round(this.ppiX / this.scaleFactor * factor * 1000) / 1000;
		this.ppiY = asc_round(this.ppiY / this.scaleFactor * factor * 1000) / 1000;
		this.scaleFactor = factor;

		// reinitialize
		this.changeUnits(this.units);
		this.setFont(this.font);

		return this;
	},

	/**
	 * Resets dimensions of drawing context (canvas 'width' and 'height' attributes)
	 * @param {Number} width   New width in current units
	 * @param {Number} height  New height in current units
	 */
	resetSize: function (width, height) {
		var w = asc_round( width  * getCvtRatio(this.units, 0/*px*/, this.ppiX) ),
		    h = asc_round( height * getCvtRatio(this.units, 0/*px*/, this.ppiY) );
		if (w !== this.canvas[0].width) {
			this.canvas[0].width = w;
		}
		if (h !== this.canvas[0].height) {
			this.canvas[0].height = h;
		}
		return this;
	},

	/**
	 * Expands dimensions of drawing context (canvas 'width' and 'height' attributes)
	 * @param {Number} width   New width in current units
	 * @param {Number} height  New height in current units
	 */
	expand: function (width, height) {
		var w = asc_round( width  * getCvtRatio(this.units, 0/*px*/, this.ppiX) ),
		    h = asc_round( height * getCvtRatio(this.units, 0/*px*/, this.ppiY) );
		if (w > this.canvas[0].width) {
			this.canvas[0].width = w;
		}
		if (h > this.canvas[0].height) {
			this.canvas[0].height = h;
		}
		return this;
	},

	// Canvas methods

	clear: function () {
		this.clearRect(0, 0, this.getWidth(), this.getHeight());
		return this;
	},

	save: function () {
		this.ctx.save();
		return this;
	},

	restore: function () {
		this.ctx.restore();
		return this;
	},

	scale: function (kx, ky) {
		//TODO: implement scale()
		return this;
	},

	rotate: function (a) {
		//TODO: implement rotate()
		return this;
	},

	translate: function (dx, dy) {
		//TODO: implement translate()
		return this;
	},

	transform: function (sx, shy, shx, sy, tx, ty) {
		//TODO: implement transform()
		return this;
	},

    setTransform: function(sx, shy, shx, sy, tx, ty) {
        this._mbt.assign(sx, shx, shy, sy, tx, ty);
        return this;
    },

    setTextTransform: function(sx, shy, shx, sy, tx, ty) {
        this._mt.assign(sx, shx, shy, sy, tx, ty);
        return this;
    },

    updateTransforms: function() {
        this._calcMFT();
        this.fmgrGraphics[1].SetTextMatrix(
            this._mt.sx, this._mt.shy, this._mt.shx, this._mt.sy, this._mt.tx, this._mt.ty);
    },

    resetTransforms: function(){
        this.setTransform(this._im.sx, this._im.shy, this._im.shx, this._im.sy, this._im.tx, this._im.ty);
        this.setTextTransform(this._im.sx, this._im.shy, this._im.shx, this._im.sy, this._im.tx, this._im.ty);
        this._calcMFT();
    },

	// Style methods

	getFillStyle: function () {
		return this.ctx.fillStyle;
	},

	getStrokeStyle: function () {
		return this.ctx.strokeStyle;
	},

	getLineWidth: function () {
		return this.ctx.lineWidth;
	},

	getLineCap: function () {
		return this.ctx.lineCap;
	},

	getLineJoin: function () {
		return this.ctx.lineJoin;
	},

	setFillStyle: function (val) {
		var c = parseColor(val);
		this.fillColor = {r: c.r, g: c.g, b: c.b, a: asc_floor(c.a * 255)};
		this.ctx.fillStyle = c.rgba;
		return this;
	},

	setFillPattern: function (val) {
		this.ctx.fillStyle = val;
		return this;
	},

	setStrokeStyle: function (val) {
		this.ctx.strokeStyle = val;
		return this;
	},

	setLineWidth: function (width) {
		this.ctx.lineWidth = width;
		return this;
	},

	setLineCap: function (cap) {
		this.ctx.lineCap = cap;
		return this;
	},

	setLineJoin: function (join) {
		this.ctx.lineJoin = join;
		return this;
	},

	fillRect: function (x, y, w, h) {
		var r = this._calcRect(x, y, w, h);
		this.ctx.fillRect(r.x, r.y, r.w, r.h);
		return this;
	},

	strokeRect: function (x, y, w, h) {
		var r = this._calcRect(x, y, w, h);
		this.ctx.strokeRect(r.x+0.5, r.y+0.5, r.w-1, r.h-1);
		return this;
	},

	clearRect: function (x, y, w, h) {
		var r = this._calcRect(x, y, w, h);
		this.ctx.clearRect(r.x, r.y, r.w, r.h);
		return this;
	},

	// Font and text methods

	getFont: function () {
		return this.font.clone();
	},

	getFontFamily: function () {
		return this.font.FontFamily.Name;
	},

	getFontSize: function () {
		return this.font.FontSize;
	},

	/**
	 * @param {Number} units  Units of result (0=px, 1=pt, 2=in, 3=mm)
	 * @return {FontMetrics}
	 */
	getFontMetrics: function (units) {
		var fm = this.fmgrGraphics[0],
		    d  = Math.abs(fm.m_lDescender),
		    r  = getCvtRatio(0/*px*/, units >= 0 && units <=3 ? units : this.units, this.ppiX),
		    factor = this.getFontSize() * r / fm.m_lUnits_Per_Em;
		return new FontMetrics(
			factor * fm.m_lAscender,
			factor * d,
			factor * (fm.m_lLineHeight - fm.m_lAscender - d)
		);
	},

    setFont: function (font, angle) {
        var italic, bold, fontStyle, r;

        if (font.FontFamily.Index === undefined ||
            font.FontFamily.Index === null ||
            font.FontFamily.Index === -1) {
            font.FontFamily.Index = g_map_font_index[font.FontFamily.Name];
        }

        this.font.copyFrom(font);

        italic = true === font.Italic;
        bold   = true === font.Bold;

        fontStyle = FontStyle.FontStyleRegular;
        if ( !italic && bold )
            fontStyle = FontStyle.FontStyleBold;
        else if ( italic && !bold )
            fontStyle = FontStyle.FontStyleItalic;
        else if ( italic && bold )
            fontStyle = FontStyle.FontStyleBoldItalic;

        if (angle && 0 != angle) {
            r = g_font_infos[ font.FontFamily.Index ].LoadFont(
                g_font_loader, this.fmgrGraphics[1], font.FontSize, fontStyle, this.ppiX, this.ppiY);

            this.fmgrGraphics[1].SetTextMatrix(
                this._mt.sx, this._mt.shy, this._mt.shx, this._mt.sy, this._mt.tx, this._mt.ty);
        } else {
            r = g_font_infos[ font.FontFamily.Index ].LoadFont(
                g_font_loader, this.fmgrGraphics[0], font.FontSize, fontStyle, this.ppiX, this.ppiY);
        }

        if (r === false) {
            throw "Can not use " + font.FontFamily.Name + " font. (Check whether font file is loaded)";
        }

        return this;
    },

	/**
	 * Returns dimensions of first char of string
	 * @param {String} text   Character to measure
	 * @param {Number} units  Units (0 = px, 1 = pt, 2 = in, 3 = mm)
	 * @return {TextMetrics}  Returns the char dimension
	 */
	measureChar: function (text, units) {
		return this.measureText(text.charAt(0), units);
	},

	/**
	 * Returns dimensions of string
	 * @param {String} text   String to measure
	 * @param {Number} units  Units (0 = px, 1 = pt, 2 = in, 3 = mm)
	 * @return {TextMetrics}  Returns the dimension of string {width: w, height: h}
	 */
	measureText: function (text, units) {
		var fm = this.fmgrGraphics[0],
		    r  = getCvtRatio(0/*px*/, units >= 0 && units <=3 ? units : this.units, this.ppiX);
		for (var tmp, w = 0, w2 = 0, i = 0; i < text.length; ++i) {
			tmp = fm.MeasureChar( text.charCodeAt(i) );
			w += tmp.fAdvanceX;
		}
		w2 = w - tmp.fAdvanceX + tmp.oBBox.fMaxX - tmp.oBBox.fMinX + 1;
		return this._calcTextMetrics(w * r, w2 * r, fm, r);
	},
	
	getHeightText: function()
    {
        var fm = this.fmgrGraphics[0];
		var UnitsPerEm = fm.m_lUnits_Per_Em;
        var Height     = fm.m_lLineHeight;
		var setUpSize  = this.font.FontSize;
        return Height * setUpSize / UnitsPerEm;
    },
	
	fillText: function (text, x, y, maxWidth, charWidths, angle) {
		function fillGlyph(pGlyph,fmgr) {
			var nW = pGlyph.oBitmap.nWidth;
			var nH = pGlyph.oBitmap.nHeight;

			if ( !(nW > 0 && nH > 0) ) {return;}

			var nX = asc_floor(fmgr.m_oGlyphString.m_fX + pGlyph.fX + pGlyph.oBitmap.nX);
			var nY = asc_floor(fmgr.m_oGlyphString.m_fY + pGlyph.fY - pGlyph.oBitmap.nY);

			if (window.g_isMobileVersion) {
				// Special for iPad (5.1)

				var _r = this.fillColor.r;
				var _g = this.fillColor.g;
				var _b = this.fillColor.b;

				if (!_r && !_g && !_b) {
					this.ctx.drawImage(pGlyph.oBitmap.oGlyphData.m_oCanvas, 0, 0, nW, nH, nX, nY, nW, nH);
				} else {
					var canvD = $("<canvas width='"+nW+"' height='"+nH+"'/>")[0];
					var ctxD = canvD.getContext("2d");
					var pixDst = ctxD.getImageData(0, 0, nW, nH);
					var dstP = pixDst.data;
					var data = pGlyph.oBitmap.oGlyphData.m_oContext.getImageData(0, 0, nW, nH);
					var dataPx = data.data;
					var cur = 0;
					var cnt = 4 * nW * nH;
					for (var i = 3; i < cnt; i += 4) {
						dstP[cur++] = _r;
						dstP[cur++] = _g;
						dstP[cur++] = _b;
						dstP[cur++] = dataPx[i];
					}
					ctxD.putImageData(pixDst, 0, 0, 0, 0, nW, nH);
					this.ctx.drawImage(canvD, 0, 0, nW, nH, nX, nY, nW, nH);
				}
			} else {
				pGlyph.oBitmap.oGlyphData.checkColor(this.fillColor.r, this.fillColor.g, this.fillColor.b, nW, nH);
                pGlyph.oBitmap.draw(this.ctx, nX, nY);
			}
		}

        var manager = angle ? this.fmgrGraphics[1] : this.fmgrGraphics[0];

        var _x = this._mift.transformPointX(x, y);
        var _y = this._mift.transformPointY(x, y);

        var length = text.length;
        for (var i = 0; i < length; ++i) {
            try {
                _x = manager.LoadString2C(text.charAt(i), _x, _y);
            } catch(err) {
                // do nothing
            }
            var pGlyph = manager.m_oGlyphString.m_pGlyphsBuffer[0];
            if (null === pGlyph || null === pGlyph.oBitmap) {continue;}

            fillGlyph.call(this, pGlyph,manager);
        }

        return this;
    },

	// Path methods

	beginPath: function () {
		this.ctx.beginPath();
		return this;
	},

	closePath: function () {
		this.ctx.closePath();
		return this;
	},

	moveTo: function (x, y, dx, dy) {
		var r = this._calcRect(x, y);
		this.ctx.moveTo(r.x + (dx !== undefined ? dx : 0), r.y + (dy !== undefined ? dy : 0));
		return this;
	},

	lineTo: function (x, y, dx, dy) {
		var r = this._calcRect(x, y);
		this.ctx.lineTo(r.x + (dx !== undefined ? dx : 0), r.y + (dy !== undefined ? dy : 0));
		return this;
	},

	dashLine: function (x1, y1, x2, y2, w_dot, w_dist) {
		var len = Math.sqrt ((x2 - x1)*(x2 - x1) + (y2 - y1)*(y2 - y1));
		if (len < 1)
			len = 1;

		var len_x1 = Math.abs(w_dot *(x2 - x1)/len);
		var len_y1 = Math.abs(w_dot *(y2 - y1)/len);
		var len_x2 = Math.abs(w_dist*(x2 - x1)/len);
		var len_y2 = Math.abs(w_dist*(y2 - y1)/len);
		var i, j;

		if (x1 <= x2 && y1 <= y2) {
			for (i = x1, j = y1; i < x2 || j < y2; i += len_x2, j += len_y2) {
				this.moveTo(i, j);

				i += len_x1;
				j += len_y1;

				if (i > x2)
					i = x2;
				if (j > y2)
					j = y2;

				this.lineTo(i, j);
			}
		} else if (x1 <= x2 && y1 > y2) {
			for (i = x1, j = y1; i < x2 || j > y2; i += len_x2, j -= len_y2) {
				this.moveTo(i, j);

				i += len_x1;
				j -= len_y1;

				if (i > x2)
					i = x2;
				if (j < y2)
					j = y2;

				this.lineTo(i, j);
			}
		} else if (x1 > x2 && y1 <= y2) {
			for (i = x1, j = y1; i > x2 || j < y2; i -= len_x2, j += len_y2) {
				this.moveTo(i, j);

				i -= len_x1;
				j += len_y1;

				if (i < x2)
					i = x2;
				if (j > y2)
					j = y2;

				this.lineTo(i, j);
			}
		} else {
			for (i = x1, j = y1; i > x2 || j > y2; i -= len_x2, j -= len_y2) {
				this.moveTo(i, j);

				i -= len_x1;
				j -= len_y1;

				if (i < x2)
					i = x2;
				if (j < y2)
					j = y2;

			this.lineTo(i, j);
			}
		}
	},

	dashRect: function (x1, y1, x2, y2, x3, y3, x4, y4, w_dot, w_dist) {
		this.dashLine(x1, y1, x2, y2, w_dot, w_dist);
		this.dashLine(x2, y2, x4, y4, w_dot, w_dist);
		this.dashLine(x4, y4, x3, y3, w_dot, w_dist);
		this.dashLine(x3, y3, x1, y1, w_dot, w_dist);
	},

	rect: function (x, y, w, h, dx, dy) {
		var r = this._calcRect(x, y, w, h);
		var hasDx = typeof dx !== "undefined";
		var hasDy = typeof dy !== "undefined";
		if (hasDx || hasDy) {
			var x1 = r.x;
			var x2 = r.x + r.w;
			var y1 = r.y;
			var y2 = r.y + r.h;
			dx = hasDx ? dx : 0;
			dy = hasDy ? dy : 0;
			this.ctx.moveTo(x1 + dx, y1 + dy);  // move to start point
			this.ctx.lineTo(x2, y1 + dy);       // top line
			this.ctx.lineTo(x2 - dx, y1 + dy);  // move to right top point
			this.ctx.lineTo(x2 - dx, y2 - dy);  // right line
			this.ctx.lineTo(x1 + dx, y2 - dy);  // bottom line
			this.ctx.lineTo(x1 + dx, y1);       // left line
			this.ctx.lineTo(x1 + dx, y1 + dy);  // close shape
		} else {
			this.ctx.rect(r.x, r.y, r.w, r.h);
		}
		return this;
	},

	arc: function (x, y, radius, startAngle, endAngle, antiClockwise, dx, dy) {
		var r = this._calcRect(x, y);
		dx = typeof dx !== "undefined" ? dx : 0;
		dy = typeof dy !== "undefined" ? dy : 0;
		this.ctx.arc(r.x + dx, r.y + dy, radius, startAngle, endAngle, antiClockwise);
		return this;
	},

	bezierCurveTo: function (x1, y1, x2, y2, x3, y3) {
		var p1 = this._calcRect(x1, y1),
		    p2 = this._calcRect(x2, y2),
		    p3 = this._calcRect(x3, y3);
		this.ctx.bezierCurveTo(p1.x, p1.y, p2.x, p2.y, p3.x, p3.y);
		return this;
	},

	fill: function () {
		this.ctx.fill();
		return this;
	},

	stroke: function () {
		this.ctx.stroke();
		return this;
	},

	clip: function () {
		this.ctx.clip();
		return this;
	},

	// Image methods

	drawImage: function (img, sx, sy, sw, sh, dx, dy, dw, dh) {
		var sr = this._calcRect(sx, sy, sw, sh),
		    dr = this._calcRect(dx, dy, dw, dh);
		this.ctx.drawImage(img, sr.x, sr.y, sr.w, sr.h, dr.x, dr.y, dr.w, dr.h);
		return this;
	},

	// Other methods

	parseColor: function (c) {
		return parseColor(c);
	},

	// Private methods

	_calcRect: function (x, y, w, h) {
		var wh = w !== undefined && h !== undefined,
		    x2 = x + w - this._1px_x,
		    y2 = y + h - this._1px_y,
		    _x = this._mft.transformPointX(x, y),
		    _y = this._mft.transformPointY(x, y);
		return {
			x: asc_round(_x),
			y: asc_round(_y),
			w: wh ? asc_round(this._mft.transformPointX(x2, y2) - _x + 1) : undefined,
			h: wh ? asc_round(this._mft.transformPointY(x2, y2) - _y + 1) : undefined
		};
	},

	_calcMFT: function () {
		this._mft = this._mct.clone();
        this._mft.multiply(this._mbt, MATRIX_ORDER_PREPEND);
        this._mft.multiply(this._mt, MATRIX_ORDER_PREPEND);

        this._mift = this._mt.clone();
        this._mift.invert();
        this._mift.multiply(this._mft, MATRIX_ORDER_PREPEND);
	},

	/**
	 * @param {Number} w         Ширина текста
	 * @param {Number} wBB       Ширина Bound Box текста
	 * @param {CFontManager} fm  Объект CFontManager для получения метрик шрифта
	 * @param {Number} r         Коэффициент перевода pt -> в текущие единицы измерения (this.units)
	 * @return {TextMetrics}
	 */
	_calcTextMetrics: function (w, wBB, fm, r) {
		var factor = this.getFontSize() * r / fm.m_lUnits_Per_Em,
		    l = fm.m_lLineHeight * factor,
		    b = fm.m_lAscender * factor,
		    d = Math.abs(fm.m_lDescender * factor);
		return new TextMetrics(w, b + d, l, b, d, this.font.FontSize, 0, wBB);
	}
};


/*
 * Export
 * -----------------------------------------------------------------------------
 */

window["Asc"].getCvtRatio      = getCvtRatio;
window["Asc"].calcNearestPt    = calcNearestPt;
window["Asc"].numberToCSSColor = numberToCSSColor;
window["Asc"].numberToAscColor = numberToAscColor;
window["Asc"].colorObjToAscColor = colorObjToAscColor;
window["Asc"].parseColor       = parseColor;

window["Asc"].FontProperties   = FontProperties;
window["Asc"].TextMetrics      = TextMetrics;
window["Asc"].FontMetrics      = FontMetrics;
window["Asc"].DrawingContext   = DrawingContext;
window["Asc"].Matrix           = Matrix;

})(jQuery, window);
