var normBGColor = '000000';
var RowNameColumnWidth = 60;
var ColorColumnWidth = 60;

RowNameArray = new Array('Excess', 'Deficiency');
ColNameArray = new Array('Red', 'Pink', 'Orange', 'Peach',     'Yellow', 'SeaGreen', 'Green', 'Teal', 'SkyBlue', 'DarkBlue', 'Purple');
BgColorArray = new Array('Red', 'Pink', 'Orange', 'PeachPuff', 'Yellow', 'SeaGreen', 'Green', 'Teal', 'SkyBlue', 'DarkBlue', 'Purple');

var TableRows    = RowNameArray.length;
var TableColumns = ColNameArray.length;

function getRowNum(RowName) { 
   var Result = 0;
   for (var RowNum = 0; RowNum < TableRows; RowNum++) {
      if (RowName == getRowName(RowNum)) Result = RowNum;
   }
   return Result;
}

function getColNum(ColName) {
   var Result = 0;
   for (var ColNum = 0; ColNum < TableColumns; ColNum++) {
      if (ColName == getColName(ColNum)) Result = ColNum;
   }
   return Result;
}

function TurnOnCell(RowName, ColName) {
   eval('document.all.' + RowName + ColName + '.bgColor="' + getBackColor(getColNum(ColName)) + '"');
}

function getRowName(RowNum) { return RowNameArray[RowNum]; }
function getColName(ColNum) { return ColNameArray[ColNum]; }

function getCellId(RowNum, ColNum) { return (getRowName(RowNum) + getColName(ColNum)); }

function getBackColor(ColNum) { return BgColorArray[ColNum]; }

function SetCell(RowNum, ColNum, bgColor) {
   eval('document.all.' + getCellId(RowNum, ColNum) + '.bgColor="' + bgColor + '"');
}

function ResetCells() {
   for (var RowNum = 0; RowNum < TableRows; RowNum++) {
      for (var ColNum = 0; ColNum < TableColumns; ColNum++) {
         SetCell(RowNum, ColNum, normBGColor);
      }
   }
}

function buildColorTable() {
   var BreakAt = 5;

   document.writeln('&nbsp;<br>');
   build1ColorTable(0, BreakAt);
   document.writeln('&nbsp;<br>');
   build1ColorTable(BreakAt, TableColumns);
}

function build1ColorTable(StartCol, StopCol) {

   document.writeln('<table id="ColorTable" cellspacing="0" cellpadding="5" border="1" bgcolor="' + normBGColor + '">')

   // First Row is Column header data
   document.writeln('<tr>')

   document.writeln('<td><img src="/images/Px_Clear.gif" width="' + RowNameColumnWidth + '" height="1" border="0" /></td>');
   for (var ColNum = StartCol; ColNum < StopCol; ColNum++) {
      document.write('<td><img src="/images/Px_Clear.gif" width="' + ColorColumnWidth + '"  height="1" border="0"><br />');
      document.write('<font face="verdana, arial, helvetica, sans-serif" size="2">' + getColName(ColNum) + '</font>');
      document.writeln('</td>');
   }
   document.writeln('</tr>')

   for (var RowNum = 0; RowNum < TableRows; RowNum++) {
      document.writeln('<tr>')

      document.write('<td>');
      document.write('<font face="verdana, arial, helvetica, sans-serif" size="2">' + getRowName(RowNum) + '</font>');
      document.writeln('</td>');

      for (var ColNum = StartCol; ColNum < StopCol; ColNum++) {
         document.write('<td id="' + getCellId(RowNum, ColNum) + '">');
         document.write('&nbsp;');
         document.writeln('</td>');
      }
      document.writeln('</tr>')
   }
   document.writeln('</table>');
}