$(document).ready(function() {
        $("#commentBody").focus(function() {
                if ($(this).val()=="tu napisz swój komentarz")
                    $(this).val('');
            }).blur(function() {
                    if ($(this).val()=='')
                        $(this).val("tu napisz swój komentarz");
                });

        //prewalidacja:
        $("form.komentarz").submit(function() {
                var width = $("#commentBody").width();
                commentBody = $('#commentBody');

                if(commentBody.val()=="tu napisz swój komentarz" || commentBody.val().length < 10) {

                    var pError = $(".komentarz div p.error");
                    commentBody.css("border", "2px solid red");

                    if(pError.css('display') == 'none')
                    {
                      commentBody.css('width', width-2);
                    }
                    pError.show();
                    return false;
                } else {
                    $('input[type=submit]', this).attr('disabled', 'disabled');
                }
            });

        //usuwanie ostrzezenia o ilosci znakow
        $("#commentBody").keyup(function(event){
          if ($("#commentBody").val().length > 10){
            if($(".komentarz div p.error").css('display') != 'none'){
              var width = $("#commentBody").width();
              $('#commentBody').css('width', width+2);
              $(".komentarz div p.error").hide();
              $("#commentBody").css("border", "1px solid #B2B1A0");
            }
          }
        });

        //rateowanie komentarzy:
        $(".rateComment").live("click",function() {
                $(this).parent().children('a').hide();
                var span = $(this).siblings('h3');
                $.get($(this).attr('href'), function(data) {
                        //alert(data);
                        span.text(data);
                    });
                return false;
            });
        //edycja komentarzy
        function hideForms() {
            var tresc = $("form.editForm").hide().prev("div.tresc").show();
            tresc.siblings('.ocenaKomentarza').show();
            tresc.siblings('.opcjeHidden').removeClass('opcjeHidden').addClass('opcje');
        }

        $("a.editComment").live ("click",function() {
                hideForms();
                var id = $(this).attr("id").replace("edit_", "");
                var textHolder = $(this).parent().siblings("div.tresc").children("p");
                textHolder.parent().siblings('.opcje').addClass('opcjeHidden').removeClass('opcje');
                textHolder.parent().siblings('.ocenaKomentarza').hide();
                var text = textHolder.text();
                var form = $("<form></form>").attr("method", "post").attr("action", "/index/editComment/"+id).addClass("editForm");
                $("<textarea></textarea>").attr("name", "body").text(text).appendTo(form).addClass("rogi");
                var action = $('<div></div>').addClass('action').appendTo(form);
                $('<input type="submit"/>').val("Zapisz").appendTo(action);
                $('<input type="button"/>').val("Anuluj").addClass("cancelEdit").appendTo(action);
                form.hide();
                textHolder.parent().after(form);
                textHolder.parent().hide();
                form.show();
                return false;
                       
            });
        $("input.cancelEdit").live("click", function() {
                hideForms();
            });
        //wysylanie forma AJAX:
        $("form.editForm").live ("submit",function() {
                data = $(this).serialize();
                var form = $(this);
                $.ajax({
                        url: $(this).attr("action"),
                            type: 'POST',
                            cache: false,
                            data: data,
                            success: function(data) {
                            form.parents("li").fadeOut(500, function() {
                                    //dostalismy html komentarza!
                                    $(form).siblings("div.tresc").children("p").html(data);
                                    $(this).fadeIn(500);
                                });
                        }});
                hideForms();
                return false;
            });
        //usuwnaie komentarzy AJAX:
        $("a.deleteComment").live("click", function() {
                sure = confirm('Czy napewno usunąć ten komentarz?');
                if (sure) {
                    var link = this;
                    $.ajax({url:$(this).attr("href"),
                                success: function(data) {
                                if (data=="1") {
                                    //komentarz został usunięty
                                    $(link).parents("li").fadeOut(1000, function() {
                                            $(this).remove();
                                        });
                                }
                                }});
                }
                return false;
            });

        //TODO pokazywanie komentarzy
    });