bloc = true;
isAffiche = false;

function hexa(couleur)
{
    if(bloc) {
        document.getElementById('couleur').value = couleur;
        //document.getElementById('couleur').value = "red";
        document.getElementById('visuCouleur').style.backgroundColor = couleur;
        affichePalette();
    }
}

function affichePalette(pos) {
	//alert(pos);
	//document.getElementById('colorPicker').style.left = pos + 10;
	document.getElementById('colorPicker').style.left = 450;
	document.getElementById('colorPicker').style.top = 634;
	
	if (isAffiche == false) {
		document.getElementById('colorPicker').style.visibility = 'visible';
		isAffiche = true;
	}
	else if (isAffiche == true) {
		document.getElementById('colorPicker').style.visibility = 'hidden';
		isAffiche = false;
	}
}

function palette() {

	document.write("<div id='colorPicker' class='palette'><table border='0' cellpadding='0' cellspacing='0' ><TR>");
	var h=new Array('00','33','66','99','CC','FF');
	var col="";
	
	for(var i=0;i<6;i++) {
		
		for(var j=0;j<6;j++) {
			
			for(var k=0;k<6;k++) {
				col=""+h[i]+h[j]+h[k];
				document.write("<TD width='10' height='10' bgcolor='"+col+"' onClick=\"hexa('"+col+"')\" onClick=\"if(bloc) { bloc = false; } else { bloc = true; }\"></TD>");
			}
		}
		
		document.write("</tr>");
	}
	
	document.write("</table></div>");
}