/**** UI library of channel independent controls ****/

/* Mechanism for registering namespaces */
var Namespace =
{
	Register: function(ns)
	{
		var cob = "";
		var spc = ns.split(".");
		for (var i = 0; i < spc.length; i++)
		{
			if (cob != "") { cob += "."; }
			cob += spc[i];
			if (!this.Exists(cob)) { this.Create(cob); }
		}
	},

	Create: function(_Src)
	{
		eval("window." + _Src + " = new Object();");
	},

	Exists: function(_Src)
	{
		eval("var NE = false; try{if(" + _Src + "){NE = true;}else{NE = false;}}catch(err){NE=false;}");
		return NE;
	}
}

Namespace.Register("Web.UI.Controls")
Namespace.Register("Web.UI.Controls.Enums")

/* Adding aliases */
var $WUC = Web.UI.Controls
var $WUCE = Web.UI.Controls.Enums

/* *** Define common enums */
$WUCE.Corners = { TopLeft: 1, TopRight: 2, BottomLeft: 4, BottomRight: 8 }



/************************* Round corners control ************************/
/*
Options: JSON formatted set of options
	Available options:	
	
	transparent = [true/false, default=false] - transparent color
	
	corners = [$WUCE.Corners.TopLeft | $WUCE.Corners.TopRight | $WUCE.Corners.BottomLeft | $WUCE.Corners.BottomRight]
	
	size = ["small"/"normal"/"big", default="normal"]
	none = [true/false, default=false]
*/

Web.UI.Controls.roundCorners = function(selector, options)
{
	// Check if current version of JS supports basic req'd methods
	if (!document.getElementById || !document.createElement && Array.prototype.push) return;

	var Size = { small: "small", normal: "normal", big: "big" }

	// main entry point
	var Apply = function(selector, options)
	{
		if (options == null) options = {};

		if (isDef(options.corners))
		{
			options.tr = (options.corners & $WUCE.Corners.TopRight) == $WUCE.Corners.TopRight;
			options.tl = (options.corners & $WUCE.Corners.TopLeft) == $WUCE.Corners.TopLeft;
			options.br = (options.corners & $WUCE.Corners.BottomRight) == $WUCE.Corners.BottomRight;
			options.bl = (options.corners & $WUCE.Corners.BottomLeft) == $WUCE.Corners.BottomLeft;
		}
		else
		{
			options.tr = options.tl = options.br = options.bl = true;
		}

		options.size = isDef(options.size, Size.normal)
		options.transparent = isDef(options.transparent, false)
		options.none = isDef(options.none, false)

		var i, v = selector.split(","), h = 0;

		for (i = 0; i < v.length; i++)
			AddRoundCorners(v[i], options);
	}

	/* ----------- internal methods ---------------------- */

	function AddRoundCorners(selector, options)
	{
		var i, top = "", bottom = "", v = new Array();
		if (options != "")
		{
			if (options.tl)
			{
				top = "both";
				if (!options.tr) top = "left";
			}
			else if (options.tr) top = "right";
			if (options.bl)
			{
				bottom = "both";
				if (!options.br) bottom = "left";
			}
			else if (options.br) bottom = "right";
		}
		if (options.none) // we want no corners
		{
			top = ""
			bottom = ""
		}
		else if (top == "" && bottom == "")
		{
			top = "both";
			bottom = "both";
		}

		v = getElementsBySelector(selector);
		for (i = 0; i < v.length; i++)
		{
			FixIE(v[i]);
			if (top != "") AddTopBottom(v[i], top, true, options);
			if (bottom != "") AddTopBottom(v[i], bottom, false, options);
		}
	}

	function AddTopBottom(el, side, isTop, options)
	{
		var d = CreateEl("b"), lim = 4, border = "", p, i, btype = "r", bk, color;
		d.style.marginLeft = "-" + getPadding(el, "Left") + "px";
		d.style.marginRight = "-" + getPadding(el, "Right") + "px";
		if (options.transparent || (color = getBk(el)) == "transparent")
		{
			color = "transparent"; bk = "transparent"; border = getParentBk(el); btype = "t";
		}
		else
		{
			bk = getParentBk(el); border = Mix(color, bk);
		}
		d.style.background = bk;
		d.className = "roundcorners";
		if (isTop)
			p = getPadding(el, "Top");
		else
			p = getPadding(el, "Bottom");
		var margin = 0;
		if (options.size == Size.small)
		{
			margin = (p - 2) + "px";
			btype += "s"; lim = 2;
		}
		else if (options.size == Size.big)
		{
			margin = (p - 10) + "px";
			btype += "b"; lim = 8;
		}
		else
		{
			margin = (p - 5) + "px";
		}

		if (isTop)
			d.style.marginBottom = margin
		else
			d.style.marginTop = margin

		if (isTop)
		{
			for (i = 1; i <= lim; i++)
				d.appendChild(CreateStrip(i, side, color, border, btype));
			
			el.style.paddingTop = "0";
			el.insertBefore(d, el.firstChild);
		}
		else 
		{
			for (i = lim; i > 0; i--)
				d.appendChild(CreateStrip(i, side, color, border, btype));
				
			el.style.paddingBottom = "0";
			el.appendChild(d);
		}
	}

	function CreateStrip(index, side, color, border, btype)
	{
		var x = CreateEl("b");
		x.className = btype + index;
		x.style.backgroundColor = color;
		x.style.borderColor = border;
		if (side == "left")
		{
			x.style.borderRightWidth = "0";
			x.style.marginRight = "0";
		}
		else if (side == "right")
		{
			x.style.borderLeftWidth = "0";
			x.style.marginLeft = "0";
		}
		return (x);
	}

	function CreateEl(x)
	{
		return (document.createElement(x));
	}

	function FixIE(el)
	{
		if (el.currentStyle != null && el.currentStyle.hasLayout != null && el.currentStyle.hasLayout == false && el.currentStyle.display != 'none')
			el.style.display = "inline-block";
	}

	function getElementsBySelector(selector)
	{
		var i, j, selid = "", selclass = "", tag = selector, tag2 = "", v2, k, f, a, s = [], objlist = [], c;
		if (selector.find("#"))
		{ //id selector like "tag#id"
			if (selector.find(" "))
			{  //descendant selector like "tag#id tag"
				s = selector.split(" ");
				var fs = s[0].split("#");
				if (fs.length == 1) return (objlist);
				f = document.getElementById(fs[1]);
				if (f)
				{
					v = f.getElementsByTagName(s[1]);
					for (i = 0; i < v.length; i++) objlist.push(v[i]);
				}
				return (objlist);
			}
			else
			{
				s = selector.split("#");
				tag = s[0];
				selid = s[1];
				if (selid != "")
				{
					f = document.getElementById(selid);
					if (f) objlist.push(f);
					return (objlist);
				}
			}
		}
		if (selector.find("."))
		{      //class selector like "tag.class"
			s = selector.split(".");
			tag = s[0];
			selclass = s[1];
			if (selclass.find(" "))
			{   //descendant selector like tag1.classname tag2
				s = selclass.split(" ");
				selclass = s[0];
				tag2 = s[1];
			}
		}
		var v = document.getElementsByTagName(tag);  // tag selector like "tag"
		if (selclass == "")
		{
			for (i = 0; i < v.length; i++) objlist.push(v[i]);
			return (objlist);
		}
		for (i = 0; i < v.length; i++)
		{
			c = v[i].className.split(" ");
			for (j = 0; j < c.length; j++)
			{
				if (c[j] == selclass)
				{
					if (tag2 == "") objlist.push(v[i]);
					else
					{
						v2 = v[i].getElementsByTagName(tag2);
						for (k = 0; k < v2.length; k++) objlist.push(v2[k]);
					}
				}
			}
		}
		return (objlist);
	}

	function getParentBk(x)
	{
		var el = x.parentNode, c;
		while (el.tagName.toUpperCase() != "HTML" && (c = getBk(el)) == "transparent")
			el = el.parentNode;
		if (c == "transparent") c = "#FFFFFF";

		return (c);
	}

	function getBk(x)
	{
		var c = getStyleProp(x, "backgroundColor");
		if (c == null || c == "transparent" || c.find("rgba(0, 0, 0, 0)"))
			return ("transparent");
		if (c.find("rgb")) c = rgb2hex(c);
		return (c);
	}

	function getPadding(x, side)
	{
		var p = getStyleProp(x, "padding" + side);
		if (p == null || !p.find("px")) return (0);
		return (parseInt(p));
	}

	function getStyleProp(x, prop)
	{
		if (x.currentStyle)
			return (x.currentStyle[prop]);
		if (document.defaultView.getComputedStyle)
			return (document.defaultView.getComputedStyle(x, '')[prop]);
		return (null);
	}

	function rgb2hex(value)
	{
		var hex = "", v, h, i;
		var regexp = /([0-9]+)[, ]+([0-9]+)[, ]+([0-9]+)/;
		var h = regexp.exec(value);
		for (i = 1; i < 4; i++)
		{
			v = parseInt(h[i]).toString(16);
			if (v.length == 1) hex += "0" + v;
			else hex += v;
		}
		return ("#" + hex);
	}

	function Mix(c1, c2)
	{
		// Make sure all colors are hex

		c1 = (new RGBColor(c1)).toHex()
		c2 = (new RGBColor(c2)).toHex()

		var i, step1, step2, x, y, r = new Array(3);
		if (c1.length == 4) step1 = 1;
		else step1 = 2;
		if (c2.length == 4) step2 = 1;
		else step2 = 2;
		for (i = 0; i < 3; i++)
		{
			x = parseInt(c1.substr(1 + step1 * i, step1), 16);
			if (step1 == 1) x = 16 * x + x;
			y = parseInt(c2.substr(1 + step2 * i, step2), 16);
			if (step2 == 1) y = 16 * y + y;
			r[i] = Math.floor((x * 50 + y * 50) / 100);
			r[i] = r[i].toString(16);
			if (r[i].length == 1) r[i] = "0" + r[i];
		}
		return ("#" + r[0] + r[1] + r[2]);
	}

	// *************  Color method ******************** //
	function RGBColor(color_string)
	{
		this.ok = false;

		// strip any leading #
		if (color_string.charAt(0) == '#')
		{ // remove # if any
			color_string = color_string.substr(1, 6);
		}

		color_string = color_string.replace(/ /g, '');
		color_string = color_string.toLowerCase();

		// before getting into regexps, try simple matches
		// and overwrite the input
		var simple_colors = {
			aliceblue: 'f0f8ff',
			antiquewhite: 'faebd7',
			aqua: '00ffff',
			aquamarine: '7fffd4',
			azure: 'f0ffff',
			beige: 'f5f5dc',
			bisque: 'ffe4c4',
			black: '000000',
			blanchedalmond: 'ffebcd',
			blue: '0000ff',
			blueviolet: '8a2be2',
			brown: 'a52a2a',
			burlywood: 'deb887',
			cadetblue: '5f9ea0',
			chartreuse: '7fff00',
			chocolate: 'd2691e',
			coral: 'ff7f50',
			cornflowerblue: '6495ed',
			cornsilk: 'fff8dc',
			crimson: 'dc143c',
			cyan: '00ffff',
			darkblue: '00008b',
			darkcyan: '008b8b',
			darkgoldenrod: 'b8860b',
			darkgray: 'a9a9a9',
			darkgreen: '006400',
			darkkhaki: 'bdb76b',
			darkmagenta: '8b008b',
			darkolivegreen: '556b2f',
			darkorange: 'ff8c00',
			darkorchid: '9932cc',
			darkred: '8b0000',
			darksalmon: 'e9967a',
			darkseagreen: '8fbc8f',
			darkslateblue: '483d8b',
			darkslategray: '2f4f4f',
			darkturquoise: '00ced1',
			darkviolet: '9400d3',
			deeppink: 'ff1493',
			deepskyblue: '00bfff',
			dimgray: '696969',
			dodgerblue: '1e90ff',
			feldspar: 'd19275',
			firebrick: 'b22222',
			floralwhite: 'fffaf0',
			forestgreen: '228b22',
			fuchsia: 'ff00ff',
			gainsboro: 'dcdcdc',
			ghostwhite: 'f8f8ff',
			gold: 'ffd700',
			goldenrod: 'daa520',
			gray: '808080',
			green: '008000',
			greenyellow: 'adff2f',
			honeydew: 'f0fff0',
			hotpink: 'ff69b4',
			indianred: 'cd5c5c',
			indigo: '4b0082',
			ivory: 'fffff0',
			khaki: 'f0e68c',
			lavender: 'e6e6fa',
			lavenderblush: 'fff0f5',
			lawngreen: '7cfc00',
			lemonchiffon: 'fffacd',
			lightblue: 'add8e6',
			lightcoral: 'f08080',
			lightcyan: 'e0ffff',
			lightgoldenrodyellow: 'fafad2',
			lightgrey: 'd3d3d3',
			lightgreen: '90ee90',
			lightpink: 'ffb6c1',
			lightsalmon: 'ffa07a',
			lightseagreen: '20b2aa',
			lightskyblue: '87cefa',
			lightslateblue: '8470ff',
			lightslategray: '778899',
			lightsteelblue: 'b0c4de',
			lightyellow: 'ffffe0',
			lime: '00ff00',
			limegreen: '32cd32',
			linen: 'faf0e6',
			magenta: 'ff00ff',
			maroon: '800000',
			mediumaquamarine: '66cdaa',
			mediumblue: '0000cd',
			mediumorchid: 'ba55d3',
			mediumpurple: '9370d8',
			mediumseagreen: '3cb371',
			mediumslateblue: '7b68ee',
			mediumspringgreen: '00fa9a',
			mediumturquoise: '48d1cc',
			mediumvioletred: 'c71585',
			midnightblue: '191970',
			mintcream: 'f5fffa',
			mistyrose: 'ffe4e1',
			moccasin: 'ffe4b5',
			navajowhite: 'ffdead',
			navy: '000080',
			oldlace: 'fdf5e6',
			olive: '808000',
			olivedrab: '6b8e23',
			orange: 'ffa500',
			orangered: 'ff4500',
			orchid: 'da70d6',
			palegoldenrod: 'eee8aa',
			palegreen: '98fb98',
			paleturquoise: 'afeeee',
			palevioletred: 'd87093',
			papayawhip: 'ffefd5',
			peachpuff: 'ffdab9',
			peru: 'cd853f',
			pink: 'ffc0cb',
			plum: 'dda0dd',
			powderblue: 'b0e0e6',
			purple: '800080',
			red: 'ff0000',
			rosybrown: 'bc8f8f',
			royalblue: '4169e1',
			saddlebrown: '8b4513',
			salmon: 'fa8072',
			sandybrown: 'f4a460',
			seagreen: '2e8b57',
			seashell: 'fff5ee',
			sienna: 'a0522d',
			silver: 'c0c0c0',
			skyblue: '87ceeb',
			slateblue: '6a5acd',
			slategray: '708090',
			snow: 'fffafa',
			springgreen: '00ff7f',
			steelblue: '4682b4',
			tan: 'd2b48c',
			teal: '008080',
			thistle: 'd8bfd8',
			tomato: 'ff6347',
			turquoise: '40e0d0',
			violet: 'ee82ee',
			violetred: 'd02090',
			wheat: 'f5deb3',
			white: 'ffffff',
			whitesmoke: 'f5f5f5',
			yellow: 'ffff00',
			yellowgreen: '9acd32'
		};
		for (var key in simple_colors)
		{
			if (color_string == key)
			{
				color_string = simple_colors[key];
			}
		}
		// emd of simple type-in colors

		// array of color definition objects
		var color_defs = [
        {
        	re: /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
        	example: ['rgb(123, 234, 45)', 'rgb(255,234,245)'],
        	process: function(bits)
        	{
        		return [
                    parseInt(bits[1]),
                    parseInt(bits[2]),
                    parseInt(bits[3])
                ];
        	}
        },
        {
        	re: /^(\w{2})(\w{2})(\w{2})$/,
        	example: ['#00ff00', '336699'],
        	process: function(bits)
        	{
        		return [
                    parseInt(bits[1], 16),
                    parseInt(bits[2], 16),
                    parseInt(bits[3], 16)
                ];
        	}
        },
        {
        	re: /^(\w{1})(\w{1})(\w{1})$/,
        	example: ['#fb0', 'f0f'],
        	process: function(bits)
        	{
        		return [
                    parseInt(bits[1] + bits[1], 16),
                    parseInt(bits[2] + bits[2], 16),
                    parseInt(bits[3] + bits[3], 16)
                ];
        	}
        }
    ];

		// search through the definitions to find a match
		for (var i = 0; i < color_defs.length; i++)
		{
			var re = color_defs[i].re;
			var processor = color_defs[i].process;
			var bits = re.exec(color_string);
			if (bits)
			{
				channels = processor(bits);
				this.r = channels[0];
				this.g = channels[1];
				this.b = channels[2];
				this.ok = true;
			}

		}

		// validate/cleanup values
		this.r = (this.r < 0 || isNaN(this.r)) ? 0 : ((this.r > 255) ? 255 : this.r);
		this.g = (this.g < 0 || isNaN(this.g)) ? 0 : ((this.g > 255) ? 255 : this.g);
		this.b = (this.b < 0 || isNaN(this.b)) ? 0 : ((this.b > 255) ? 255 : this.b);

		// some getters
		this.toRGB = function()
		{
			return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
		}
		this.toHex = function()
		{
			var r = this.r.toString(16);
			var g = this.g.toString(16);
			var b = this.b.toString(16);
			if (r.length == 1) r = '0' + r;
			if (g.length == 1) g = '0' + g;
			if (b.length == 1) b = '0' + b;
			return '#' + r + g + b;
		}
	}

	Apply(selector, options);
}


/* Various util methods */

String.prototype.find = function(what)
{
	return (this.indexOf(what) >= 0 ? true : false);
}

var isDef = function(arg, defaultValue)
{
	if (typeof defaultValue == "undefined")
		return typeof arg != "undefined"
	else
		return (typeof arg != "undefined") ? defaultValue : arg
}