Event.observe(window,'load',function(){

	VehicleAdd();
	FlightNoAdd();
	FlightTimeAdd();
	
	electricityType = $$('input[type=radio][name=ElectricityType]');
	
	for(i=0; electricityType.length > i; i=i+1){
		Event.observe(electricityType[i],'click',function(){ElectricityType()});
	}
	
	flightType = $$('input[type=radio][name=FlightType]')
	
	for(i=0; flightType.length > i; i=i+1){
		Event.observe(flightType[i],'click',function(){FlightType()});
	}

});

function VehicleAdd() {
	
	int = $$('.Vehicle').length + 1;
	
	this.vehicle = document.createElement('div');
	this.vehicle.id = "Vehicle_" + int;
	this.vehicle.className = "Vehicle";
	
	$('VehiclesList').appendChild(this.vehicle);
	
	vechicleHTML = '';
	vechicleHTML = vechicleHTML + '<div class="Form">';
	vechicleHTML = vechicleHTML + '<h3>Vehicle ' + int + '</h3>';
	vechicleHTML = vechicleHTML + '<div>';
	vechicleHTML = vechicleHTML + '<label for="Vehicle_KM_'+ int +'">Kilometers</label>';
	vechicleHTML = vechicleHTML + '<input id="Vehicle_KM_'+ int +'" name="Vehicle_KM_'+ int +'" type="text" class="FormField" />';
	vechicleHTML = vechicleHTML + '</div>';
	vechicleHTML = vechicleHTML + '<div>';
	vechicleHTML = vechicleHTML + '<label for="Vehicle_Type_'+ int +'">Vehicle Type</label>';
	vechicleHTML = vechicleHTML + '<select id="Vehicle_Type_'+ int +'" name="Vehicle_Type_'+ int +'" class="FormField">';
	vechicleHTML = vechicleHTML + '<option value="0">Please Select</option>';
	vechicleHTML = vechicleHTML + '<option value="2.8">Scooter</option>';
	vechicleHTML = vechicleHTML + '<option value="4">Small Motorbike (&lt;500cc)</option>';
	vechicleHTML = vechicleHTML + '<option value="5.9">Large Motorbike</option>';
	vechicleHTML = vechicleHTML + '<option value="4.4">Hybrid Car (eg Prius)</option>';
	vechicleHTML = vechicleHTML + '<option value="6.0">Compact Car</option>';
	vechicleHTML = vechicleHTML + '<option value="7.2">Small Car</option>';
	vechicleHTML = vechicleHTML + '<option value="9">Med Car / Sml 4WD</option>';
	vechicleHTML = vechicleHTML + '<option value="11.5">V6 Car / Med 4WD</option>'; 
	vechicleHTML = vechicleHTML + '<option value="14.3">V8 Car /Lge 4WD</option>';
	vechicleHTML = vechicleHTML + '</select>';
	vechicleHTML = vechicleHTML + '</div>';
	vechicleHTML = vechicleHTML + '<div>';
	vechicleHTML = vechicleHTML + '<label for="Vehicle_Fuel_'+ int +'">Fuel Type</label>';
	vechicleHTML = vechicleHTML + '<select id="Vehicle_Fuel_'+ int +'" name="Vehicle_Fuel_'+ int +'" class="FormField">';
	vechicleHTML = vechicleHTML + '<option value="0">Please Select</option>';
	vechicleHTML = vechicleHTML + '<option value="2.6">Petrol</option>';
	vechicleHTML = vechicleHTML + '<option value="2.4">Ethanol (10%)</option>';
	vechicleHTML = vechicleHTML + '<option value="3.0">Diesel</option>';
	vechicleHTML = vechicleHTML + '<option value="2.68">Biodiesel(20%)</option>';
	vechicleHTML = vechicleHTML + '<option value="1.8">LPG</option>';
	vechicleHTML = vechicleHTML + '</select>';
	vechicleHTML = vechicleHTML + '</div>';
	vechicleHTML = vechicleHTML + '</div>';
	
	this.vehicle.innerHTML = vechicleHTML;
	
}

function FlightNoAdd() {
	
	int = $$('.FlightNo').length + 1;
	
	this.flightNo = document.createElement('div');
	this.flightNo.id = "FlightNo_" + int;
	this.flightNo.className = "FlightNo";
	
	$('NoFlightList').appendChild(this.flightNo);
	
	flightNoHTML = '';
	flightNoHTML = flightNoHTML + '<div class="Form">';
	flightNoHTML = flightNoHTML + '<h3>Flight ' + int + '</h3>';
	flightNoHTML = flightNoHTML + '<div>';
	flightNoHTML = flightNoHTML + '<label for="FlightNo_Number_' + int + '">Number</label>';
	flightNoHTML = flightNoHTML + '<input id="FlightNo_Number_' + int + '" name="FlightNo_Number_' + int + '" type="text" class="FormField" />';
	flightNoHTML = flightNoHTML + '</div>';
	flightNoHTML = flightNoHTML + '<div>';
	flightNoHTML = flightNoHTML + '<label for="FlightNo_Type_' + int + '">Type</label>';
	flightNoHTML = flightNoHTML + '<select id="FlightNo_Type_' + int + '" name="FlightNo_Type_' + int + '" class="FormField">';
	flightNoHTML = flightNoHTML + '<option value="">Please Select</option>';
	flightNoHTML = flightNoHTML + '<option value="0.19">Short Domestic flights(&lt;2.5hrs)/yr</option>';
	flightNoHTML = flightNoHTML + '<option value="0.4">Long Domestic flights(&gt;2.5hrs)/yr</option>';
	flightNoHTML = flightNoHTML + '<option value="1.01">Short International flights/yr</option>';
	flightNoHTML = flightNoHTML + '<option value="2.24">Long International flights/yr</option>';
	flightNoHTML = flightNoHTML + '</select>';
	flightNoHTML = flightNoHTML + '</div>';
	flightNoHTML = flightNoHTML + '</div>';

	this.flightNo.innerHTML = flightNoHTML;
}

function FlightTimeAdd() {
	
	int = $$('.FlightTime').length + 1;
	
	this.flightTime = document.createElement('div');
	this.flightTime.id = "FlightTime_" + int;
	this.flightTime.className = "FlightTime";
	
	$('FlightTimeList').appendChild(this.flightTime);
	
	flightTimeHTML = '';
	flightTimeHTML = flightTimeHTML + '<div class="Form">';
	flightTimeHTML = flightTimeHTML + '<h3>Flight ' + int + '</h3>';
	flightTimeHTML = flightTimeHTML + '<div>';
	flightTimeHTML = flightTimeHTML + '<label for="FlightTime_Hours_' + int + '">Hours</label>';
	flightTimeHTML = flightTimeHTML + '<input id="FlightTime_Hours_' + int + '" name="FlightTime_Hours_' + int + '" type="text" class="FormField" />';
	flightTimeHTML = flightTimeHTML + '</div>';
	flightTimeHTML = flightTimeHTML + '<div>';
	flightTimeHTML = flightTimeHTML + '<label for="FlightTime_Number_' + int + '">Number</label>';
	flightTimeHTML = flightTimeHTML + '<input id="FlightTime_Number_' + int + '" name="FlightTime_Number_' + int + '" type="text" class="FormField" />';
	flightTimeHTML = flightTimeHTML + '</div>';
	flightTimeHTML = flightTimeHTML + '</div>';

	this.flightTime.innerHTML = flightTimeHTML;
}

function FlightType(){

	flightTypes = $$('.FlightType');
	
	for(i=0; flightTypes.length > i; i=i+1){
		flightTypes[i].hide();
	}

	flightTypeValue = $$('input[type=radio][name=FlightType]').find(function(el){return el.checked}).value;
	
	$(flightTypeValue).show();
	
}

function ElectricityType(){

	electricityType = $$('.ElectricityType');
	
	for(i=0; electricityType.length > i; i=i+1){
		electricityType[i].hide();
	}

	electricityTypeValue = $$('input[type=radio][name=ElectricityType]').find(function(el){return el.checked}).value;
	
	$(electricityTypeValue).show();
	
}