var com = Ext.get('comment');
var frmComment = Ext.get('frmComment');

var hideCom = function() {
	com.fadeOut({duration: .3, useDisplay: true});
}

var showCom = function() {
	document.getElementById('areaComment').value = '';
	com.fadeIn({duration: .3, useDisplay: true});
	document.getElementById('signature').focus();
}
var status = Ext.get('status');

frmComment.on('submit', function(){
	Ext.Ajax.request({
		url: www + 'ajax/comment',
		params: Ext.Ajax.serializeForm('frmComment'),
		method: 'POST',
		success: function(r) {
			var data = Ext.util.JSON.decode(r.responseText);
			if (data.success) {

				hideCom();
				window.location.reload();

			} else {
				status.update('Your comment has NOT been submitted.');
				status.fadeIn({duration: .3, useDisplay: true});
				
				(function() {
					status.fadeOut({duration: .3, useDisplay: true});
				}).defer(2000);
			}
		}
	});
});

function rateThis(rate) {

	status.update('Sending...');
	status.fadeIn({duration: .3, useDisplay: true});
	
	Ext.Ajax.request({
		url: www + 'ajax/rate',
		method: 'POST',
		params: 'joke_id=' + joke_id + '&rate=' + rate,
		success: function(r) {
			var data = Ext.util.JSON.decode(r.responseText);
			if (data.success) {
				Ext.get('rating').update(data.rating + ' rating');
				status.update('You have successfully rated this joke.');
				(function() {
					status.fadeOut({duration: .3, useDisplay: true});
				}).defer(2000);
			} else {
				status.update(data.error);
				(function() {
					status.fadeOut({duration: .3, useDisplay: true});
				}).defer(4000);
			}
		}
	});
}