$(function() {
	add_comment = function(opts) {
		$("ul#comments").prepend('<li><div class="userinfo"><div class="userpic"/><a href="#egge">'+opts.title+'</a><span class="date">'+opts.date+'</span></div><p>'+opts.body+'</p></li>');
	}

	set_count = function() {
		$("div#video-comments h2 span").html("("+$("ul#comments").children().size()+")");
	}

	load_comments = function() {
		$("ul#comments").empty();

		$.post("/comment.action", { action: "load", parent: $("#comment-form input[name='parent']").val() },
			function(data) {
				if(data) {
					for(i in data) {
						add_comment(data[i]);
					}

					$("div#video-comments").show();
					set_count();

					$("div#video-comments ul#comments").ulpager({
						pages_bar: $("#com-pages"),
						per_page: 5
					});
				}
			}, 'json');
	}

	options = {
		data: { ajax: true, action: 'save' },
		dataType: 'json',

		beforeSubmit: function() {
			if($("#comment-text").val().length < 1) {
				alert("Введите сообщение!");
				return false;
			}

			$("input#comment-btn").attr("disabled", "disabled");
		},

		success: function(response) {
			if(response) {
				load_comments();

				//FIXME i want be better
				$("#comment-text").val("");
				setTimeout(function() { $("input#comment-btn").attr("disabled", "") }, 1000);
			}
		}
	}

	$("form#comment-form").submit(function() {
		$(this).ajaxSubmit(options);
		return false;
	});

	load_comments();
});