$(document).ready(function() {
        $('.bubbleInfo').each(function () {
            var distanceFadeIn = $('.trigger', this).height();
            var distanceFadeOut = (distanceFadeIn / 2 * 1);
            var time = 250;
            var hideDelay = 500;
            var hideDelayTimer = null;
            var beingShown = false;
            var shown = false;
            var trigger = $('.trigger', this);
            var info = $('.popup', this).css('opacity', 0);
            $([trigger.get(0), info.get(0)]).mouseover(function (event) {
                if (hideDelayTimer) clearTimeout(hideDelayTimer);
                if (beingShown || shown) {
//		    $('#overlayer').css('display', 'inline');
		    return;
                } else {
                    beingShown = true;
		    var eventX = event.pageX * 1 - $('#bg').offset().left;
		    var eventY = event.pageY;
		    var tipW = info.width();
		    var tipH = info.height();
		    var tipL = (eventX * 1);
		    var tipT = (eventY - (tipH / 2) * 1);
               	     info.css({ display: 'block', top: tipT, left: tipL, opacity: '1' });
//		     $('#overlayer').css('display', 'inline');
                }

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

//		$('#overlayer').css('display', 'none');
                
		return false;
            });
        });
});

