var dol = new DynamicOptionList();

dol.addDependentFields("COVER1","SIZE1");
dol.addDependentFields("COVER2","SIZE2");
dol.addDependentFields("COVER3","SIZE3");
dol.addDependentFields("COVER4","SIZE4");
dol.addDependentFields("COVER5","SIZE5");
dol.addDependentFields("COVER6","SIZE6");

dol.forValue("A/F").addOptionsTextValue(
  "Air-flow Sizes ...", "choose",
  
  "Xsmall  (2.5-5.5kg)","XS",
  "Small  (2.5-5.5kg)", "S",
  "Med (4.5-9kg)",      "M",
  "Med/Lg (9-13kg)",    "M/L",
  "Large (12-16kg)",    "L"

);

dol.forValue("Rikki").addOptionsTextValue(
  "Rikki Sizes ...",    "choose",
  
  "Xsmall  (2.5-5.5kg)","XS",
  "Small  (2.5-5.5kg)", "S",
  "Med (4.5-9kg)",      "M",
  "Large (9-16kg)",     "L"

);

function printColourOptions() {
  document.writeln("<option value='white'      >White</option>")
  document.writeln("<option value='blue'       >Blue</option>")
  document.writeln("<option value='yellow'     >Yellow</option>")
  document.writeln("<option value='pink'       >Pink</option>")
  document.writeln("<option value='oceans'     >Oceans</option>")
  document.writeln("<option value='savanna'    >Savanna</option>")
  document.writeln("<option value='rainforest' >Rainforest</option>")
  document.writeln("<option value='wetlands'   >Wetlands</option>")
  document.writeln("<option value='asia'       >Asia</option>")
}

function printCoverOptions(number, display) {
  document.writeln('            <tr id="TRCOVER' + number + '" align="center" style="display:' + display + '">')
  document.writeln('                <td align="right">Cover</td>')
  document.writeln('                <td align="left">')
  document.writeln('                  <SELECT NAME="COVER' + number + '">')
  document.writeln('                    <OPTION VALUE="A/F" SELECTED>Air-flow</option>')
  document.writeln('                    <OPTION VALUE="Rikki">Rikki</option>')
  document.writeln('                  </SELECT>')
  document.writeln('                  <SELECT STYLE="width: 130px;" NAME="SIZE' + number + '"></SELECT>')
  document.writeln('                </td>')
  document.writeln('            </tr>')
}