var options = {
	field: 0,
	optiontype: '<option value="dropdown">Drop Down</option>' +
				'<option value="multiselect">Multiple Select</option>' +
				'<option value="text">Text</option>' +
				'<option value="multiline">Multiple Line Text</option>' +
				'<option value="checkbox">Checkbox</option>' +
				'<option value="radio">Radio Buttons</option>',
	init: function() {
		$("a.addField").click(function(e) {		
			options.field += 1;
			data =  '<div id="field' + options.field + '">' +
					'	<span class="fieldTitle"><h2>Field</h2></span>' +
					'	<span class="fieldType"><h2>Type</h2></span>' +
					'	<span class="fieldTitle">' +
					'		<input type="text" name="fieldTitle' + options.field + '" size="20"/>' +
					'	</span>' +
					'	<span class="fieldType">' +
					'		<select name="fieldType' + options.field + '">' 
								+ options.optiontype + 
					'		</select>' +
					'	</span>' +
					'	<span id="fieldOptions' + options.field + '" class="option">' +
					'	</span>' +
					'	<a href="#" class="addOption" onclick="options.addOption(' + options.field + ');return false;">Add Option</a>' +
					'</div>';
			$("div#fields").append(data);
			$("a#addField").focus();
			$("input#fieldCount").val(options.field);			
			return false;
		});
	},
	addOption: function(field) {
		$("span#fieldOptions" + field).append('<span><input type="text" name="optionTitle' + field + '[]" size="20"/></span>');
		$("#field" + field + " a.addOption").focus();
		$("span#fieldOptions" + field + ' input:last').focus();		
		return false;
	}
}

$(document).ready(options.init);