var arrInput = new Array(0);
var arrInputValue = new Array(0);
var farebases = new Array(0);
var titles = new Array(0);
var firstnames = new Array(0);
var lastnames = new Array(0);
var dobs = new Array(0);


function addInput() {

  farebases.push("adult");
  titles.push("Mr");
  firstnames.push("First Name");
  lastnames.push("Last Name");
  dobs.push("Date of Birth");
  
  arrInput.push(arrInput.length);
  arrInputValue.push("");
  
  display();
}

function display() {
  document.getElementById('parah').innerHTML="";
  for (intI=0;intI<arrInput.length;intI++) {
    document.getElementById('parah').innerHTML+=createInput(arrInput[intI], arrInputValue[intI]);
	
	var index = 'farebase ' + intI;
	document.mainform.elements[index].value = farebases[intI];

	var index = 'title ' + intI;
	document.mainform.elements[index].value = titles[intI];
	var index = 'firstname ' + intI;
	document.mainform.elements[index].value = firstnames[intI];
	var index = 'lastname ' + intI;
	document.mainform.elements[index].value = lastnames[intI];
	var index = 'dob ' + intI;
	document.mainform.elements[index].value = dobs[intI];
  }
}


function createInput(id,value) {
 return "<select name='farebase "+ id +"' onChange='javascript:farebases[" + id + "] = this.value;'><option value=\"adult\" SELECTED>Adult</option><option value=\"child\">Child</option><option value=\"infant\">Infant</option></select><select name='title "+ id +"' onChange='javascript:titles[" + id + "] = this.value;'><option value=\"Mr\" SELECTED>Mr.</option><option value=\"Ms\">Mrs.</option></select><input type='text' onFocus='javascript:this.value=\"\";' name='firstname "+ id +"' onChange='javascript:firstnames[" + id + "] = this.value;' value='First Name'><input type='text' onFocus='javascript:this.value=\"\";' name='lastname "+ id +"' onChange='javascript:lastnames[" + id + "] = this.value;' value='Last Name'><input type='text' onFocus='javascript:this.value=\"\";' name='dob "+ id +"' onChange='javascript:dobs[" + id + "] = this.value;' value='Date of Birth' size='10'><br>";
}

function deleteInput() {
  if (arrInput.length > 0) { 
     arrInput.pop(); 
     arrInputValue.pop();
	 
	  farebases.pop();
	  titles.pop();
	  firstnames.pop();
	  lastnames.pop();
	  dobs.pop();
  }
  display(); 
}


//------------------------SECOND PART

var arrInput2 = new Array(0);
var arrInputValue2 = new Array(0);
var city_of_departures = new Array(0);
var city_of_arrivals = new Array(0);
var date_of_departures = new Array(0);
var date_of_returns = new Array(0);
var trip_types = new Array(0);
var classes = new Array(0);
var preferred_airlines = new Array(0);

function addInput2() {
  city_of_departures.push("");
  city_of_arrivals.push("");
  date_of_departures.push("");
  date_of_returns.push("");
  trip_types.push("roundtrip");
  classes.push("economy");
  preferred_airlines.push("");
  
  arrInput2.push(arrInput2.length);
  arrInputValue2.push("");
  
  display2();
}

function display2() {
  document.getElementById('parag').innerHTML="";
  //alert(arrInput2.length)
  for (intI=0;intI<arrInput2.length;intI++) {
    document.getElementById('parag').innerHTML+=createInput2(arrInput2[intI], arrInputValue2[intI]);
	alert(createInput2(arrInput2[intI], arrInputValue2[intI]))
	
	var index = 'city_of_departure ' + intI;
	document.mainform.elements[index].value = city_of_departures[intI];
	index = 'city_of_arrival ' + intI;
	document.mainform.elements[index].value = city_of_arrivals[intI];
	index = 'date_of_departure ' + intI;
	document.mainform.elements[index].value = date_of_departures[intI];
	index = 'date_of_return ' + intI;
	document.mainform.elements[index].value = date_of_returns[intI];
	index = 'class ' + intI;
	document.mainform.elements[index].value = classes[intI];
	index = 'preferred_airline ' + intI;
	document.mainform.elements[index].value = preferred_airlines[intI];
	index = 'trip_type ' + intI;
	document.mainform.elements[index].value = trip_types[intI];
  }
}



function deleteInput2() {
  if (arrInput2.length > 0) { 
     arrInput2.pop(); 
     arrInputValue2.pop();
	 city_of_departures.pop();
  	city_of_arrivals.pop();
  	date_of_departures.pop();
  	date_of_returns.pop();
  	trip_types.pop();
  	classes.pop();
  	preferred_airlines.pop();
	 
  }
  display2(); 
}

function createInput2(id,value) {

//document.mainform.elements['city_of_arrival ' + intI].disabled
	return "<table border=0'><tr><td>From City or Airport:</td><td><input type='text' onFocus='javascript:this.value=\"\";'  name='city_of_departure "+ id +"' onChange='javascript:city_of_departures[" + id + "] = this.value;alert(city_of_departures[" + id + "])'></td></tr><tr><td>To City or Airport:</td><td><input type='text' onFocus='javascript:this.value=\"\";'  name='city_of_arrival "+ id +"' onChange='javascript:city_of_arrivals[" + id + "] = this.value;'></td></tr><tr><td>Date of Departure:</td><td><input type='text' onFocus='javascript:this.value=\"\";'  name='date_of_departure "+ id +"' onChange='javascript:date_of_departures[" + id + "] = this.value;'></td></tr><tr><td>Date of Return:</td><td><input type='text' onFocus='javascript:this.value=\"\";'  name='date_of_return "+ id +"' onChange='javascript:date_of_returns[" + id + "] = this.value;'></td></tr><tr><td>Trip type:</td><td><select name='trip_type "+id+"' onChange='javascript:trip_types[" + id + "] = this.value;'><option value='roundtrip' SELECTED>Round Trip</option><option value='multiple_cities'>Multiple Cities</option></select></td></tr><tr><td>Class:</td><td><select name='class "+id+"' onChange='javascript:classes[" + id + "] = this.value;'><option value='economy' SELECTED>Economy</option><option value='business'>Business</option><option value='first'>First</option></select></td></tr><tr><td>Preferred Airline:</td><td><input type='text'  onFocus='javascript:this.value=\"\";' name='preferred_airline "+id+"' onChange='javascript:preferred_airlines[" + id + "] = this.value;'></table><br><br>";
}