/**
* jQuery xcolor
* Copyright (c) 2010, Robert Eisele (robert@xarg.org)
* Dual licensed under the MIT or GPL Version 2 licenses.
* Date: 06/21/2010
*
* @author Robert Eisele
* @version 1.0
*
* @see http://www.xarg.org/project/jquery-color-plugin-xcolor/
**/

(function ($) {

	/**
	* @constructor
	*/
	function xColor(color) {

		// http://www.w3.org/TR/css3-color/#svg-color
		this.color_names = {
			transparent			: [0, 0, 0, 0],
			aliceblue			: [240, 248, 255],
			antiquewhite		: [250, 235, 215],
			aqua				: [0, 255, 255],
			aquamarine			: [127, 255, 212],
			azure				: [240, 255, 255],
			beige				: [245, 245, 220],
			bisque				: [255, 228, 196],
			black				: [0, 0, 0],
			blanchedalmond		: [255, 235, 205],
			blue				: [0, 0, 255],
			blueviolet			: [138, 43, 226],
			brown				: [165, 42, 42],
			burlywood			: [222, 184, 135],
			cadetblue			: [95, 158, 160],
			chartreuse			: [127, 255, 0],
			chocolate			: [210, 105, 30],
			coral				: [255, 127, 80],
			cornflowerblue		: [100, 149, 237],
			cornsilk			: [255, 248, 220],
			crimson				: [220, 20, 60],
			cyan				: [0, 255, 255],
			darkblue			: [0, 0, 139],
			darkcyan			: [0, 139, 139],
			darkgoldenrod		: [184, 134, 11],
			darkgray			: [169, 169, 169],
			darkgreen			: [0, 100, 0],
			darkgrey			: [169, 169, 169],
			darkkhaki			: [189, 183, 107],
			darkmagenta			: [139, 0, 139],
			darkolivegreen		: [85, 107, 47],
			darkorange			: [255, 140, 0],
			darkorchid			: [153, 50, 204],
			darkred				: [139, 0, 0],
			darksalmon			: [233, 150, 122],
			darkseagreen		: [143, 188, 143],
			darkslateblue		: [72, 61, 139],
			darkslategray		: [47, 79, 79],
			darkslategrey		: [47, 79, 79],
			darkturquoise		: [0, 206, 209],
			darkviolet			: [148, 0, 211],
			deeppink			: [255, 20, 147],
			deepskyblue			: [0, 191, 255],
			dimgray				: [105, 105, 105],
			dimgrey				: [105, 105, 105],
			dodgerblue			: [30, 144, 255],
			firebrick			: [178, 34, 34],
			floralwhite			: [255, 250, 240],
			forestgreen			: [34, 139, 34],
			fuchsia				: [255, 0, 255],
			gainsboro			: [220, 220, 220],
			ghostwhite			: [248, 248, 255],
			gold				: [255, 215, 0],
			goldenrod			: [218, 165, 32],
			gray				: [128, 128, 128],
			green				: [0, 128, 0],
			greenyellow			: [173, 255, 47],
			grey				: [128, 128, 128],
			honeydew			: [240, 255, 240],
			hotpink				: [255, 105, 180],
			indianred			: [205, 92, 92],
			indigo				: [75, 0, 130],
			ivory				: [255, 255, 240],
			khaki				: [240, 230, 140],
			lavender			: [230, 230, 250],
			lavenderblush		: [255, 240, 245],
			lawngreen			: [124, 252, 0],
			lemonchiffon		: [255, 250, 205],
			lightblue			: [173, 216, 230],
			lightcoral			: [240, 128, 128],
			lightcyan			: [224, 255, 255],
			lightgoldenrodyellow: [250, 250, 210],
			lightgray			: [211, 211, 211],
			lightgreen			: [144, 238, 144],
			lightgrey			: [211, 211, 211],
			lightpink			: [255, 182, 193],
			lightsalmon			: [255, 160, 122],
			lightseagreen		: [32, 178, 170],
			lightskyblue		: [135, 206, 250],
			lightslategray		: [119, 136, 153],
			lightslategrey		: [119, 136, 153],
			lightsteelblue		: [176, 196, 222],
			lightyellow			: [255, 255, 224],
			lime				: [0, 255, 0],
			limegreen			: [50, 205, 50],
			linen				: [250, 240, 230],
			magenta				: [255, 0, 255],
			maroon				: [128, 0, 0],
			mediumaquamarine	: [102, 205, 170],
			mediumblue			: [0, 0, 205],
			mediumorchid		: [186, 85, 211],
			mediumpurple		: [147, 112, 219],
			mediumseagreen		: [60, 179, 113],
			mediumslateblue		: [123, 104, 238],
			mediumspringgreen	: [0, 250, 154],
			mediumturquoise		: [72, 209, 204],
			mediumvioletred		: [199, 21, 133],
			midnightblue		: [25, 25, 112],
			mintcream			: [245, 255, 250],
			mistyrose			: [255, 228, 225],
			moccasin			: [255, 228, 181],
			navajowhite			: [255, 222, 173],
			navy				: [0, 0, 128],
			oldlace				: [253, 245, 230],
			olive				: [128, 128, 0],
			olivedrab			: [107, 142, 35],
			orange				: [255, 165, 0],
			orangered			: [255, 69, 0],
			orchid				: [218, 112, 214],
			palegoldenrod		: [238, 232, 170],
			palegreen			: [152, 251, 152],
			paleturquoise		: [175, 238, 238],
			palevioletred		: [219, 112, 147],
			papayawhip			: [255, 239, 213],
			peachpuff			: [255, 218, 185],
			peru				: [205, 133, 63],
			pink				: [255, 192, 203],
			plum				: [221, 160, 221],
			powderblue			: [176, 224, 230],
			purple				: [128, 0, 128],
			red					: [255, 0, 0],
			rosybrown			: [188, 143, 143],
			royalblue			: [65, 105, 225],
			saddlebrown			: [139, 69, 19],
			salmon				: [250, 128, 114],
			sandybrown			: [244, 164, 96],
			seagreen			: [46, 139, 87],
			seashell			: [255, 245, 238],
			sienna				: [160, 82, 45],
			silver				: [192, 192, 192],
			skyblue				: [135, 206, 235],
			slateblue			: [106, 90, 205],
			slategray			: [112, 128, 144],
			slategrey			: [112, 128, 144],
			snow				: [255, 250, 250],
			springgreen			: [0, 255, 127],
			steelblue			: [70, 130, 180],
			tan					: [210, 180, 140],
			teal				: [0, 128, 128],
			thistle				: [216, 191, 216],
			tomato				: [255, 99, 71],
			turquoise			: [64, 224, 208],
			violet				: [238, 130, 238],
			wheat				: [245, 222, 179],
			white				: [255, 255, 255],
			whitesmoke			: [245, 245, 245],
			yellow				: [255, 255, 0],
			yellowgreen			: [154, 205, 50]
		};

		this.color_exp = [
		{// 616064010
			regex: /^([1-9]\d*)$/,
			parse: function (part) {
				c = parseInt(part[1], 10);
				return [ (c >> 16) & 0xff, (c >> 8) & 0xff, c & 0xff, (_normalize((c >> 24) & 0xff, 100) / 100) || 1];
			}
		}, {// #ff9000, #ff0000
			regex: /^#?([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/,
			parse: function (part) {
				return [
				parseInt(part[1], 16),
				parseInt(part[2], 16),
				parseInt(part[3], 16)];
			}
		}, {// #f00, 000
			regex: /^#?([0-9a-f])([0-9a-f])([0-9a-f])$/,
			parse: function (part) {
				return [
				parseInt(part[1] + part[1], 16),
				parseInt(part[2] + part[2], 16),
				parseInt(part[3] + part[3], 16)];
			}
		}, {// rgb(1, 234, 56)
			regex: /^rgba?\((\d{1,3}),(\d{1,3}),(\d{1,3})(,([0-9.]+))?\)$/,
			parse: function (part) {
				return [
				parseInt(part[1], 10),
				parseInt(part[2], 10),
				parseInt(part[3], 10),
				part[5] ? parseFloat(part[5]) : 1
				];
			}
		}, {// 1, 234, 56
			regex: /^(\d{1,3}),(\d{1,3}),(\d{1,3})(,([0-9.]+))?$/,
			parse: function (part) {
				return [
				parseInt(part[1], 10),
				parseInt(part[2], 10),
				parseInt(part[3], 10),
				part[5] ? parseFloat(part[5]) : 1
				];
			}
		}, {// hsv(64, 40, 16) in [0, 360], [0,100], [0,100]
			regex: /^hs[bv]a?\((\d{1,3}),(\d{1,3}),(\d{1,3})(,([0-9.]+))?\)$/,
			parse: function (part) {

				return _hsva(parseInt(part[1], 10), parseInt(part[2], 10), parseInt(part[3], 10), part[5] ? parseFloat(part[5]) : 1);
			}
		}, {// hsl(64, 40, 16) in [0, 360], [0,100], [0,100]
			regex: /^hsla?\((\d{1,3}),(\d{1,3}),(\d{1,3})(,([0-9.]+))?\)$/,
			parse: function (part) {

				return _hsla(parseInt(part[1], 10), parseInt(part[2], 10), parseInt(part[3], 10), part[5] ? parseFloat(part[5]) : 1);
			}
		}];


		function _normalize(n, s) {

			/**
			* Some value.
			* @type {number|undefined}
			*/
			if (undefined === s) {
				s = 255;
			}

			if (isNaN(n) || n <= 0) {
				return 0;
			} if (s < n) {
				return s;
			} if (n <= 1) {
				return n * s;
			}
			return n;
		}

		function _hsla(h,s,l,a) {

			h = _normalize(h, 360) / 360;
			s = _normalize(s, 100) / 100;
			l = _normalize(l, 100) / 100;

			if (0 == s) {
				l = Math.round(l * 255);
				return [l, l, l, a];
			}

			function _hue(v1, v2, h) {
				if (h < 0) h++;
				if (h > 1) h--;
				if (6 * h < 1) return v1 + (v2 - v1) * 6 * h;
				if (2 * h < 1) return v2;
				if (3 * h < 2) return v1 + (v2 - v1) * (4 - 6 * h);
				return v1;
			}

			var v = l < .5 ? (l * (1 + s)) : (l + s - l * s);
			var m = l + l - v;

			return [
			Math.round(255 *_hue(m, v, h + 1 / 3)),
			Math.round(255 *_hue(m, v, h)),
			Math.round(255 *_hue(m, v, h - 1 / 3)), a ];
		}

		function _hsva(h,s,v,a) {

			h = _normalize(h, 360) / 60;
			s = _normalize(s, 100) / 100;
			v = _normalize(v, 100) / 100;

			var hi = Math.floor(h);
			var f = h - hi;

			if (!(hi & 1)) f = 1 - f;

			var m = Math.round(255 * (v * (1 - s)));
			var n = Math.round(255 * (v * (1 - s * f)));

			v = Math.round(255 * v);

			switch (hi) {
			case 6:
			case 0: return [v, n, m, a];
			case 1: return [n, v, m, a];
			case 2: return [m, v, n, a];
			case 3: return [m, n, v, a];
			case 4: return [n, m, v, a];
			case 5: return [v, m, n, a];
			}
		}

		this.setColor = function (color) {

			this.r = null;
			this.g = null;
			this.b = null;
			this.a = 1;

			this.success = false;

			function A(o, c) {
				o.success = true;

				if (undefined !== c) o.a = _normalize(c, 100) / 100;
			}

			if (typeof color == "object") {

				if (color[0] !== undefined && color[1] !== undefined && color[2] !== undefined) {
					this.r = _normalize(color[0]);
					this.g = _normalize(color[1]);
					this.b = _normalize(color[2]);

					A(this, color[3]);

				} else if (color.r !== undefined && color.g !== undefined && color.b !== undefined) {
					this.r = _normalize(color.r);
					this.g = _normalize(color.g);
					this.b = _normalize(color.b);

					A(this, color.a);

				} else if (color.v !== undefined && color.h !== undefined && color.s !== undefined) {
					var set =_hsva(color.h, color.s, color.v, 1);
					this.r = set[0];
					this.g = set[1];
					this.b = set[2];

					A(this, color.a);

				} else if (color.l !== undefined && color.h !== undefined && color.s !== undefined) {
					var set =_hsla(color.h, color.s, color.l, 1);
					this.r = set[0];
					this.g = set[1];
					this.b = set[2];

					A(this, color.a);
				}
				return;
			}

			if (typeof color == "number") {
				this.success = true;

				this.r = (color >> 16) & 0xff;
				this.g = (color >> 8) & 0xff;
				this.b = color & 0xff;

				return;
			}

			if (typeof color != "string") {
				return;
			}

			color = color.toLowerCase().replace(/[^a-z0-9,.()#]/g, '');

			if (undefined !== this.color_names[color]) {

				var c = this.color_names[color];

				this.r = c[0];
				this.g = c[1];
				this.b = c[2];
				A(this, c[3]);

				return;
			}

			var exp = this.color_exp;

			for (var i = 0; i < exp.length; i++) {

				var parts = exp[i].regex.exec(color);

				if (parts) {

					var ret = exp[i].parse(parts);

					this.r = _normalize(ret[0]);
					this.g = _normalize(ret[1]);
					this.b = _normalize(ret[2]);
					A(this, ret[3]);

					break;
				}
			}
		}

		this.getColor = function (type) {

			if (undefined !== type) switch (type.toLowerCase()) {
			case "rgb":
				return this.getRGB();
			case "hsv":
			case "hsb":
				return this.getHSV();
			case "hsl":
				return this.getHSL();
			case "int":
				return this.getInt();
			case "fraction":
				return this.getFraction();
			case "css":
			case "style":
				return this.getCSS();
			case "name":
				return this.getName();
			}
			return this.getHex();
		}

		this.getRGB = function () {

			if (this.success) {

				return {r: this.r, g: this.g, b: this.b, a: this.a};
			}
			return null;
		}

		this.getCSS = function () {

			if (this.success) {

				if (this.a == 1) {
					return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
				}
				return 'rgba(' + this.r + ', ' + this.g + ', ' + this.b + ', ' + this.a + ')';
			}
			return null;
		}

		this.getName = function () {

			if (this.success) {

				var lowest = null;
				var lowest_ndx;

				var table = this.color_names;

				var a = this.getHSL();

				for (var i in table) {

					var b = new xColor(table[i]).getHSL();

					var tmp = Math.sqrt(0.5 * Math.pow(a.h - b.h, 2) + 0.5 * Math.pow(a.s - b.s, 2) + Math.pow(a.l - b.l, 2));

					if (lowest === null || tmp < lowest) {
						lowest = tmp;
						lowest_ndx = i;
					}
				}
				return lowest_ndx;

			}
			return null;
		}

		this.getFraction = function () {

			if (this.success) {

				return {r: this.r / 255, g: this.g / 255, b: this.b / 255, a: this.a};
			}
			return null;
		}

		this.getHSL = function () {

			// inspiration: http://130.113.54.154/~monger/hsl-rgb.html
			if (this.success) {

				var r = this.r / 255;
				var g = this.g / 255;
				var b = this.b / 255;

				var min = Math.min(r, g, b);
				var max = Math.max(r, g, b);
				var delta = max - min;

				var h, s, l = (max + min) / 2;

				if (0 == delta) {
					h = 0;
					s = 0;
				} else {

					if (l < .5) {
						s = delta / (max + min);
					} else {
						s = delta / (2.0 - (max + min));
					}

					if (max == r) {
						h = (g - b) / delta;
					} else if (max == g) {
						h = 2.0 + (b - r) / delta;
					} else if (max == b) {
						h = 4.0 + (r - g) / delta;
					}

					if (h < 0) {
						h+= 6;
					}
				}
				return { h : Math.round(h * 60), s: Math.round(s * 100), l: Math.round(l * 100), a: this.a };
			}
			return null;
		}

		this.getHSV = function () {

			if (this.success) {

				var r = this.r / 255;
				var g = this.g / 255;
				var b = this.b / 255;

				var min = Math.min(r, g, b);
				var max = Math.max(r, g, b);
				var delta = max - min;

				var h, s, v = max;

				if (0 == delta) {
					h = 0;
					s = 0;
				} else {
					s = delta / max;

					delta*= 6;

					var dR = .5 + (max - r) / delta;
					var dG = .5 + (max - g) / delta;
					var dB = .5 + (max - b) / delta;

					if (r == max) {
						h = dB - dG;
					} else if (g == max) {
						h = 1 / 3 + dR - dB;
					} else if (b == max) {
						h = 2 / 3 + dG - dR;
					}

					if (h < 0) h++;
					if (h > 1) h--;
				}

				return { h : Math.round(h * 360), s: Math.round(s * 100), v: Math.round(v * 100), a: this.a };
			}
			return null;
		}

		this.getHex = function () {

			if (this.success) {

				var chars = "0123456789abcdef"

				var r1 = this.r >> 4;
				var g1 = this.g >> 4;
				var b1 = this.b >> 4;

				var r2 = this.r & 0xf;
				var g2 = this.g & 0xf;
				var b2 = this.b & 0xf;

				if (r1 == r2 && g1 == g2 && b1 == b2) {
					return '#' + chars.charAt(r1) + chars.charAt(g1) + chars.charAt(b1);
				}
				return '#'
				+ chars.charAt(r1) + chars.charAt(r2)
				+ chars.charAt(g1) + chars.charAt(g2)
				+ chars.charAt(b1) + chars.charAt(b2);
			}
			return null;
		}

		this.getInt = function () {

			if (this.success) {
				return ((this.r << 16) + (this.g << 8) + this.b) & 0xffffff;
			}
			return null;
		}

		this.toString = function () {
			return this.getHex();
		}

		this.setColor(color);
	}

	function _supportedBrowser() {
		/* todo: implement a bedder browser detection */

		var ua = navigator.userAgent.toLowerCase();

		if (ua.indexOf("firefox") != -1) {
			return ua.indexOf("3.") != -1;
		} if (ua.indexOf("opera") != -1) {
			return ua.indexOf("10.") != -1;
		} if (ua.indexOf("safari") != -1) {
			return true;
		} if (ua.indexOf("chrome") != -1) {
			return true;
		}
		return false;
	}

	function _fx_setup(fx) {

		fx.end = new xColor(fx.end);

		if (0 == (fx.start.r | fx.start.g | fx.start.b | fx.start.a)) {
			fx.start.r = fx.end.r;
			fx.start.g = fx.end.g;
			fx.start.b = fx.end.b;
		} else if (0 == (fx.end.r | fx.end.g | fx.end.b | fx.end.a)) {
			fx.end.r = fx.start.r;
			fx.end.g = fx.start.g;
			fx.end.b = fx.start.b;
		}
	}

	$.each(['color', 'backgroundColor', 'borderColor', 'borderTopColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'outlineColor'], function(i, attr) {

		// todo: gradientarray implementation

		if (_supportedBrowser()) {

			$.fx.step[attr] = function(fx) {

				if (0 == fx.state) {
					fx.start = findColor(fx.elem, attr);
					_fx_setup(fx);
				}

				var s = fx.start;
				var e = fx.end;

				if (s.success && e.success) {
					fx.elem.style[attr] = "rgba(" +
					Math.floor(fx.pos * (e.r - s.r) + s.r) + "," +
					Math.floor(fx.pos * (e.g - s.g) + s.g) + "," +
					Math.floor(fx.pos * (e.b - s.b) + s.b) + "," +
					(fx.pos * (e.a - s.a) + s.a) + ")";
				}
			}
		} else {

			$.fx.step[attr] = function(fx) {

				if (0 == fx.state) {
					fx.start = findColor(fx.elem, attr);
					_fx_setup(fx);
				}

				var s = fx.start;
				var e = fx.end;

				if (s.success && e.success) {
					fx.elem.style[attr] = "rgb(" +
					Math.floor(fx.pos * (e.r - s.r) + s.r) + "," +
					Math.floor(fx.pos * (e.g - s.g) + s.g) + "," +
					Math.floor(fx.pos * (e.b - s.b) + s.b) + ")";
				}
			}
		}
	});

	function findColor(elem, attr) {

		var color = "";

		if (_supportedBrowser()) {

			do {
				color = $.curCSS(elem, attr);

				if ("" != color || $.nodeName(elem, "body")) break;

			} while (elem = elem.parentNode);

			if ("" == color) {
				color = "transparent";
			}

		} else {

			do {
				color = $.curCSS(elem, attr);

				if ("" != color && "transparent" != color && "rgba(0, 0, 0, 0)" != color || $.nodeName(elem, "body")) break;

			} while (elem = elem.parentNode);

			if ("" == color) {
				if ("backgroundColor" == attr) {
					color = "white";
				} else {
					color = "black";
				}
			}
		}

		return new xColor(color);
	}

	/**
	* @constructor
	*/
	function xColorMix() {

		this.test = function (col) {

			var c = new xColor(col);

			if (c.success) {
				return c;
			}
			return null;
		}

		this.red = function (col) {

			var c = new xColor(col);

			if (c.success) {
				c.g = 0xff;
				c.b = 0xff;
				return c;
			}
			return null;
		}

		this.blue = function (col) {

			var c = new xColor(col);

			if (c.success) {
				c.r = 0xff;
				c.g = 0xff;
				return c;
			}
			return null;
		}

		this.green = function (col) {

			var c = new xColor(col);

			if (c.success) {
				c.r = 0xff;
				c.b = 0xff;
				return c;
			}
			return null;
		}

		this.random = function () {

			var c = new xColor([
			Math.floor(255 * Math.random()),
			Math.floor(255 * Math.random()),
			Math.floor(255 * Math.random())
			]);

			if (c.success) {
				return c;
			}
			return null;
		}

		this.complementary = function (col) {

			var c = new xColor(col);

			if (c.success) {
				c.r^= 0xff;
				c.g^= 0xff;
				c.b^= 0xff;
				return c;
			}
			return null;
		}

		this.opacity = function (x, y, o) {

			var a = new xColor(x);
			var b = new xColor(y);

			if (a.success && b.success) {

				if (o > 1) {
					o/= 100;
				}

				o = Math.max(o - 1 + b.a, 0);

				a.r = Math.round((b.r - a.r) * o + a.r);
				a.g = Math.round((b.g - a.g) * o + a.g);
				a.b = Math.round((b.b - a.b) * o + a.b);

				return a;
			}
			return null;
		}

		this.greyfilter = function (col, formula) {

			var v, c = new xColor(col);

			if (c.success) {
				switch (formula) {
				case 1:
					// My own formula
					v = .35 + 13 * (c.r + c.g + c.b) / 60;
					break;
				case 2:
					// Sun's formula: (1 - avg) / (100 / 35) + avg)
					v = (13 * (c.r + c.g + c.b) + 5355) / 60;
					break;
					default:
					v = c.r * .3 + c.g * .59 + c.b * .11;
				}
				c.r = c.g = c.b = Math.min(Math.floor(v), 255);

				return c;
			}
			return null;
		}

		this.webround = function (col) {

			var c = new xColor(col);

			if (c.success) {
				if ((c.r+= 0x33 - c.r % 0x33) > 0xff) c.r = 0xff;
				if ((c.g+= 0x33 - c.g % 0x33) > 0xff) c.g = 0xff;
				if ((c.b+= 0x33 - c.b % 0x33) > 0xff) c.b = 0xff;
				return c;
			}
			return null;
		}

		this.distance = function (x, y) {

			var a = new xColor(x);
			var b = new xColor(y);

			if (a.success && b.success) {
				// Approximation attempt of http://www.compuphase.com/cmetric.htm
				return Math.sqrt(3 * (b.r - a.r) * (b.r - a.r) + 4 * (b.g - a.g) * (b.g - a.g) + 2 * (b.b - a.b) * (b.b - a.b));
			}
			return null;
		}

		this.readable = function (bg, col) {

			var a = new xColor(col);
			var b = new xColor(bg);

			if (a.success && b.success) {
				return (
				(b.r - a.r) * (b.r - a.r) +
				(b.g - a.g) * (b.g - a.g) +
				(b.b - a.b) * (b.b - a.b)) > 0x28A4;
			}
			return null;
		}

		this.combine = function (x, y) {

			var a = new xColor(x);
			var b = new xColor(y);

			if (a.success && b.success) {
				a.r^= b.r;
				a.g^= b.g;
				a.b^= b.b;
				return a;
			}
			return null;
		}

		this.breed = function (x, y) {

			var a = new xColor(x);
			var b = new xColor(y);

			var mask = 0;

			if (a.success && b.success) {

				for (var i = 0; i < 6; i++) {
					if (Math.random() < .5) {
						mask|= 0x0f << (i << 2);
					}
				}

				a.r = (a.r & ((mask >> 0x10) & 0xff)) | (b.r & (((mask >> 0x10) & 0xff) ^ 0xff));
				a.g = (a.g & ((mask >> 0x08) & 0xff)) | (b.g & (((mask >> 0x08) & 0xff) ^ 0xff));
				a.b = (a.b & ((mask >> 0x00) & 0xff)) | (b.b & (((mask >> 0x00) & 0xff) ^ 0xff));
				return a;
			}
			return null;
		}

		this.additive = function (x, y) {

			var a = new xColor(x);
			var b = new xColor(y);

			if (a.success && b.success) {

				if ((a.r+= b.r) > 0xff) a.r = 0xff;
				if ((a.g+= b.g) > 0xff) a.g = 0xff;
				if ((a.b+= b.b) > 0xff) a.b = 0xff;

				return a;
			}
			return null;
		}

		this.subtractive = function (x, y) {

			var a = new xColor(x);
			var b = new xColor(y);

			if (a.success && b.success) {

				if ((a.r+= b.r - 0xff) < 0) a.r = 0;
				if ((a.g+= b.g - 0xff) < 0) a.g = 0;
				if ((a.b+= b.b - 0xff) < 0) a.b = 0;

				return a;
			}
			return null;
		}

		this.subtract = function (x, y) {

			var a = new xColor(x);
			var b = new xColor(y);

			if (a.success && b.success) {

				if ((a.r-= b.r) < 0) a.r = 0;
				if ((a.g-= b.g) < 0) a.g = 0;
				if ((a.b-= b.b) < 0) a.b = 0;

				return a;
			}
			return null;
		}

		this.multiply = function (x, y) {

			var a = new xColor(x);
			var b = new xColor(y);

			if (a.success && b.success) {
				a.r = Math.floor(a.r / 255 * b.r);
				a.g = Math.floor(a.g / 255 * b.g);
				a.b = Math.floor(a.b / 255 * b.b);
				return a;
			}
			return null;
		}

		this.average = function (x, y) {

			var a = new xColor(x);
			var b = new xColor(y);

			if (a.success && b.success) {
				a.r = (a.r + b.r) >> 1;
				a.g = (a.g + b.g) >> 1;
				a.b = (a.b + b.b) >> 1;
				return a;
			}
			return null;
		}

		this.triad = function (col) {

			var c = new xColor(col);

			if (c.success) {

				return [c,
				new xColor([c.b, c.r, c.g]),
				new xColor([c.g, c.b, c.r])];
			}
			return null;
		}

		this.tetrad = function (col) {

			var c = new xColor(col);

			if (c.success) {

				return [c,
				new xColor([c.b, c.r, c.b]),
				new xColor([c.b, c.g, c.r]),
				new xColor([c.r, c.b, c.r])];
			}
			return null;
		}

		this.gradientlevel = function (x, y, level, deg) {

			if (level > deg) return null;

			var a = new xColor(x);
			var b = new xColor(y);

			if (a.success && b.success) {

				a.r = Math.floor(a.r + ((b.r - a.r) / deg) * level);
				a.g = Math.floor(a.g + ((b.g - a.g) / deg) * level);
				a.b = Math.floor(a.b + ((b.b - a.b) / deg) * level);

				return a;
			}
			return null;
		}

		this.gradientarray = function (arr, ndx, size) {

			if (ndx > size) return null;

			var e = Math.floor(ndx * (arr.length - 1) / size);
			var m = (ndx - size * e / (arr.length - 1)) / size;

			var a = new xColor(arr[e]);
			var b = new xColor(arr[e + 1]);

			if (a.success && b.success) {

				a.r = Math.floor(a.r + arr.length * (b.r - a.r) * m);
				a.g = Math.floor(a.g + arr.length * (b.g - a.g) * m);
				a.b = Math.floor(a.b + arr.length * (b.b - a.b) * m);

				return a;
			}
			return null;
		},

		this.nearestname = function (a) {

			a = new xColor(a);

			if (a.success) {
				return a.getName();
			}
			return null;
		}

		this.darken = function (col, by, shade) {

			if (by === undefined) {
				by = 1;
			} else if (by < 0) return this.lighten(col, -by, shade);

			if (shade === undefined) {
				shade = 32;
			}

			var c = new xColor(col);

			if (c.success) {
				if ((c.r-= shade * by) < 0) c.r = 0;
				if ((c.g-= shade * by) < 0) c.g = 0;
				if ((c.b-= shade * by) < 0) c.b = 0;
				return c;
			}
			return null;
		}

		this.lighten = function (col, by, shade) {

			if (by === undefined) {
				by = 1;
			} else if (by < 0) return this.darken(col, -by, shade);

			if (shade === undefined) {
				shade = 32;
			}

			var c = new xColor(col);

			if (c.success) {
				if ((c.r+= shade * by) > 0xff) c.r = 0xff;
				if ((c.g+= shade * by) > 0xff) c.g = 0xff;
				if ((c.b+= shade * by) > 0xff) c.b = 0xff;
				return c;
			}
			return null;
		}

		this.analogous = function (col, results, slices) {

			if (results === undefined) {
				results = 8;
			}

			if (slices === undefined) {
				slices = 30;
			}

			var c = new xColor(col);

			if (c.success) {

				var hsv = c.getHSV();
				var part = 360 / slices, ret = [ c ];

				for (hsv.h = ((hsv.h - (part * results >> 1)) + 720) % 360; --results; ) {
					hsv.h+= part;
					hsv.h%= 360;
					ret.push(new xColor(hsv));
				}
				return ret;
			}
			return null;
		}

		this.splitcomplements = function (col) {

			var c = new xColor(col);

			if (c.success) {

				var hsv = c.getHSV();
				var ret = [ c ];

				hsv.h+= 72;
				hsv.h%= 360;
				ret.push(new xColor(hsv));

				hsv.h+= 144;
				hsv.h%= 360;
				ret.push(new xColor(hsv));

				return ret;
			}
			return null;
		}

		this.monochromatic = function (col, results) {

			if (results === undefined) {
				results = 6;
			}

			var c = new xColor(col);

			if (c.success) {

				var hsv = c.getHSV();
				var ret = [ c ];

				while (--results) {
					hsv.v+= 20;
					hsv.v%= 100;
					ret.push(new xColor(hsv));
				}
				return ret;
			}
			return null;
		}
	}

	$.xcolor = new xColorMix();

	$.fn.isReadable = function () {

		var elem = this[0];
		var f = "";
		var b = "";

		do {

			if ("" == f && ("transparent" == (f = $.curCSS(elem, "color")) || "rgba(0, 0, 0, 0)" == f)) {
				f = "";
			}

			if ("" == b && ("transparent" == (b = $.curCSS(elem, "backgroundColor")) || "rgba(0, 0, 0, 0)" == b)) {
				b = "";
			}

			if ("" != f && "" != b || $.nodeName(elem, "body")) {
				break;
			}

		} while (elem = elem.parentNode);

		if ("" == f) {
			f = "black";
		}

		if ("" == b) {
			b = "white";
		}

		// todo: if alpha != 1, use opacity() to calculate correct color on certain element and it's parent
		return $.xcolor.readable(b, f);
	}

})(jQuery);