window.onload = function () { toggleForm(); initPrescriptions(10); updatePrescriptions(document.getElementById('NumberOfPrescriptions').value); }
function fnOnUpdateValidators()
{
   for (var i = 0; i < Page_Validators.length; i++)
   {
      var val = Page_Validators[i];
      var ctrl = document.getElementById(val.controltovalidate);
      if (ctrl != null && ctrl.style != null) {
         if (ctrl.id == 'NumberOfPrescriptions')
            continue;
         if (!val.isvalid)
            ctrl.style.background = '#FFAAAA';
         else
            ctrl.style.backgroundColor = '';
      }
 }
 var i = 1;
 var prescrip = document.getElementById('prescription' + i);
 while (prescrip && prescrip.style.display == 'block') {
     var rx = document.getElementById('RX' + i);
     var name = document.getElementById('Patient' + i);
     if (trim(rx.value).length == 0) {
         rx.style.backgroundColor = '#FFAAAA';
     } else {
         rx.style.backgroundColor = '';
     }
     if (trim(name.value).length == 0) {
         name.style.backgroundColor = '#FFAAAA';
     } else {
         name.style.backgroundColor = '';
     }
     prescrip = document.getElementById('prescription' + (++i));
 }

}
function toggleForm() {
	var i = 0;
	while(document.getElementById('CBlock'+i))
    {
        if(document.getElementById('DeliveryMethod_'+i).checked)
        {
            document.getElementById('CBlock'+i).style.display = 'block';
        }
        else
        {
            document.getElementById('CBlock'+i).style.display = 'none';
        }
		i++;
    }
}
function validateOption(obj, args)
{
    if(document.getElementById('DeliveryMethod_1').checked == true)
    {
        if(args.Value.length > 0)
        {
            args.IsValid = true;
        }
        else
        {
            args.IsValid = false;
        }
    }
    else
    {
        args.IsValid = true;
    }
}
function validatePrescriptions(obj, args)
{
    var valid = true;
    var i = 1;
    var prescrip = document.getElementById('prescription' + i);
    while (prescrip && prescrip.style.display == 'block') {
        var rx = document.getElementById('RX' + i);
        var name = document.getElementById('Patient' + i);
        if (trim(rx.value).length == 0) {
            valid = false;
        }
        if (trim(name.value).length == 0) {
            valid = false;
        }
        prescrip = document.getElementById('prescription' + (++i));
    }
    args.IsValid = valid;
}
function copyData(div1, div2) { document.getElementById(div2).value = document.getElementById(div1).value; }
function initPrescriptions(cnt) {
    var prescripRoot = document.getElementById('prescriptions');
    if (prescripRoot && prescripRoot.childNodes.length == 0) {
        for (var i = 1; i <= cnt; i++) {
            var prescripDiv = document.createElement('fieldset');
            prescripDiv.id = 'prescription' + i;
            prescripDiv.innerHTML = createPrescriptionNode(i);
            prescripRoot.appendChild(prescripDiv);
        }
    }
}
function updatePrescriptions(cnt) {
    var prescripRoot = document.getElementById('prescriptions');
    var i = 1;
    var prescrip = document.getElementById('prescription'+i);
    while (prescrip) {
        if (i > cnt) {
            prescrip.style.display = 'none';
        } else {
            prescrip.style.display = 'block';
        }
        prescrip = document.getElementById('prescription' + (++i));
    }
}
/*
<div id="prescription1">
 <p class="radioList">
   <input id="secondversesameasthefirst" type="checkbox" onclick="if(this.checked){copyData('Patient1','Patient2');}" />
   <label for="secondversesameasthefirst">Patient name same as above.</label>
 </p>
 <p>
    <label for="RX1">* RX #1:</label>
    <input type="text" id="RX1" />
  </p>
  <p>
    <label for="Patient1">* Patient Name:</label>
    <input type="text" id="Patient1" />
  </p>
</div>
*/
function createPrescriptionNode(num) {
    var ret = '';
    ret += '<legend>Prescription #' + num + '</legend>';
    if (num > 1) {
        //ret += '<hr/>';
        ret += ' <p class="radioList">\n';
        ret += '<input id="secondversesameasthefirst' + num + '" type="checkbox" onclick="if(this.checked){copyData(\'Patient1\',\'Patient' + num + '\');}" />\n';
        ret += '<label for="secondversesameasthefirst' + num + '">Patient name same as Prescription #1.</label>\n';
        ret += '</p>\n'
    }
    ret += '<p>\n';
    ret += '    <label for="RX' + num + '">* RX #' + num + ':</label>\n';
    ret += '    <input type="text" id="RX' + num + '" name="RX' + num + '" />\n';
    ret += '  </p>\n'
    ret += '  <p>\n';
    ret += '    <label for="Patient' + num + '">* Patient Name:</label>\n';
    ret += '    <input type="text" id="Patient' + num + '" name="Patient' + num + '" />\n';
    ret += '  </p>';
    return ret;
}
function trim(str)
{
    return str.replace(/^\s+|\s+$/g,"");
}