makeStatusTooltips = function(){
    $('.bubbleInfo').each(function () {
        var distance = 0;
        var time = 250;
        var hideDelay = 500;

        var hideDelayTimer = null;

        var beingShown = false;
        var shown = false;
        var trigger = $('.trigger', this);
        

        var prefs = {}
//        $.each($('.popup-info', this).attr('title').match(/[^;]+/g),function(key,property){
//            var split = (property.match(/[^:^\s]+/g))
//            prefs[split[0]]=split[1]
//        })
        
        // stylize info
        $('.popup-info', this).replaceWith('<table class="popup"><tbody><tr><td id="topleft" class="corner"></td><td class="top"></td><td id="topright" class="corner"></td></tr><tr><td class="left"></td><td><table class="popup-contents"><tbody><tr><td>'+$('.popup-info', this).html()+'</td></tr></tbody></table></td><td class="right"></td></tr><tr><td class="corner" id="bottomleft"></td><td class="bottom"><img height="29" width="30" alt="popup tail" src="http://static.jqueryfordesigners.com/demo/images/coda/bubble-tail2.png"></td><td id="bottomright" class="corner"></td></tr></tbody></table>')
        
        var info = $('.popup', this)


        $([trigger.get(0), info.get(0)]).mouseover(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            if (beingShown || shown) {
                // don't trigger the animation again
                return;
            } else {
                // reset position of info box
                beingShown = true;
                info.css({
                    top: -1 * info.height(),
                    left: (prefs.left ? prefs.left : $(this).parents('.bubbleInfo').width()/2) - info.width()/2,
                    display: 'block'
                }).animate({
                    top: '-=' + distance + 'px',
                    opacity: 1
                }, time, 'swing', function() {
                    beingShown = false;
                    shown = true;
                });
            }

            return false;
        }).mouseout(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            hideDelayTimer = setTimeout(function () {
                hideDelayTimer = null;
                info.animate({
                    top: '-=' + distance + 'px',
                    opacity: 0
                }, time, 'swing', function () {
                    shown = false;
                    info.css('display', 'none');
                });

            }, hideDelay);

            return false;
        });
    });
}