$(function() {

    var d = $('.post_image div');
    var h = d.height()+14;
    d.css('bottom',-h).show();

    $('.post_image').mouseenter(function() {
        d.stop().animate({'bottom': '0'},'slow');
    }).mouseleave(function() {
        d.stop().animate({'bottom': -h},'fast');
        })

    $('#author, #comment, #email, #comment').focus(function() {
        $(this).closest('.input').find('.error').fadeOut('slow', function() {
            $(this).remove();
          });
        $('#submit').removeAttr('disabled');
    });

    $('#scroll_up').click(function(event){
        event.preventDefault();
        $('html, body').animate({scrollTop : 292},'slow', function(){ 
            $('#comment_box').animate({ backgroundColor: '#959595' }, 'fast', function(){
                $('#comment_box').animate({ backgroundColor: '#888' }, 'fast')
            });
        });
    });

    $('#commentform').submit(function(event){
        
        $('#loader').show();
        $('#submit', this).attr('disabled', 'disabled');

        if (0 < $('body.logged-in').length && $('#comment').val() != '') {
            return true;
        } else {
            event.preventDefault();
        }

        var error = 0;
        var author = $('#author').val();
        var comment = $('#comment').val();
        var email = $('#email').val();
        var url = $('#url').val();
        var comment_post_ID = $('#comment_post_ID').val();
        var akismet_comment_nonce = $('#akismet_comment_nonce').val();
        var post_url = $('#commentform').attr('action');
        var headline = '';
            
        if (author == '') {
            $('#author').closest('.input').append('<div class="error"><span>Saknas</span></div>');
            error++;
        }
    
        if (comment == '') {
            $('#comment').closest('.input').append('<div class="error"><span>Saknas</span></div>');
            error++;
        }
    
        var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
        if(reg.test(email) == false) {
            $('#email').closest('.input').append('<div class="error"><span>Felaktig</span></div>');
            error++;
        }

        if (error == 0) {
            $.post(post_url, { 
                "comment_post_ID": comment_post_ID, 
                "author": author,
                "comment": comment,
                "email": email,
                "url": url,
                "akismet_comment_nonce": akismet_comment_nonce
            }, function(){
                var byline = '<span><a href="'+url+'" rel="external nofollow" class="url">'+author+'</a></span>';
                if (url == '') {
                    byline = '<span>'+author+'</span>';
                }
                if ($('#comments').text().trim().length == 0 ) {
                    var headline = '<h3>Kommentar</h3>'; 
                }
                var respons = $(headline+'<div class="quote"></div><div class="comment-content">'+comment+'</div><div class="footer">'+byline+'<br> <span class="date">Alldeles nyss</span></div>').hide();
                respons.appendTo($('#comments')).delay(500).fadeIn();
                $('#loader').delay(500).hide();
                $('#submit', this).removeAttr('disabled');
            });
            $('input[type=text], #comment', this).val('');
            $('ingput:-webkit-autofill', this).css('background-color','none !important');

        } else {
            $('#loader').hide();
            return false;
        }
        
    });
    
});