var ptr = 0;
  var items = 20;
  var arrobjname = "quanti[],unit[],desc[],reason[]".split(",");
  var arrobjid = "quanti,unit,desc,reason".split(",");
  var arrvalid = "q1,u1,d1,r1".split(",");
  var arrobjlen = 4;
  var q1 = document.getElementById("q1");
  var u1 = document.getElementById("u1");
  var d1 = document.getElementById("d1");
  var r1 = document.getElementById("r1");
  var ed = document.getElementById("errordisplay");
  var sp = document.getElementById("submitpanel");
  var ap = document.getElementById("addpanel");
  var op = document.getElementById("otherspanel");
  var inf = document.getElementById("inputfield1");
  var edstr = "";

  function disableMe(){
       var tmp = document.getElementById("btnUploadTheFile");
       var tmp2 = document.getElementById("txtOutput");
       tmp.disabled=true;
       tmp2.innerHTML = "Uploading file(s) .... Please wait.";
  }

document.getElementById("adder").onclick = function(){
    checkerror();
    //if (ptr < items + 1 && q1.value.length > 0 && u1.value.length > 0 && d1.value.length > 0 && r1.value.length > 0 && 0 < parseInt(q1.value) ) {
    if(edstr == "") {
       var tmp = document.getElementById("inputfield1");
       var o1 = document.getElementById("o1");
       for(i = 0; i < arrobjlen; i++){
          var appendElement = document.createElement("INPUT");
          var val = (i != 0) ? (r1.value == "Other" && i == 3) ? o1.value : document.getElementById(arrvalid[i]).value : parseInt(document.getElementById(arrvalid[i]).value);
          
          appendElement.setAttribute("type","text");
          appendElement.setAttribute("name",arrobjname[i]);
          appendElement.setAttribute("id",arrobjid[i]);
          appendElement.setAttribute("value",val);
          tmp.appendChild(appendElement);
          if(i==0 || i == 2) document.getElementById(arrvalid[i]).value = "";
       }
       var appendBreak = document.createElement("BR"); 
       tmp.appendChild(appendBreak);
       if(r1.value != "Other") sp.style.display = "none";
       ed.innerHTML = "";
       ptr++;
    }
    if(ptr >= items){
       ed.innerHTML = "You've reached the maximum items to the E-waste Form.<br /> Please submit this entry and fill-up a new form.<br /> Thank you.";
       ap.style.display = "none";
       sp.style.display = "block";
    }
    edstr = "";
    q1.focus();
}

function checkerror(){
       var o1 = document.getElementById("o1");
       if(r1.value == "Other" && o1.value.length <= 0)  edstr += "*Please specify others.<br />";
       if(q1.value.length <= 0 || parseInt(q1.value).toString() == 'NaN' ) edstr += "*Quantity is Required<br />";
       if(parseInt(q1.value) >1000 || parseInt(q1.value) < 0) edstr += "*Quantity limit is 1 to 1,000.<br />";
       if(u1.value.length <= 0) edstr += "*Unit is Required<br />";
       if(d1.value.length <= 0) edstr += "*Description is Required<br />";
       if(r1.value.length <= 0) edstr += "*Reason is Required<br />";
       if(d1.value.length > 50) edstr += "*Description maximum length is 50.<br />";
       if(r1.value.length > 30) edstr += "*Reason maximum length is 30.<br />";

       var cn1 = document.getElementById("companyname");
       var ba1 = document.getElementById("businessaddress1");
       var s1 = document.getElementById("state");
       var tel1 = document.getElementById("telephone");
       var em1 = document.getElementById("email");
       var cp1 = document.getElementById("contactperson");

       if(cn1.value.length <= 0) edstr += "*Company name is required.<br />";
       if(ba1.value.length <= 0) edstr += "*Business address 1 is required.<br />";
       if(s1.value.length <= 0) edstr += "*State field is required.<br />";
       if(tel1.value.length <= 0) edstr += "*Telephone number is required.<br />";
       if(em1.value.length <= 0) edstr += "*Email Address is required.<br />";
       if(cp1.value.length <= 0) edstr += "*Contact person is required.<br />";
       if (em1.value.indexOf(".") == -1 || em1.value.indexOf("@") == -1 || em1.value.split("@")[0].length <= 0 ||  em1.value.split("@")[1].split(".")[0].length <= 0  || em1.value.split("@")[1].split(".")[1].length <= 0)
            edstr += "*Invalid Email Format.";
       ed.innerHTML = edstr;
}

document.getElementById("formdone").onclick = function(){
       if(inf.innerHTML.length <= 0){
          ed.innerHTML = "Please Fill up all the required items.Before submitting this entry.<br />";
       } else {
          ed.innerHTML = "Thank you for filling all the required items.You can now submit this entry.<br />";
          ap.style.display = "none";
          sp.style.display = "block";
       }
}

u1.onchange = function(){
      var tmp = r1.value;
      if(this.value == "Hard drive"){
          if(r1.options[3].value != 'Data removal'){
             var newopt = document.createElement("option");
             newopt.text = 'Data removal';
             newopt.value = 'Data removal';
             try{
                r1.add(newopt, 3);
            } catch(err) {
                r1.add(newopt, r1.options[3]);
            }
          }
      } else {
          if(r1.options[3].value == 'Data removal')  r1.remove(3);
      }
      r1.value = tmp;
}

r1.onchange = function(){
     if(this.value == "Other"){
       op.style.display = "block";
     } else {
       op.style.display = "none";
     }
}
//q1.focus();