function addPackageForm(packageName, packageId) {
	this.packageForm = null;
	
	this.draw = function(container) {
		return this.getForm();
	}
	
	this.callBack = function(container) {
		this.addPackageForm.onsubmit = function() {
			
			$('input[type=submit]').attr('disabled', 'true');
			
			var errorContainer = $('.errors', container);
			
			var result = $.post('/ajax_addPackage.php', {
				packageId: $('#package-id', container).val()
			}, function(result) {
				if(result == 'ALREADY_HAVE') {
					errorContainer.html('<p>You already have this package in your services list.</p>');
				} else if(result == 'PACKAGE_OK') {
					window.location.reload(true);
				} else if(result == 'INVALID_PACKAGE') {
					errorContainer.html('<p>The package you selected is invalid. Please choose another package and try again.</p>');
				}
				$('input[type=submit]').attr('disabled', '');
			});
			
			return false;
		}
	}
	
	this.getForm = function() {
		this.addPackageForm = document.createElement('form');
		this.addPackageForm.className = 'add-package-form';
		this.addPackageForm.method = 'post';
		
		this.addPackageForm.innerHTML = '<p class="package">You selected the ' + packageName + '.</p>' +
		'<div class="errors"></div>' +
		'<p>Do you want to add the "' + packageName + '" to your list of services?</p>' +
		'<p>You can activate the service later in your member control panel.' +
		'<input type="hidden" id="package-id" name="id" value="' + packageId + '" />' +
		'<p class="button"><input type="submit" name="add" value="Add Package" /></p>';
		
		return this.addPackageForm;
	}
}