var arrInput = new Array(0);
  var arrInputValue = new Array(0);
  var petnameValue = new Array(0);
  var petvetValue = new Array(0);
  var petvetnumberValue = new Array(0);
  var petinfoValue = new Array(0);
function addInput() {
  
  arrInput.push(arrInput.length);
  arrInputValue.push("");
  //alert(arrInput);
  display();
}

function display() {
  document.getElementById('parah').innerHTML="";
  for (intI=0;intI<arrInput.length;intI++) {
    document.getElementById('parah').innerHTML+=createInput(arrInput[intI], arrInputValue[intI]);
  }
  for(i=0;i<arrInput.length-1;i++) {
	document.getElementsByName("pet_name[]")[i].value=petnameValue[i];
	document.getElementsByName("pet_vet[]")[i].value=petvetValue[i];
	document.getElementsByName("pet_vet_number[]")[i].value=petvetnumberValue[i];
	document.getElementsByName("pet_info[]")[i].value=petinfoValue[i];
  }
}
function display1() {
  document.getElementById('parah').innerHTML="";
  for (intI=0;intI<arrInput.length;intI++) {
    document.getElementById('parah').innerHTML+=createInput(arrInput[intI], arrInputValue[intI]);
  }
  for(i=0;i<arrInput.length;i++) {
	document.getElementsByName("pet_name[]")[i].value=petnameValue[i];
	document.getElementsByName("pet_vet[]")[i].value=petvetValue[i];
	document.getElementsByName("pet_vet_number[]")[i].value=petvetnumberValue[i];
	document.getElementsByName("pet_info[]")[i].value=petinfoValue[i];
  }
}

function saveValue(intId,strValue) {
  arrInputValue[intId]=strValue;
}  
function getElementvalues(){
	petnameValue = new Array(0);
    petvetValue = new Array(0);
    petvetnumberValue = new Array(0);
    petinfoValue = new Array(0);
	petname=document.getElementsByName("pet_name[]");
	petvet=document.getElementsByName("pet_vet[]");
	petvetnumber=document.getElementsByName("pet_vet_number[]");
	petinfo=document.getElementsByName("pet_info[]");
	pet_name=petname;
	
	for (i=0;i<petname.length;i++){
	document.getElementsByName("pet_name[]")[i].value=petname[i].value;
	document.getElementsByName("pet_vet[]")[i].value=petvet[i].value;
	document.getElementsByName("pet_vet_number[]")[i].value=petvetnumber[i].value;
	document.getElementsByName("pet_info[]")[i].value=petinfo[i].value;
	petnameValue.push(petname[i].value);
	petvetValue.push(petvet[i].value);
	petvetnumberValue.push(petvetnumber[i].value);
	petinfoValue.push(petinfo[i].value);
	//alert(petnameValue+"  "+petvetValue+"  "+petvetnumberValue+"  "+petinfoValue);
	
	}	
	addInput();
}
function createInput(id,value) {
//  return "<input type='text' id='test "+ id +"' onChange='javascript:saveValue("+ id +",this.value)' value='"+ value +"'><br>";
	return "<table width='100%' border='0' align='center' cellpadding='2' cellspacing='3'><tr><td align='right' style='width:120px'>Name : </td><td align='left' style='width:220px'><input name='pet_name[]' type='text' class='txt-gray' style='width:200px'></td><td align='right' style='width:140px'></td></tr><tr><td align='right' style='width:120px'>Vet Practice Name<br />(New Clients Only) : </td><td align='left' style='width:220px'><input name='pet_vet[]' type='text' class='txt-gray' style='width:200px'></td><td align='right' style='width:140px'></td></tr><tr><td align='right' style='width:120px'>Vet Phone Number<br />(New Clients Only) : </td><td align='left' style='width:220px'><input name='pet_vet_number[]' type='text' class='txt-gray' style='width:200px'></td><td align='right' style='width:140px'></td></tr><tr><td align='right' valign='top' style='width:120px'>Any information we<br>should be aware of<br>since your pet's last<br>visit ?</td><td align='left' style='width:220px'><label><textarea name='pet_info[]' rows='5' class='txt-gray' style='width:200px' ></textarea></label></td><td align='right' style='width:120px'></td></tr><tr><td align='right' valign='top' style='width:120px'></td><td align='left' style='width:220px'></td><td align='right' style='width:120px'></td></tr></table><div id='parah'></div>";


}

function deleteInput() {
  if (arrInput.length > 0) { 
     arrInput.pop(); 
     arrInputValue.pop();
  }
  display1(); 
}