// JavaScript Document

var arrInput = new Array(0);
  var arrInputValue = new Array(0);

function addInput() {
  arrInput.push(arrInput.length);
  arrInputValue.push("");
  display();
}

function display() {
  document.getElementById('spot').innerHTML="";
  for (intI=0;intI<arrInput.length;intI++) {
    document.getElementById('spot').innerHTML+=createInput(arrInput[intI], arrInputValue[intI]);
  }
}

//function saveValue(intId,strValue) {
//  arrInputValue[intId]=strValue;
//}  

counter = 0;

function createInput(id,value) {
  //return "<input type='text' id='test "+ id +"' onChange='javascript:saveValue("+ id +",this.value)' value='"+ value +"'><br>";
  
  counter = 1;
  counter++;

  //write out a new row of fields:
  var wrap1 = "<table width='600' cellpadding='6' cellspacing='0' border='0' align='center'><tr><td width='80'>";
  var quantity1 = "<input name='quantity"+counter+"' length='3' size='3' maxlength='3'/>";
  var quantity2 = "<input type='hidden' name='qty"+counter+"hid' id='qty"+counter+"hid' value='javascript:qty"+counter+"Var.toString()' /></td>";
  var item1 = "<td width='220'><input name='item"+counter+"' length='35' size='35' maxlength='150'/>";
  var item2 = "<input type='hidden' name='item"+counter+"hid' id='item"+counter+"hid' value='javascript:item"+counter+"Var.toString()' /></td>";
  var reason1 = "<td width='180'><select name='reason"+counter+"' id='reason"+counter+"' onchange=''>";
  var reason_general = "<option value=''>------</option><option value='The product did not fit' id='notfit'>The product did not fit</option><option value='I do not like the product' id='notlike'>I do not like the product</option><option value='Wrong item shipped' id='wrongitem'>Wrong item shipped</option><option value='I am not happy with the quality' id='notqualify'>I am not happy with the quality</option><option value='Changed mind' id='changedmind'>Changed mind</option><option value='I am returning a gift' id='returngift'>I am returning a gift</option><option value='Item not as pictured' id='itempic'>Item not as pictured</option><option value='Other' id='other'>Other</option></select>";
  var reason2 = "<input type='hidden' name='reason"+counter+"hid' id='reason"+counter+"hid' value='javascript:reason"+counter+"Var.toString()' />";
  var wrap2 = "</td></tr></table>";
  var newfields = wrap1 + quantity1 + quantity2 + item1 + item2 + reason1 + reason_general + reason2 + wrap2;  
  return newfields;

}

function deleteInput() {
  if (arrInput.length > 0) { 
     arrInput.pop(); 
     arrInputValue.pop();
     counter--;
  }
  display(); 
}