var ex = new Array(6)
 ex[0] = '000000'
 ex[1] = '333333'
 ex[2] = '666666'
 ex[3] = '999999'
 ex[4] = 'CCCCCC'
 ex[5] = 'FFFFFF'
 var hex = new Array(6)
 hex[0] = 'FF'
 hex[1] = 'CC'
 hex[2] = '99'
 hex[3] = '66'
 hex[4] = '33'
 hex[5] = '00'
 var ref='body_color';
 function display(triplet)
 {
  var x=0;
  for(x=0;x<form.clr.length;x++)if(form.clr[x].checked) break;
  if(x==form.clr.length){ alert('Color selection not checked.'); return; }
  bg[x].style.background=triplet;
  for(y=0;y<form.elements.length;y++)if(ref==form.elements[y].name)form.elements[y].value='#'+triplet;
 }
 function drawCell(red, green, blue)
 {
  document.write('<td BGCOLOR="#' + red + green + blue + '">');
  document.write('<A HREF="javascript:display(\'' + (red + green + blue) + '\')">');
  document.write('<IMG SRC="images/line.gif" border=0 HEIGHT=12 WIDTH=12>');
  document.write('</A>');
  document.write('</td>');
 }
 function drawRow(red, blue)
 {
  document.write('<tr>')
  for (var i = 0; i < 3; ++i){ drawCell(red, hex[i], blue); }
  document.write('</tr>');

  document.write('<tr>')
  for (var i = 3; i < 6; ++i){ drawCell(red, hex[i], blue); }
  document.write('</tr>');
 }
 function drawTable(blue)
 {
  document.write('<table cellpadding=0 cellspacing=0 border=0>')
  for (var i = 0; i < 6; ++i){ drawRow(hex[i], blue); }
  document.write('</table>');
 }
 function drawCube()
 {
  document.write('<table cellpadding=5 cellspacing=0 border=1 bordercolor="#CCCCFF"><tr>')
  document.write('<td bgcolor="#FFFFFF"><table>');
  for (var i = 0; i < 6; ++i){ document.write('<tr><td bgcolor="#FFFFFF">'); drawCell('', ex[i],''); document.write('</td></tr>'); }
  document.write('</table></td>');
  for (var i = 0; i < 6; ++i)
  {
   document.write('<td bgcolor="#FFFFFF">');
   drawTable(hex[i]);
   document.write('</td>');
  }
  document.write('</tr></table>');
 }