$(function() {

    $('.idles div').each(function() {
        var self = this;
        var over = false;
        var down = false;

        $(document.body).mouseup(function() {
            down = false;
        });

        $(this).hover(function() {
            over = true;
            $('.idle', self).hide();
            if (down) {
                $('.idle-hover', self).hide();
                $('.idle-click', self).show();
            } else {
                $('.idle-hover', self).show();
                $('.idle-click', self).hide();
            }
        }, function() {
            over = false;
            $('.idle', self).show();
            $('.idle-hover', self).hide();
            $('.idle-click', self).hide();
        });
        $(this).mousedown(function() {
            down = true;
            $('.idle', self).hide();
            $('.idle-hover', self).hide();
            $('.idle-click', self).show();
        });
        $(this).mouseup(function() {
            $('.idle', self).hide();
            if (over) {
                $('.idle-hover', self).show();
                $('.idle-click', self).hide();
            } else {
                $('.idle-hover', self).hide();
                $('.idle-click', self).show();
            }
            window.location = '/login/logout';
        });
    });

    $('.icons-inner .chat').each(function() {
        $(this).show().animate({marginLeft: 54}, 1400);
        $(this).parents('td:first').animate({width: '+=24px'}, 1400);
    });

    $('.menuitem').hover(function() {
        $('p', this).show();
    }, function() {
        $('p', this).hide();
    });

    $('#logo')
        .css({cursor: 'pointer'})
        .unbind('click')
        .click(function() {
            window.location = '/';
        });
});