$(document).ready(function() {
  $('#message').click(function(){
    $(this).val('')
    $('input[type="submit"]').removeAttr('disabled')
    $(this).unbind()
  })
  $('#message').change(function(){
    $('input[type="submit"]').removeAttr('disabled')
    $(this).unbind()
  })
  $('input[type="submit"]').click(function(){
    var elm = $(this)
    var tar = $('#message')
    var old = tar.val()
    if (old=='') return false
    tar.val('Odesílám...')
    elm.attr('disabled','disabled')
    $.ajax({
        type: 'POST',
        url: $('form').attr('action'),
        data: 'msg='+old,
        dataType: "json",
        success: function(msg) {
            if (msg.status=='ok') {
                tar.css('background','#DCFFD6')
                setTimeout(function() {
                    tar.val('Děkuji. Zpráva byla odeslána.')
                    setTimeout(function() {
                        tar.val('')
                        tar.css('background','')
                        elm.removeAttr('disabled')
                    },2000)
                },1000)
            } else {
                tar.css('background','#ff3333')
                setTimeout(function() {
                    tar.val(old)
                    tar.css('background','')
                    elm.removeAttr('disabled')
                },1000)
            }
        },
        error: function(msg) {
            tar.css('background','#ff3333')
            setTimeout(function() {
                tar.val(old)
                tar.css('background','')
                elm.removeAttr('disabled')
            },1000)
        }
    })
    return false
  })
})