$(function(){
    // cleans the old messages at the page loading
    $('#messages').html('');
    var chat = $('#chat');
    var form = $('form', chat);
    var url_to_post = form.attr('action');
    var send_btn = $('input[name=send]', form);
    var player = $('#id_jogador').val();
    var channel = $('#id_canal').val();

    form.submit(function(evt){
        evt.preventDefault();
        var msg = $('#id_message');
        var send_data = ({player: player, channel: channel, message: msg.val()});

        $.ajax({
            url: url_to_post,
            type: 'POST',
            data: send_data,
            dataType: 'html',
            cache: false,
            success: function(result){
                msg.val('');
            }
        });

    });

    window.setInterval(function(){
        var screen = $('#messages', chat);
        var user_data = ({player: player});

        $.ajax({
            url: '/chat/show/',
            data: user_data,
            dataType: 'json',
            cache: false,
            success: function(data){
                $.each(data, function(){
                    var self = this;

                         $('#messages', chat).append('<table width="100%"><td><span style="display:none;">msgid_'+self.id+'</span><b>&nbsp;['+self.data+'&nbsp;|&nbsp;'+self.jogador+'&nbsp;]:</b>&nbsp;'+self.msg+'</td></table>');



                });

            }
        });

    }, 1000);

   /*
    window.setInterval(function(){
        var send_data = ({username: username, password: password, chat_type: chattype, veland: veland});
        var online_users = $('.online-users');

        $.ajax({
            url: '/chat/online-users/',
            type: 'POST',
            data: send_data,
            dataType: 'json',
            cache: false,
            success: function(result){
                if(result['error']){
                    online_users.html('');
                }else{
                    $.each(result, function(){
                        var self = this;

                        if(online_users.html().indexOf(self) <= 0){
                            online_users.append('<li>'+self+'</li>');
                        }
                    });
                }
            }
        });

    }, 10000);
    */

    $('#messages').bind('keyup keydown mouseover focusin', function(){
        $('#messages', chat).animate({ scrollTop: $("#messages", chat).attr("scrollHeight") }, 'fast');
    });

});