function showColors ( theField ) {

	theWidth = 300;
	theHeight = 145;

	leftCoord = (screen.width / 2) - (theWidth / 2);
	topCoord = (screen.height / 2) - (theHeight / 2) - 20;

	theHex = document.getElementById(theField).value;
	theHex = theHex.substr(1,6);
	colorsWindow = window.open("chooser.php?field="+theField+"&hex="+theHex,"hexcodes",
		"width="+theWidth+",height="+theHeight+",top="+topCoord+",left="+leftCoord+
		",menubar=no,toolbar=no,location=no,status=no,directories=no,resizable,scrollbars=no");
	colorsWindow.focus();

}

function updateColor ( theElement ) {
	theColor = theElement.value;
	theObject = document.getElementById(theElement.name+"well");
	theObject.style.backgroundColor = theColor;

}

function openPage ( thePage ) {
	if (opener) {
		opener.location = thePage;
		opener.focus();
	} else document.location = thePage;
}