var active_element      = 'body_background_color';
 var active_element_view = 'body_background_color_view';

 function change_element(element) {

  active_element         = element;
  active_element_view    = element + '_view';

 }

 function ini() {

  info = null;
  wert = new Array(10)

  wert[0] ="00"
  wert[1] ="12"
  wert[2] ="22"
  wert[3] ="44"
  wert[4] ="66"
  wert[5] ="88"
  wert[6]="AA"
  wert[7]="CC"
  wert[8]="DE"
  wert[9]="FF"

  hexfeld = new Array(10)

 }

 function wechsel1() {

  farb = "" + document.getElementById(active_element).value;
  document.getElementById(active_element_view).bgColor = farb;

 }

 function wechsel(kw,lw,mw) {

  document.getElementById(active_element).value = "";
  document.getElementById(active_element).value = "#" + wert[kw] + wert[lw] + wert[mw];

  wechsel1();

 }

 function wechsel_vorschau(kw,lw,mw) {

  farb = "#" + wert[kw] + wert[lw] + wert[mw];
  document.getElementById('color_preview').bgColor = farb;

 }

 function zeigen_pal() {

  var Kette   = '';
  var Counter = 0;

  Kette += '<TABLE style="border:1px solid #777777;" BORDER="0" CELLSPACING="0" CELLPADDING="0">';
  Kette += '<TR>';

  for (var i_1=0; i_1<10; i_1++) {

   for (var i_2=0; i_2<10; i_2++) {

    for (var i_3=0; i_3<10; i_3++) {

     if(Counter%20==0 && Counter!=0) { Kette += '</TR><TR>'; }

     farb = "" + wert[i_1] + wert[i_2] + wert[i_3];

     Kette += '<TD BGCOLOR="#' + farb + '">';

     Kette += '<A onmouseover="wechsel_vorschau(' + i_1 + ',' + i_2 + ',' + i_3 + ')" HREF="JavaScript:wechsel(' + i_1 + ',' + i_2 + ',' + i_3 + ');">';

     Kette += '<IMG SRC="/media/blank.gif" WIDTH=10 HEIGHT=10 BORDER=0></A></TD>';

     Counter++;

    }

   }

  }

  Kette += '</TR><TR>';

  Kette += '<td colspan="20" style="height:20px;" id="color_preview" align="center">&nbsp;</td>';

  Kette += '</TR>';
  Kette += '</TABLE>';

  document.writeln(Kette);
  Kette = null;

 }