function showColorPicker(pickerID, textID) {
	var basecolor = new Array("00","33","66","99","CC","FF");
	var tablecontents = "<table style='border:0px; padding:0px; margin:0px; border-spacing:0px; border-collapse:collapse;'>";
	
	for (b=0; b<6; b++) {
		tablecontents += "<tr>";
		for (r=0; r<3; r++) {
			for (g=0; g<6; g++) {
				var curColorString = "#" + basecolor[r] + basecolor[g] + basecolor[b];
				tablecontents += "<td style="
					+ "'width:10px; height:10px; font-size:10px; border: 1px #000000 solid; padding: 0px; background-color:" + curColorString + ";'"
					+ " onMouseOver='setFormValue(\"" + textID + "\",\"" + curColorString + "\")'>"
					+ "<a style='text-decoration:none;color:" + curColorString + ";' href='javascript:hideColorPicker(\"" + pickerID + "\");setColorPickerButton(\"btn_" + pickerID + "\",\"" + curColorString + "\");'>"
				    + "O</a>"
				    + "</td>";
			}
		}
		tablecontents += "</tr>";
	}
	
	for (b=0; b<6; b++) {
		tablecontents += "<tr>";
		for (r=3; r<6; r++) {
			for (g=0; g<6; g++) {
				var curColorString = "#" + basecolor[r] + basecolor[g] + basecolor[b];
				tablecontents += "<td style="
					+ "'width:10px; height:10px; font-size:10px; border: 1px #000000 solid; padding: 0px; background-color:" + curColorString + ";'"
					+ " onMouseOver='setFormValue(\"" + textID + "\",\"" + curColorString + "\")'>"
					+ "<a style='text-decoration:none;color:" + curColorString + ";' href='javascript:hideColorPicker(\"" + pickerID + "\");setColorPickerButton(\"btn_" + pickerID + "\",\"" + curColorString + "\");'>"
				    + "O</a>"
				    + "</td>";
			}
		}
		tablecontents += "</tr>";
	}
	
	tablecontents += "</table>";
	
	pickerDiv = document.getElementById(pickerID);
	pickerDiv.innerHTML = tablecontents;
	pickerDiv.style.display = "inline";
}

function hideColorPicker(pickerID, textID) {
	pickerDiv = document.getElementById(pickerID);
	pickerDiv.style.display = "none";
	onColorPickerValueChanged(pickerID);
}

function setFormValue(elementName, value) {
	var element = document.getElementById(elementName);
	element.setAttribute("value", value);
}

function setColorPickerButton(pickerbtnID, color) {
	try {
		pickerbtn = document.getElementById(pickerbtnID);
		pickerbtn.style.backgroundColor = color;
	} catch (e) {
		pickerbtn.style.backgroundColor = "#FFFFFF";
	}
}