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"
);

dol.forValue("Duo").addOptionsTextValue(
  "Duo Sizes ...", "choose",
  
  "Xsmall  (3-6kg)", "XS",
  "Small  (5-8kg)",  "S",
  "Med (8-12kg)",    "M",
  "Large (12-16kg)", "L"
);

function printColourOptions() {
  document.writeln("<option value='white'         >White</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='rainforest'    >Rainforest</option>")
  document.writeln("<option value='wetlands'      >Wetlands</option>")
  document.writeln("<option value='asia'          >Asia</option>")
  document.writeln("<option value='new! oceans'   >New! Oceans</option>")
  document.writeln("<option value='new! savanna'  >New! Savanna</option>")
}


function printCoverOptions(number, display) {
  document.writeln('            <tr class="TRCOVER" align="center" style="display:' + display + '">')
  document.writeln('                <td width="75" 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('                    <OPTION VALUE="Duo">Duo</option>')
  document.writeln('                  </SELECT>')
  document.writeln('                  <SELECT STYLE="width: 130px;" NAME="SIZE' + number + '"></SELECT>')
  document.writeln('                </td>')
  document.writeln('            </tr>')
}

function updateCoverOptions()
{
  if (document.Package.NappyType.value.match("Uno") || document.Package.NappyType.value.match("EasyStuff") ) {
    $('#coverOptions').fadeOut(500);
  } 
  else {
    if (document.Package.NappyType.value.match("Duo")) {
      // alert('Please select your Dou Covers');
      $('select[name*="COVER"]').removeAttr('selected',true).val("Duo").attr('selected',true);
      $('select[name*="COVER"]').change();
    }
    else {
      $('select[name*="COVER"]').removeAttr('selected',true).val("A/F").attr('selected',true);
      $('select[name*="COVER"]').change();
    }
    $('#coverOptions').fadeIn(500);
  }
}