$(function(){
    /* Переключения вкладок блока пользователя */
    $('.user-block-btn').click(function(){
	   $('.user-block-tab').hide();
	   $('#' + $(this).data('tab')).show();
	   $('.user-block-btn-active').removeClass('user-block-btn-active').removeClass('user-block-btna').addClass('user-block-btn');
	   $(this).addClass('user-block-btn-active').removeClass('user-block-btn').addClass('user-block-btna');

	   $.cookie('tbs-active-profile-tab', $(this).find('img').attr('id'));
    });

    /* Отображение последней активной вкладки блока*/
    if ($.cookie('tbs-active-profile-tab')) {
	   $('#' + $.cookie('tbs-active-profile-tab')).parent().click();
    } else {
	   $('#user-block-btn-profile').parent().click();
    }

    $('#user-block-pm-send').click(function(){
        $('#shadow-layer, #mb-container').show();
        return false;
    });
});

var messageblock = {
    ajaxTimer: false,
    userName: "",
    ajaxLink: null,

    keyDown: function() {
        $('#mb-avatar').attr('src', '/public/img/av/90.gif');

        if (messageblock.ajaxTimer != false) {
            clearTimeout(messageblock.ajaxTimer);
            if (messageblock.ajaxLink != null) {
                messageblock.ajaxLink.abort();
            }
        }

        messageblock.ajaxTimer = setTimeout(function(){
            messageblock.ajaxInit();
        }, 100);
    },

    ajaxInit: function() {
        messageblock.userName = $('#mb-username').val();
        messageblock.ajaxLink = $.ajax({
            url: "/forum/",
            type: "post",
            data: "user="+ messageblock.userName +"&w=0&gender=0&group=0&sort=0&res=0&a=35&s=1",
            success: function(html) {
                $('#mb-ajax').html('').show();
                
                $('.uTable tr', html).each(function(i, obj){
                    var avatar = $("td > img", obj).attr('src') || "/public/img/av/90.gif";
                    var username = $('.uTd > a[title!="Отправить Личное Сообщение"]', obj).html();
                    if (username != null) {
                        var html = '<div class="mb-ajax-user clearfix" data-name="'+ username +'">'+ username +'<div class="mb-ajax-avatar"><img src="'+ avatar +'" class="mb-ajax-avatar-image" /></div></div>';
                        $(html).click(function(){
                            $('#mb-avatar').attr('src', $(".mb-ajax-avatar-image" ,this).attr('src'));
                            $('#mb-username').val($(this).data('name'));
                        }).appendTo("#mb-ajax");
                    }
                });
            }
        });
    },

    focusOut: function() {
        clearTimeout(messageblock.ajaxTimer);
        $('#mb-ajax').fadeOut(300, function(){ $(this).html(''); });
    }
}

$(function(){
    $(document).keydown(function (e) {if(e.which == 27) {
	   $('#shadow-layer, #mb-container').hide();
    }});
    $('#mb-close').click(function(){
        $('#shadow-layer, #mb-container').hide();
    });

    $('#mb-username').keydown(messageblock.keyDown).blur(messageblock.focusOut).val(localStorage.lastUsername || "");
    if (localStorage.lastUsername != undefined && localStorage.lastUsername != "") {
        $.ajax({
            url: '/index/8-0-'+ localStorage.lastUsername,
            success: function(html) {
                $('#mb-avatar').attr('src', $('.profile-user-avatar-container', html).find('img').attr('src'));
            }
        });
    }
    $('#mb-saveUsername').click(function(){
        localStorage.lastUsername = $('#mb-username').val();
        $('.mb-save-win').fadeIn(300).delay(1200).fadeOut(300);
    });
});