var a = new Array("00", "33", "66", "99", "CC", "FF");
var matable = '<table summary="couleurs" border="0" cellspacing="1" cellpadding="0">';

for(i=0; i<a.length; i++) {
	matable += '<tr align="left" valign="top">';
	for(var j=0; j<a.length/2; j++) {
		for(var k=0; k<a.length; k++) {
			var code = a[i] + a[j] + a[k];
			matable += '<td bgcolor="#' + code + '"><img src="1.gif" width="20" height="20" alt=""onMouseover="window.document.f.color.value=\'' + code + '\'; return true;" onMouseout="window.document.f.color.value=\' \';" onclick="window.document.f.color.focus(); window.document.f.color.select();"><\/td>';
		}
		if (j<a.length/2-1) {
			matable += '<td><img src="1.gif" width="4" height="4" alt=""><\/td>';
		}
	}
	matable += '<\/tr>';
}

// deuxieme etage
matable += '<tr align="left" valign="top"><td colspan="20"><img src="1.gif" width="4" height="4" alt=""><\/td><\/tr>';

for(var i=0; i<a.length; i++) {
matable += '<tr align="left" valign="top">';

	for(var j=a.length/2; j<a.length; j++) {
		for(var k=0; k<a.length; k++) {
		var code = a[i] + a[j] + a[k];
		matable += '<td bgcolor="#' + code + '"><img src="1.gif" width="20" height="20" alt="" onMouseover="window.document.f.color.value=\'' + code + '\'; return true;" onMouseout="window.document.f.color.value=\' \';" onclick="window.document.f.color.focus(); window.document.f.color.select();"><\/td>';
		}
		if (j<a.length-1) {
			matable += '<td><img src="1.gif" width="4" height="4" alt=""><\/td>';
		}
	}
matable += '<\/tr>';
}
matable += '<\/table>';