function appendColourModOverlay() {
	
	//prevent page highlighting	
	document.ondrag = function() { return false; };
	document.onselectstart = function() { return false; };
	
	
	var overlay = document.createElement('div');
	overlay.id = 'ColourMod';
	
	//iframe to allow internet explorer < 7 to display color picker over form select
	var optional = '';
	if (document.all && !(document.documentElement && typeof document.documentElement.style.maxHeight != "undefined")) {
		var optional = '<iframe></iframe>';
	}
	
	overlay.innerHTML = '' +
	'		<div id="cmDefault">' +
	'			<form>' +
	'				<div id="cmColorContainer" class="cmColorContainer"></div>' +
	'				<div id="cmSatValBg" class="cmSatValBg"></div>' +
	'				<div id="cmDefaultMiniOverlay" class="cmDefaultMiniOverlay"></div>' +
	'				<div id="cmSatValContainer">' +
	'					<div id="cmBlueDot" class="cmBlueDot"></div>' +
	'				</div>' +
	'				<div id="cmHueContainer">' +
	'					<div id="cmBlueArrow" class="cmBlueArrow"></div>' +
	'				</div>' +
	'				<div id="cmClose">' +
	'					<input type="text" name="cmHex" id="cmHex" value="FFFFFF" maxlength="6" size="9" /> <a href="#" id="cmCloseButton" ><img src="/assets/colourmod/images/close.gif" border="0" alt="Close ColourMod" /></a>' +
	'				</div>' +
	'				<div style="display:none">' +
	'					<input type="text" name="cmHue" id="cmHue" value="0" maxlength="3" />' +
	'				</div>' +
//	'				<a href="http://www.colourmod.com" target="_blank" title="ColourMod - Dynamic Color Picker" class="cmLink">&copy; ColourMod.com</a>' +
	'			</form>' +
	'			' + optional +
	'		</div>';
	
	var bodyNode = document.getElementsByTagName("body")[0];
	bodyNode.appendChild(overlay);
}