$(document).ready(function() {
	
	function formElements(num,curNum) {
		
		
		if(!num) { num = 0; }
		
//		alert(num);
		
		if(!curNum) { curNum = 0; }
		data = "";
		if(num<curNum) {
			for(i=num;i<curNum;i++) {
				$("#form"+i).remove();
			}
		} else {
			for(i=curNum;i<num;i++) {
				data += '<div id="form'+i+'" class="halfForm">';
				data += '<p><label for="f-name'+i+'">Name</label><input id="f-name'+i+'" type="text" name="name[]" value="" /></p>';
				data += '<p><label for="f-email'+i+'">Email</label><input id="f-email'+i+'" type="text" name="email[]" value="" /></p>';
				data += '<div class="third">';
				data += '<strong>Registration Type</strong>';
				data += '<label for="f-studentReg'+i+'">Student?</label><input id="f-studentReg'+i+'" type="radio" name="regType'+i+'" value="student" />';
				data += '<label for="f-regularReg'+i+'">Regular?</label><input id="f-regularReg'+i+'" type="radio" name="regType'+i+'" value="regular" />';
				data += '</div>';
				data += "</div>";
			}
		}
		
		$('#addElements').append(data);
	}
	
	var initVal = $("#f-quantity").val();
//	alert(initVal);
	
	$("#f-quantity").change(function() {
		var val = $("#f-quantity").val();

		formElements(val,initVal);
		initVal = val;
	});


});