var callback;
$(document).ready(function() {
    var send = false;
    var user_call = false;
    var out_message = '';
    var timer;
    var last_message_id = 0;
    var is_inited = false;
    function scroll_chat_window() {
        var objDiv = document.getElementById("ht_chat_window");
        objDiv.scrollTop = objDiv.scrollHeight;
    }
    function helpytalk_loop() {
        var is_open = $('#helpytalk').dialog("isOpen");
        if (send) {
            out_message += " " + $('#helpytalk textarea:[name=message]').val();
            data = {
                c: 'base',
                a: 'send',
                request: {
                    name: $('#helpytalk input:[name=name]').val(),
                    email: $('#helpytalk input:[name=email]').val(),
                    message: out_message,
                }
            }
            send = false;
            $('#helpytalk textarea:[name=message]').val('');
            out_message = '';
        } else {
            data = {
                c: 'base',
                a: 'ping',
                request: {
                }
            }
        }
        data.request['last_message_id'] = last_message_id;
        data.request['is_open'] = is_open;
        data.request['user_call'] = user_call;
        $.ajax({
            url: '/diachat/server.php',
            type: 'POST',
            data: data,
            dataType: 'json',
            success: function (raw_response) {
                if (parseInt(raw_response.response.call)) {
                    $('#helpytalk').dialog("open");
                    user_call = false;
                }
                if (raw_response.response.last_message_id) {
                    last_message_id = raw_response.response.last_message_id;
                }
                if (raw_response.response.messages.length) {
                    for (i in raw_response.response.messages) {
                        message = raw_response.response.messages[i];
                        if (message.manager_name) {
                            owner_class = 'manager';
                            owner_name = message.manager_name;
                        } else {
                            owner_class = 'visitor';
                            owner_name = message.visitor_name;
                        }
                        $("#ht_chat_window").append('<p><span class="'+owner_class+'">'+owner_name+':</span><span class="message">'+message.message+'</span></p>');
                    }
                    scroll_chat_window();
                }
                var last_response = parseInt(raw_response.response.last_response);
                if (last_response && (last_response < 4)) {
                    console.log(last_response);
                    user_call = false;
                }
            }
        });
        timer = setTimeout(callback, 5000);
    }

    callback = helpytalk_loop;

    $('head').append( $('<link rel="stylesheet" type="text/css" />').attr('href', '/diachat/css/client.css') );
    $("#helpytalk").dialog({
        autoOpen: false,
        width: '30em',
        resizable: false,
		modal: true,
        open: function (ev, ui) {
            user_call = true;
        }
    });
        $("#helpytalk").html(' <div class="form-row" style="display: none">     <label for="name">Ваше имя:</label>     <input type="text" name="name" /> </div> <div class="form-row" style="display: none">     <label for="email">E-mail:</label>     <input type="text" name="email" /> </div> <table> <tr> <td><div id="ht_chat_window" class="scroll"> <p>Здравствуйте! Интересует оптовая или розничная продажа? У нас предусмотрена гибкая система скидок!</p><br> </div></td><td valign="top" width="150px" align="center">Марина<br><img src="http://www.metallsk.ru/img/const1.jpg" style="border: 3px solid #fff;"></td> </tr> </table> <div class="form-row">     <textarea name="message" placeholder="Введите сюда Ваш вопрос..."></textarea> </div> <p style="font-size: 12px;">Для начала диалога, пожалуйста, введите ваше сообщение, затем нажмите Enter</p> ');
    $("#helpytalk textarea:[name=message]").bind("keyup", function (e) {
        var code = (e.keyCode ? e.keyCode : e.which);
        if (code == 13) {
            send = true;
            user_call = true;
            out_message += $('#helpytalk textarea:[name=message]').val();
          //  $('#helpytalk textarea:[name=message]').attr('disabled', true);
            visitor_name = $('#helpytalk input:[name=name]').val() ? $('#helpytalk input:[name=name]').val() : 'Посетитель';
            $('#ht_chat_window').append('<p><span class="visitor">'+visitor_name+': </span> <span class="message">'+
                                               $('#helpytalk textarea:[name=message]').val()+'</span></p>');
            $('#helpytalk textarea:[name=message]').val('');
            scroll_chat_window();
        }
    });
    helpytalk_loop();
});