$(function() {
    $('.partners-bubbleInfo-wrapper .bubbleInfo').each(function() {
        var distance = 15;
        var time = 250;
        var hideDelay = 150;

        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() {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);

            if (beingShown || shown) {
                // don't trigger the animation again
                return;
            } else {
                // reset position of info box
                beingShown = true;

                info.css({
                    bottom: 90,
                    left: -80,
                    display: 'block'
                }).animate({
                bottom: '-=' + distance + 'px',
                    opacity: 1
                }, time, 'swing', function() {
                    beingShown = false;
                    shown = true;
                });
                $('img.active', trigger).fadeIn(350);
                $('img.normal', trigger).fadeOut(350);
            }

            return false;
        }).mouseout(function() {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
 
           
            hideDelayTimer = setTimeout(function() {
                hideDelayTimer = null;
                info.animate({
                    bottom: '-=' + distance + 'px',
                    opacity: 0
                }, time, 'swing', function() {
                    shown = false;
                    info.css('display', 'none');
                });
                $('img.active', trigger).fadeOut(350);
                $('img.normal', trigger).fadeIn(350);
            }, hideDelay);

            return false;
        });
    });
});


$(function() {
$('.support-bubbleInfo-wrapper .bubbleInfo').each(function() {
        var distance = 15;
        var time = 250;
        var hideDelay = 150;

        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() {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);

            if (beingShown || shown) {
                // don't trigger the animation again
                return;
            } else {
                // reset position of info box
               /* beingShown = true;

                info.css({
                    bottom: 165,
                    left: -15,
                    display: 'block'
                }).animate({
                    bottom: '-=' + distance + 'px',
                    opacity: 1
                }, time, 'swing', function() {
                    beingShown = false;
                    shown = true;
                });
                */
                $('img.active', trigger).fadeIn(350);
                $('img.normal', trigger).fadeOut(350);
            }

            return false;
        }).mouseout(function() {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);


            hideDelayTimer = setTimeout(function() {
                hideDelayTimer = null;
                info.animate({
                    bottom: '-=' + distance + 'px',
                    opacity: 0
                }, time, 'swing', function() {
                    shown = false;
                    info.css('display', 'none');
                });
                $('img.active', trigger).fadeOut(350);
                $('img.normal', trigger).fadeIn(350);
            }, hideDelay);

            return false;
        });
    });
});