Weblabor

	function createcp(name){
		layer = document.createElement("div");
		layer.id = name;
		layer.style.background = "#FFFFFF";
		layer.style.border = "1px solid black";
		layer.style.position = "absolute";
		layer.style.visbility = 'hidden';
		layer.style.top = yMousePos + "px";
		layer.style.left = xMousePos + "px";
		var colors = Array('FF','CC','00','99','66','33');
		if (!clrs){
			var clrs = Array();
			for (i = 0;i < colors.length;i++){
				for (j = 0;j < colors.length; j++){
					for (k = 0;k < colors.length; k++){
						clrs[clrs.length] = '#' + colors[i] + colors[j] + colors[k];
					}
				}
			}
		}
		tabla = document.createElement("table");
		tabla.cellSpacing = 0;
		tabla.cellPadding = 0;
		for (i=0;i<clrs.length;i++){
			if(i%18==0){
				TR=document.createElement("tr");
				TR.style.height = 10 + 'px';
				tabla.appendChild(TR);
			}
			TD = document.createElement("td");
			TD.style.cursor = "pointer";
			TD.style.width = 10 + 'px';
			TD.style.height = 10 + 'px';
			TD.style.border = '1px solid white';
			TD.bgColor = clrs[i];
			TD.onclick = function(){colorFormat(this.bgColor,name)};
			TD.onmouseover = function(){this.style.border = '1px solid black';};
			TD.onmouseout = function(){this.style.border = '1px solid white';};
			TD.innerText = " ";
			TR.appendChild(TD);
		}
		layer.appendChild(tabla);
		document.body.appendChild(layer);
		document.getElementById(name).style.visibility = 'visible';
	}