/*
 Class Messenger (Singleton)
*/

var oMessenger = function()
{
    var publicObject = {

        maximize: function() {

            $('#habla_window_div').animate({'opacity': 0}, 100, function() {

            var hablaWindow         = $(document.createElement('div'));
            var hablaChatform       = $(document.createElement('form'));

            var title               = $(document.createElement('strong'));
            var minimize            = $(document.createElement('a'));
            var inputdiv            = $(document.createElement('div'));
            var cover               = $(document.createElement('div'));
            var scrollTop           = $(document).scrollTop();

            cover.css('height', $(document).height() + 'px')
                 .css('opacity', 0.5)
                 .css('position', 'absolute')
                 .css('left', 0)
                 .css('top', 0)
                 .css('width', '100%')
                 .css('z-index', 100)
                 .css('background', '#000')
                 .attr('id', 'cover');

            hablaWindow.css('left', ($(document).width() / 2 - 404 / 2) + 'px')
                       .css('top', (scrollTop + 150) + 'px')
                       .attr('id', 'habla_window_div_big');

            title.html('Live chat with us:')
                 .attr('class', 'title');

            minimize.attr('class', 'minimize')
                    .attr('title', 'Click the button to minimize chat');

            minimize.click(function() {

                $('#cover').remove();
                $('#habla_conversation_block').append($('#habla_conversation_div'));
                $('#habla_chatform_form').append($('#habla_wcsend_input'));
                $('#habla_window_div').append($('#messageSend'));

                hablaWindow.remove();
                $('#habla_window_div').css('opacity', 1);

            });

            inputdiv.css('margin', '5px 10px 5px 10px')
                    .html('Your question:<br/>');

            hablaChatform.attr('action', '')
                         .attr('method', 'get')
                         .attr('autocomplete', 'off')
                         .css('padding', '0')
                         .css('margin', '0');

            cover.prependTo(document.body);

            cover.fadeIn('fast', function() {
                title.prepend(minimize);
                hablaWindow.append(title);
                hablaWindow.append($('#habla_conversation_div'));
                hablaChatform.append($('#habla_wcsend_input'))
                inputdiv.append(hablaChatform);
                hablaWindow.append(inputdiv);
                hablaWindow.append($('#messageSend'));
                hablaWindow.appendTo(document.body);
            });

            });
        }
    };

    return publicObject;

}();