var form = Ext.get('jokeForm');
var status = Ext.get('status');

form.on('submit', function() {
	status.update('Sending message...');
	status.setStyle('display', 'block');
	Ext.Ajax.request({
		url: www + 'ajax/submit-joke/',
		params: Ext.Ajax.serializeForm('jokeForm'),
		method: 'POST',
		success: function(r) {
			var data = Ext.util.JSON.decode(r.responseText);
			status.update(data.success ? 'Your joke is submitted and will be<br />published when joke is authorized.' : 'Your joke is NOT submitted.');
			var closeStatus = function() {status.fadeOut({duration: .3, useDisplay: true});}
			closeStatus.defer(5000);
		},
		failure: function() {
			status.update('Your joke is NOT submitted due the network error.');
		}
	});
});