ColorPicker = {
	wnd: null,

	picker: null,

	hex: "ffffff",

	rgb: [255, 255, 255],

	create: function() {
		if( ColorPicker.picker ) {
			return;
		}

		ColorPicker.wnd = new WINDOW("wnd_picker");
		ColorPicker.wnd.title_color = "#333333";
		ColorPicker.wnd.border_color = "#333333";
		ColorPicker.wnd.color = "#666666";
		ColorPicker.wnd.create(0, 0, 218, 230, "CLOSE");
		ColorPicker.wnd.setTitle("COLOR PICKER");
		ColorPicker.wnd.addHTML("<div style='clear: both; border: solid 4px #666666; height: 32px; overflow: hidden;'><div id='wnd_picker_color' style='border: solid 1px #999999; background: #ffffff; height: 20px; padding-top: 6px; font: 9pt arial; text-align: center;'>#FFFFFF</div></div><div id='wnd_picker_object' style='position: relative; clear: both;'></div>");
		ColorPicker.picker = new YAHOO.widget.ColorPicker("wnd_picker_object", {
			showrgbcontrols: false,
			showhsvcontrols: false,
			showhexcontrols: false,
			images: {
				PICKER_THUMB: "image/picker_thumb.png",
				HUE_THUMB: "image/hue_thumb.png"
			}
		});
		ColorPicker.picker.on("rgbChange", ColorPicker._onChange);
		ColorPicker.wnd.onClose = ColorPicker.hide;
		ColorPicker.wnd.center();
		ColorPicker.wnd.enableDragdrop();
		YAHOO.util.Dom.setStyle(ColorPicker.wnd.container, "zIndex", "998");
	},

	setLayout: function() {
		if( !ColorPicker.wnd ) {
			return;
		}
		ColorPicker.wnd.setXY(SETTING.wnd.getContainerX(), SETTING.wnd.getContainerY() + 93 + 30);
	},

	_onChange: function(o) {
		ColorPicker.rgb = o.newValue;
		ColorPicker.hex = YAHOO.util.Color.rgb2hex(o.newValue);
		var font_color = (o.newValue[0] < 128 || o.newValue[1] < 128 || o.newValue[2] < 128) ? "#ffffff" : "#000000";
		YAHOO.util.Dom.setStyle("wnd_picker_color", "color", font_color);
		YAHOO.util.Dom.get("wnd_picker_color").innerHTML = "#" + ColorPicker.hex;
		YAHOO.util.Dom.setStyle("wnd_picker_color", "background", "#" + ColorPicker.hex);

		ColorPicker.onChange(ColorPicker.hex);
	},

	onChange: function(hex) {
	},

	show: function() {
		ColorPicker.create();
		ColorPicker.wnd.show();
		ColorPicker.setLayout();
	},

	hide: function() {
		ColorPicker.create();
		ColorPicker.wnd.hide();
		SETTING.wnd.hide();
	},

	setTitle: function(title) {
		ColorPicker.wnd.setTitle(title);
	},

	setColor: function(hex, click) {
		if( !ColorPicker.picker ) {
			return;
		}
		var rgb = YAHOO.util.Color.hex2rgb(hex);
		ColorPicker.picker.setValue(rgb, true);

		if( click ) {
			var font_color = (rgb[0] < 128 || rgb[1] < 128 || rgb[2] < 128) ? "#ffffff" : "#000000";
			YAHOO.util.Dom.setStyle("wnd_picker_color", "color", font_color);
			YAHOO.util.Dom.get("wnd_picker_color").innerHTML = "#" + hex;
			YAHOO.util.Dom.setStyle("wnd_picker_color", "background", "#" + hex);
			//alert(hex);
		}
	},

	getColor: function() {
		return YAHOO.util.Dom.get("wnd_picker_color").innerHTML;
	},

	setXY: function(x, y) {
		ColorPicker.wnd.setXY(x, y);
	},

	onClose: function() {
	}
};

//ColorPicker.show();