jQuery(document).ready(function () {

	jQuery('select#bookedSeats').bind('change', function () {
		var seats = jQuery(this).val();
		if (jQuery('ul.sub-form:visible').length < seats) {
			for (i = jQuery('ul.sub-form:visible').length; i < seats; i++) {
				if (i == 0) {
					jQuery("#sub-form-" + i).show();
				} else {
					jQuery('.form_send_button:last').before(
							"<ul class='form_contato sub-form' id='sub-form-" + i + "'>	" +
							"<li>" +
							"		<h3>Informações do participante " + (i+1) + "</h3>" +
							"		<label for='bookerName_" + i + "'>Nome:<span><em>*preenchimento obrigatório</em></span></label>" +
							"		<input type='text' id='bookerName_" + i + "' name='bookerName[" + i + "]' value=''/>" +
							"	</li>" +
							"	<li>" +
							"		<label for='bookerEmail_" + i + "'>Email:<span><em>*preenchimento obrigatório</em></span></label>" +
							"		<input type='text' id='bookerEmail_" + i + "' name='bookerEmail[" + i + "]' value=''/>" +
							"	</li>" +
							"	<li>" +
							"		<label for='bookerPhone_" + i + "'>Telefone:</label>" +
							"		<input type='text' id='bookerPhone_" + i + "' name='bookerPhone[" + i + "]' value=''/>" +
							"	</li>" +
							"</ul>"
					);
				}
			}
		} else if(jQuery('ul.sub-form').length > seats) {
			for (i = (jQuery('ul.sub-form:visible').length - 1); i >= seats; i--) {
				if (i == 0) {
					jQuery("#sub-form-" + i).hide();
				} else {
					jQuery("#sub-form-" + i).remove();
				}
			}
		}
		
		if (seats > 0) {
			jQuery('.form_send_button:last').show();
		} else {
			jQuery('.form_send_button:last').hide();
		}
		
	});
	
});