Ext.onReady(function() {
	/*var loginForm = new Ext.FormPanel({
		id: 'loginForm',
		labelWidth: 50,
		url: 'donor_login.php',
		border: false,
		bodyStyle: 'background-color: #e5e4e4;',
		buttonAlign: 'right',
		defaultType: 'textfield',
		
		items: [{
			fieldLabel: 'Email',
			name: 'email',
			disabled: true
		}, {
			fieldLabel: 'Password',
			name: 'password',
			disabled: true
		}],
		
		buttons: [{
			text: 'Login',
			disabled: true
		}]
	});
	loginForm.render('login-form');*/
	
	var contributeForm = new Ext.FormPanel({
        id: 'contributeForm',
        labelWidth: 25, // label settings here cascade unless overridden
        url: 'contribution_form.php',
        border: false,
        buttonAlign: 'right',
        width: 260,
		defaultType: 'radio',
		ajaxSubmit: false,
		
		items: [{
			checked: true,
			labelSeparator: '',
			boxLabel: 'One Time Donation',
			name: 'contributionType',
			inputValue: 1
		}, {
			labelSeparator: '',
			boxLabel: 'Monthly Commitment',
			name: 'contributionType',
			inputValue: 2
		}, {
			labelSeparator: '',
			boxLabel: 'Monthly Sponsorship',
			name: 'contributionType',
			inputValue: 3
		}],
		
		buttons: [{
			text: 'Continue',
			handler: function() {
				contributeForm.form.submit();
			}
		}]
	});
	contributeForm.render('contribute-form');
});