$(function(){
        var dragDistanceX, dragDistanceY, self, ajaxId;

        if($.cookie('chatons') == 'true') { 
            $('#chatbox').show();
            $('#chat-bs').hide();
        }
        $('#chat-bs').click(function () {
            $.cookie('chatons', 'true');
            $('#chatbox').show();
            $('#chat-bs').hide();
        });
        $('.chatbox-off').click(function () {
            $.cookie('chatons', 'false');
            $('#chatbox').hide();
            $('#chat-bs').show();
        });
        
        $('#chatbox-top').mousedown(function () {
            ($('a[href*="thebeststudio.ru"]').length<1)||(self = $('#chatbox'));
            dragDistanceX = -1;
            dragDistanceY = -1;
            clearInterval(ajaxId);
            
            $('#chatbox-back').html('<style>body {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}</style>');
            $(document).bind('mousemove', dragChat);
        });
        $('body').mouseup(function () {
            newAjaxSession();
            $(document).unbind('mousemove', dragChat);
            
            $('#chatbox-back').html('<style>body {-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;user-select:auto}</style>');
            
            $.cookie('mchatPosX', parseInt(self.css('left')));
            $.cookie('mchatPosY', parseInt(self.css('top')));
        })
            $('#chatbox').css({
            left: $.cookie('mchatPosX') || 0,
            top: $.cookie('mchatPosY') || 0,
            });
        
        
        dragChat = function(event) {
            if (dragDistanceX < 0) {
                dragDistanceX = event.pageX - parseInt(self.css('left'));
                dragDistanceY = event.pageY - parseInt(self.css('top'));
            } else {
                var leftPosition = event.pageX - dragDistanceX > 10 ? event.pageX - dragDistanceX : 0;
                var topPosition = event.pageY - dragDistanceY > 10 ? event.pageY - dragDistanceY : 0;
                if (leftPosition + 10 + parseInt(self.width()) >= $(window).width()) {
                    leftPosition = $(window).width() - parseInt(self.width());
                }
                
                if(topPosition + 10 + parseInt(self.height()) >= $(window).height()) {
                    topPosition = $(window).height() - parseInt(self.height());
                }
                
                self.css({
                    left: leftPosition,
                    top: topPosition
                });
            }
        }
            ajaxUpdate = function() {
            $("#ls-ok").load("/mchat .message");
            
    }
      
      newAjaxSession = function() {
        ajaxUpdate();
    ajaxId = setInterval(ajaxUpdate, 10000); 
    }
        
        newAjaxSession();

    $('#chatbox').hover(function () {
               $('.chatbox-ico').stop().animate({'opacity': '0.6'}, 500)
                $('#MCaddFrms').show();
     }, function () {
                $('.chatbox-ico').stop().animate({'opacity': '0'}, 500)
                $('#MCaddFrms').hide();
     });
        
        if ($.cookie('ddn') != "1" && $.cookie('ddn') != "2" && $.cookie('ddn') != "3") {
                $.cookie('ddn', '1');
                $.cookie('chatsize1', '97');
        }
                
        $('.chatbox-resize-3').click(function() {
                $.cookie('ddn', '1');
                $('#ls-ok').css('height','97px')
                $('#chatbox-back').css('height','186px')
                $.cookie('chatsize1', '97');
        });
        $('.chatbox-resize-2').click(function() {
                $.cookie('ddn', '2');
                $('#ls-ok').css('height','167px')
                $('#chatbox-back').css('height','256px');
                $.cookie('chatsize1', '167');
        });
        $('.chatbox-resize-1').click(function() {
                $.cookie('ddn', '3');
                $('#ls-ok').css('height','236px')
                $('#chatbox-back').css('height','326px');
                $.cookie('chatsize1', '207');
        });
        
        $('#chatbox').hover(function () {
                if($.cookie('ddn') == 1) {$('#ls-ok').css('height','34px')}
                if($.cookie('ddn') == 2) {$('#ls-ok').css('height','167px')}
                if($.cookie('ddn') == 3) {$('#ls-ok').css('height','236px')}
        }, function () {
                if($.cookie('ddn') == 1) {$('#ls-ok').css('height','134px')}
                if($.cookie('ddn') == 2) {$('#ls-ok').css('height','204px')}
                if($.cookie('ddn') == 3) {$('#ls-ok').css('height','273px')}
        });
        

        if($.cookie('chatsize1') == '97') { 
            $('#ls-ok').css('height','134px')
            $('#chatbox-back').css('height','186px')
        }
        if($.cookie('chatsize1') == '167') { 
                $('#ls-ok').css('height','204px')
                $('#chatbox-back').css('height','256px');
        }
        if($.cookie('chatsize1') == '207') { 
            $('#ls-ok').css('height','273px')
                $('#chatbox-back').css('height','326px');
        }
        
        
        restyle = function () {
            $.cookie('chcolor', 'true');
            $('.chatbox-color').hide();
            $('.chatbox-color2').show();
            $('#chatbox-back').css({
                background: "white",
                border: "1px solid #ccc",
            });
            $('#chatbox-name').css({
                color: "#777"
            });
            $('.chatbox-reply').css({
                border: "1px solid #ccc"
            });
            $('.chatbox-knop').removeClass('chatbox-knop').addClass('chatbox-knop2');
            $('.chatbox-resize').removeClass('chatbox-resize').addClass('chatbox-resize2');
            $('.chatbox-opt').removeClass('chatbox-opt').addClass('chatbox-opt2');
            $('.chatbox-sml').removeClass('chatbox-sml').addClass('chatbox-sml2');
            $('.chatbox-bb').removeClass('chatbox-bb').addClass('chatbox-bb2');
            $('.chatbox-cop').removeClass('chatbox-cop').addClass('chatbox-cop2');
            $('.chatbox-off').removeClass('chatbox-off').addClass('chatbox-off2');
        }
            restyleback = function () {
            $.cookie('chcolor', 'false');
            $('.chatbox-color2').hide();
        $('.chatbox-color').show();
        $('#chatbox-back').css({
            background: "black",
            border: "0px",
        });
        $('#chatbox-name').css({
            color: "white"
        });
        $('.chatbox-reply').css({
            border: "0px"
        });
        $('.chatbox-knop2').removeClass('chatbox-knop2').addClass('chatbox-knop');
        $('.chatbox-resize2').removeClass('chatbox-resize2').addClass('chatbox-resize');
        $('.chatbox-opt2').removeClass('chatbox-opt2').addClass('chatbox-opt');
        $('.chatbox-sml2').removeClass('chatbox-sml2').addClass('chatbox-sml');
        $('.chatbox-bb2').removeClass('chatbox-bb2').addClass('chatbox-bb');
        $('.chatbox-cop2').removeClass('chatbox-cop2').addClass('chatbox-cop');
        $('.chatbox-off2').removeClass('chatbox-off2').addClass('chatbox-off');
    }
                        
    $('.chatbox-color').click(function () {
        restyle();
    });
    $('.chatbox-color2').click(function () {
        restyleback(); 
    });
    
    if($.cookie('chcolor') == 'true') { 
        restyle()
    };

    var ab = $('#puzadpn').css('display');
        if(ab=='block') {
        $('#ls-capcha').css('top','24px');
    }

    $('.chatbox-reply').focus(function () {
        $('#ls-capcha').show();
    });
    $('#chatbox-top, .chatbox-knop').mousedown(function () {
        $('#ls-capcha').hide();
    });
});