$(document).ready(function() {
	$('#submit_comment').submit(function() {
		var post_content = $('#post-content').val();
		if(post_content == '') {
			alert('You need to fill in the comment field.');
		} else {
			$('#post-content').css('background','white url("/site_includes/graphics/loading.gif") no-repeat center center').attr('disabled','disabled');
			$('#submit_comment input[type="submit"]').attr('disabled','disabled');
			var image_id = window.location.href.split('/').pop();
			$.post(
				'/imageboard/submit_comment', 
				{ image_id: image_id, post_content: post_content }, 
				function(data) {
					if($('#comments').length > 0) {
						fixHTML(data);
					} else {
						$("#submit_comment").prev().prev().remove();
						$('<ul id="comments"></ul>').insertAfter($("#submit_comment").prev().prev());
						fixHTML(data);
					}
				}
			);
		}
		
	return false;
	});
	
	function fixHTML(data) {
		$('#comments').html(data);
		$('#post-content').removeAttr('disabled').css('background', 'white').val('');
		$('#submit_comment input[type="submit"]').removeAttr('disabled');
		$('#submit_comment fieldset').append('<p style="clear: left;">Comment posted successfully!</p>');
	}
});