Ext.onReady(function() {
			var results = new Ext.Panel({
				border: false,
				renderTo: 'poll_results',
				items: [{
					border: false,
					html: '<div style="font-weight: bold;">Do you like taking online polls?</div>'
				},{
					border: false,
					html: '<div id="option_1" style="font-size: 10px;">Yes  (66.67%)</div>'
				},{
					xtype: 'progress',
					id: 'results_1_progressbar',
					border: false,
					value: '0.66666666666667'
				},{
					border: false,
					html: '<div id="option_2" style="font-size: 10px;">No  (16.67%)</div>'
				},{
					xtype: 'progress',
					id: 'results_2_progressbar',
					border: false,
					value: '0.16666666666667'
				}
								,{
					border: false,
					html: '<div id="option_3" style="font-size: 10px;">I dont take polls  (16.67%)</div>'
				},{
					xtype: 'progress',
					id: 'results_3_progressbar',
					border: false,
					value: '0.16666666666667'
				}
												],
				bbar: [{
					text: 'Vote Form',
					id: 'show_form_button',
					hidden: false,
					handler: function() {
						results.hide();
						form.show();
					}
				}]
			});
						
			var form = new Ext.form.FormPanel({
				renderTo: 'poll_form',
				url: '/scripts/poll.js.php',
				method: 'post',
				border: false,
				items: [{
					border: false,
					html: '<div style="font-weight: bold;">Do you like taking online polls?</div>'
				},{
					xtype: 'radio',
					hideLabel: true,
					boxLabel: 'Yes',
					name: 'option',
					inputValue: 'results_1'
				},
				{
					xtype: 'radio',
					hideLabel: true,
					boxLabel: 'No',
					name: 'option',
					inputValue: 'results_2'
				}
								,{
					xtype: 'radio',
					hideLabel: true,
					boxLabel: 'I dont take polls',
					name: 'option',
					inputValue: 'results_3'
				}
												],
				bbar: [{
					text: 'Vote',
					hidden: false,
					handler: function() {
						form.getForm().submit({
							params: {
								'action': 'vote',
								'id': '5'
							},
							success: function(f, a) {
								form.hide();
								results.show();
								Ext.getCmp('show_form_button').hide();
								
								Ext.get('option_1').update(a.result.option_1 + ' (' + a.result.percent_1 + '%)');
								Ext.getCmp('results_1_progressbar').updateProgress(a.result.results_1);
								Ext.get('option_2').update(a.result.option_2 + ' (' + a.result.percent_2 + '%)');
								Ext.getCmp('results_2_progressbar').updateProgress(a.result.results_2);
																Ext.get('option_3').update(a.result.option_3 + ' (' + a.result.percent_3 + '%)');
								Ext.getCmp('results_3_progressbar').updateProgress(a.result.results_3);
																															}
						});
					}
				},{
					text: 'View Results',
					handler: function() {
						form.hide();
						results.show();
					}
				}]
			});
			
						results.hide();
					});