sms.js

function openBubble(id) {
        left = $('#' + id).css('left');
        top = $('#' + id).css('top');
        width =  $('#' + id).outerWidth();
        height = $('#' + id).outerHeight();
        lastOpenId = id;

        $('#' + id)
            .animate({
                'left': '261px',
                'top': '120px'
            }, 200, 'easeOutExpo')
            .delay(200)
            .animate({
                'width': '400px',
                'height': '400px'
            }, 200, 'easeOutExpo', function () {
                $('.smsInner')
                    .css({
                        'display': 'inline'
                    });

                pushBubble(id);
                $('.clickBubble').unbind();
                closeBubble();
            });
    }

    clickBubble = function () {
        $('.clickBubble')
            .bind('click', function (e) {
                e.preventDefault();
                name = $(this).attr('id');

                openBubble(name);
            });
    };
    clickBubble();

    closeBubble = function () {
        $('.bubble, .smsInner')
            .bind('click', function (e) {
                e.preventDefault();

                var id = $(this).attr('id');

                $('.smsInner')
                    .css({
                        'display': 'none'
                    });
                $('#' + lastOpenId)
                    .stop()
                    .animate({
                        'left': left,
                        'top': top,
                        'width': width,
                        'height': height
                    }, 100, 'easeOutExpo', function () {
                        $('.clickBubble, .smsInner').unbind();

                        if (id !== undefined && id !== lastOpenId) {
                            openBubble(id);
                        } else {
                            clickBubble();
                        }
                    });
            });
    };