// JavaScript Document
jQuery(document).ready(function() {
	jQuery('#amount_guests').bind('change', function() {
		// Clear out any previous selections
		jQuery('#dinner_selections_fields').empty()

		// If they selected none, hide it
		if(jQuery(this).attr('value') == '0') {
			jQuery('#dinner_selections').hide();
			return;
		}

		// Build name and meal selection for each guest
		var value = '';
		for(var i=1; i<=jQuery(this).attr('value'); i+=1) {
			value  = '<div>';
			value += '	<label for="name_'+i+'">Name:</label>';
			value += '	<input type="text" name="name_'+i+'" class="input">';
			value += '	&nbsp;';
			value += '	<select name="dinner_'+i+'" class="input">';
			value += '		<option value="">Select meal choice</option>';
			value += '		<option value="Chicken">Chicken</option>';
			value += '		<option value="Steak">Steak</option>';
			value += '		<option value="Fish">Fish</option>';
			value += '	</select>';
			value += '</div>';

			// Add to HTML
			jQuery('#dinner_selections_fields').append(value);
		}

		// Make the fields visible
		jQuery('#dinner_selections').show();
	});
});