bubble-hover.js + groups functions

jQuery(document).ready(function($) {
    function getClientWidth() { return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;   }
    function getClientHeight() { return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight; }

    $(function() {
        var hideDelay = 0;
        var hideTimer = null;
        var x; // hack: variable for ajax object
        var y; // hack: variable for ajax object
        var showDelay = 0; // delay before the pop-up shows itself in ms

        var container = $('<div id="popupContainer"><table width="" border="0" cellspacing="0" cellpadding="0" align="center" class="popupBubble"><tr><td class="corner topLeft"></td><td class="top"></td><td class="corner topRight"></td></tr><tr><td class="left">&nbsp;</td><td><div id="popupContent"></div></td><td class="right">&nbsp;</td></tr><tr><td class="corner bottomLeft">&nbsp;</td><td class="bottom">&nbsp;</td><td class="corner bottomRight"></td></tr></table></div>');

        $('body').append(container);

        $('.avatar').live('mouseover', function() {

            // format of 'rel' tag: userID
            var userID = $(this).attr('rel');

            if ( !userID )  {

                var groupID = $(this).attr('class');
                var groupID = groupID.match(/\d+/);
                var groupID = parseInt(groupID);

                if (hideTimer)
                clearTimeout(hideTimer);

                var pos = $(this).offset();
                var width = $(this).width();

                $.data(this, 'timer', setTimeout(function() {

                container.css({
                        left: (pos.left + width) + 'px',
                        top: pos.top - 5 + 'px'
                });

                container.css('display', 'block');

                var loading = '<img src="'+ajax_image+'/ajax-loader.gif" alt="Loading" />';
                $('div#popupContent').html(loading);

                if(y) {y.abort(); y = null; }

                y = $.ajax({
                    type: 'GET',
                    url: ajax_url,
                    data: {
                        ID: groupID,
                        action: 'the_groupinfo'
                    },
                    success: function(data) {

                        //if (data.indexOf(groupID) > 0) {
                            var text = $(data).html();
                            $('div#popupContent').html(text);
                                var right = getClientWidth() - pos.left - width;
                                var boxWidth = $('div#popupContainer').width();
                                if ( boxWidth < right ) {
                                    container.css({
                                        left: (pos.left + width) + 'px',
                                        top: pos.top - 5 + 'px'
                                    });
                                }else{
                                    container.css({
                                        left: (pos.left - boxWidth) + 'px',
                                        top: pos.top - 5 + 'px'
                                    })
                                }
                            container.css('display', 'block');
                        //}
                    }
                });


             }, showDelay ));

            };

              // If no userID and groupiD in url tag, don't popup blank
            if ( !userID && !groupID )
                return;

            if ( userID )   {

            if (hideTimer)
                clearTimeout(hideTimer);

            var pos = $(this).offset();
            var width = $(this).width();

            $.data(this, 'timer', setTimeout(function() {


                // hack
                // display the container before the ajax request
                container.css({
                        left: (pos.left + width) + 'px',
                        top: pos.top - 5 + 'px'
                });

                container.css('display', 'block');

                // populate the popup with a loader.gif
                var loading = '<img src="'+ajax_image+'/ajax-loader.gif" alt="Loading" />';
                $('div#popupContent').html(loading);

                // check for the current ajax request and abort it if needed
                if(x) {x.abort(); x = null; }
                // end hack

                x = $.ajax({
                    type: 'GET',
                    url: ajax_url,
                    data: {
                        ID: userID,
                        action: 'the_personalinfo'
                    },
                    success: function(data) {

                        // Verify requested person is this person since we could have multiple ajax requests out if the server is taking a while.
                        if (data.indexOf(userID) > 0) {
                            var text = $(data).html();
                            $('div#popupContent').html(text);
                                var right = getClientWidth() - pos.left - width;
                                var boxWidth = $('div#popupContainer').width();
                                if ( boxWidth < right ) {
                                    container.css({
                                        left: (pos.left + width) + 'px',
                                        top: pos.top - 5 + 'px'
                                    });
                                }else{
                                    container.css({
                                        left: (pos.left - boxWidth) + 'px',
                                        top: pos.top - 5 + 'px'
                                    })
                                }
                            container.css('display', 'block');
                        }
                    }
                });


             }, showDelay ));


};


        }).live('mouseout', function() {
            clearTimeout($.data(this, 'timer'));
        });

        $('.avatar').live('mouseout', function() {
            if (hideTimer)
                clearTimeout(hideTimer);
            hideTimer = setTimeout(function() {
                // hack: abort the ajax request
                if(x) {x.abort(); x = null; }
                container.css('display', 'none');
            }, hideDelay);
        });

        // Allow mouseover of details without hiding details
        $('#popupContainer').mouseover(function() {
            if (hideTimer)
                clearTimeout(hideTimer);
        });

        // Hide after mouseout
        $('#popupContainer').mouseout(function() {
            if (hideTimer)
                clearTimeout(hideTimer);
            hideTimer = setTimeout(function() {
                // hack: abort the ajax request;
                if(x) {x.abort(); x = null; }
                container.css('display', 'none');
            }, hideDelay);
        });
    });

    // Select all checkboxes after clicking the link All
        $("a[href='#select_all']").click( function() {
           $("input:checkbox.link").attr('checked', 'checked');
            return false;
        });

});