var arrInput = new Array(0);
var arrInputValue = new Array(0);
var arrNameValue = new Array(0);
var arrNumberValue = new Array(0);
var arrRelationValue = new Array(0);
var ICEname = "ICEname";
var ICEnumber = "ICEnumber";
var ICErelation = "ICErelation";

function ICEClass(name, number, relation){
  this.name = name;
  this.number = number;
  this.relation = relation;
}

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

function display() {

  document.getElementById('Name').innerHTML="";
  for (intI=0;intI<arrInput.length;intI++) {
    document.getElementById('Name').innerHTML+=createInput(arrInput[intI], arrInputValue[intI].name, ICEname);
  }
  document.getElementById('Number').innerHTML="";
  for (intI=0;intI<arrInput.length;intI++) {
    document.getElementById('Number').innerHTML+=createInput(arrInput[intI], arrInputValue[intI].number, ICEnumber);
  }
  document.getElementById('Relation').innerHTML="";
  for (intI=0;intI<arrInput.length;intI++) {
    document.getElementById('Relation').innerHTML+=createInput(arrInput[intI], arrInputValue[intI].relation, ICErelation);
  }
}

function saveValue(intId,strValue,ICEtype) {
  if(ICEtype == ICEname){
    arrInputValue[intId].name=strValue;
  }
  else if(ICEtype == ICEnumber){
    arrInputValue[intId].number=strValue;
  }
  else if(ICEtype == ICErelation){
    arrInputValue[intId].relation=strValue;
  }
}  

function createInput(id,value,ICEtype) {
  if(ICEtype==ICEname){
    size=25;
    tabindex=id*3+45;
  }
  else if(ICEtype==ICEnumber){
    size=12;
    tabindex=id*3+46;
  }
  else if(ICEtype==ICErelation){
    size=20;
    tabindex=id*3+47;
  }
  return "<input TABINDEX="+ tabindex +" size="+ size +" type='text' name='"+ ICEtype + id +
	"' onChange='javascript:saveValue("+ id +",this.value, "+ ICEtype +")' value='"+ value +
	"'><br><input type=hidden name=ICECount value="+ id +">";

}