$(document).ready(function() {
$('#grrdiv').dialog({
	height: 340,
	width: 455,
	autoOpen: false,
	modal: true,
	resizable: false,
	draggable: false
});

$('.grr').click(function() {
	$('#grrdiv').html($('#grrdivdefault').html());
	$(this).addClass('grr-selected');
	var type = $(this).attr('id');
	var icon = $(this);
	var title = '';
	var formstring = '';
	var buttonname = '';

	switch (type) {
		case 'grr':
			title = 'I feel bad!';
			buttonname = 'Make this better!';
			formstring = 'What can we do better?';
			break;
		case 'meh':
			title = 'I feel ok';
			buttonname = 'Improve this!';
			formstring = 'So what\'s up?';
			break;
		case 'yay':
			title = 'I feel great';
			buttonname = 'Good stuff!';
			formstring = 'What did you like?';
			break;

	}
	$('#grrdiv #grrcontent #formstring').html(formstring);

	$('#grrdiv').dialog("option","title",title);
	$('#grrdiv').dialog("option","buttons", [{
		text: buttonname,
		click: function() {

			$.ajax({
				type:	"POST",
				data:	'url='+window.location+'&type='+type+'&comments='+$('#grrdiv #grrcontent #grrcomments').val(),
				url:	"/ajax/grr/",
				async:	false,
				dataType: 'json',
				success: function(jsonObject) {
					//alert(jsonObject['error']);

					if (jsonObject['error'] == 'true') {
						error_dialog("Server error","Oops - something went wrong. Please try again.");
						$(this).dialog('close');
					} else {
						$('#grrdiv #grrcontent').html('Thanks for your feedback!');
					}
					$('#grrdiv').dialog("option","buttons", [{
						text: "Close",
						click: function() {
							$(this).dialog('close');
						}
					}]);
				},
				error:	function() {
					error_dialog("Server error","Oops - something went wrong. Please try again.");
				}
			});
		}
	}]);
	$('#grrdiv').bind('dialogbeforeclose', function(event, ui) {
		icon.removeClass('grr-selected');
		return true;
	});
	$('#grrdiv').dialog('open');
});
});