<%@ include file="/includes.jsp"%>
<%@ taglib prefix="smvc" uri="http://www.springframework.org/tags/form"%>
<script>
var colorPicker = new iro.ColorPicker('#color-picker-container');
function updateInput(inputId) {
	var hex = colorPicker.color.hexString;
	document.getElementById(inputId).value = hex;
}
</script>
<style type="text/css">
.contentPopup {
	display: none;
	height: 200px;
	width: 300px;
	z-index: 5;
	padding: 10px;
	font-size: 13px;
	background-color: #ffffff;
}

#attachFilePopupTable {
	width: 100%;
	background-color: #ffffff;
}

#popupContactClose {
	color: red;
	cursor: pointer;
}
</style>
<link href="../referrals/css/main.css" type="text/css" rel="stylesheet" />
<div id="colorPickerPopupId" class="contentPopup">
	<table id="colorPickerPopupTable">
		<tr>
			<td>&nbsp;</td>
		</tr>
		<tr class="borderbot">
		<td align="right" valign="top">
			<a id="popupContactClose" class="popupContactClose" onclick="disablePopup('colorPickerPopupId');" title="Close"><img src="../images/16x16/cross.png" /></a>
		</td>
		</tr>
		<tr>
			<td>
				<div id="color-picker-container" onclick="updateInput('fgColour')"></div>
			</td>
		</tr>
		<tr><td></td></tr>
	</table>
</div>
