// JScript File

var count = 0;
$(document).ready(function() {

	$("#addControl").hide();

	$('#add').bind('click', function(){
		var HTML = '';
		HTML += '<div id="destination' + count + '" class="destination">';
		HTML += '<h2>Destination ' + (count + 2) + '</h2>';
		HTML += '<div class="left">';
		HTML += '<label>From</label><br /><input type="text" name="from"' + count + '" value=""/>';
		HTML += '</div>';
		HTML += '<div class="right">';
		HTML += '<label>To</label><br /><input type="text" name="to"' + count + '" value=""/>';
		HTML += '</div>';
		HTML += '<div class="left">';
		HTML += '<label>Departure Date</label><br /><input type="text" name="departure"' + count + '" class="date-pick"/>';
		HTML += '</div>';
		HTML += '<div class="right">';
		HTML += '<label>Return Date</label><br /><input type="text" name="arrival"' + count + '" value="" class="date-pick"/>';
		HTML += '</div>';
		HTML += '<label>Aircraft Type</label>';
		HTML += '<div class="aircraftType">';
		HTML += '<input type="radio" name="aircraftType" class="radioItem" checked="checked" value="Jet" /><label>Jet</label>';
		HTML += '<input type="radio" name="aircraftType" class="radioItem" value="Turbo Prop" /><label>Turbo Prop</label>';
		HTML += '<input type="radio" name="aircraftType" class="radioItem" value="Helicopter" /><label>Helicopter</label>';
		HTML += '</div>';
		HTML +='<div class="aircraftType">';
		HTML += '<label>Number of passengers</label>';
		HTML += '<select name="passengers">';
		HTML += '<option>1</option>';
		HTML += '<option>2</option>';
		HTML += '<option>3</option>';
		HTML += '<option>4</option>';
		HTML += '<option>5</option>';
		HTML += '<option>6</option>';
		HTML += '<option>7</option>';
		HTML += '<option>8</option>';
		HTML += '<option>9</option>';
		HTML += '<option>10</option>';
		HTML += '<option>11</option>';
		HTML += '<option>12</option>';
		HTML += '<option>13</option>';
		HTML += '<option>14</option>';
		HTML += '<option>15</option>';
		HTML += '<option>+15</option>';
		HTML += '</select>';
		HTML += '</div>';
		HTML +='<div class="left"></div><div class="right">';
		HTML +='<input type="button" id="remove' + count + '" value="Delete" onclick="jsDelete(' + "destination" + count + ')" />';
		HTML += '</div>';
		$(HTML).insertBefore('#addControl');
		count ++;
		$('.date-pick').datePicker();
	});
	
	
	$("#multi").bind('click', function(){
		$("#addControl").show();
	});
	
	$("#oneway").bind('click', function(){
		$("#addControl").hide();
		jsHideAll();
	});
	
	$("#return").bind('click', function(){
		$("#addControl").hide();
		jsHideAll();
	});
	
	
// /end document	
});

function jsDelete(x) {
	$(x).remove();
}

function jsHideAll(){
	var a = 0;
	for(a=0;a<=count;a++){
		$("#destination" + a).remove();
	};
}