var loginBblInView = false;
var regBblInView = false;

function showLoginBbl() {
  if(loginBblInView)return;
  if(regBblInView) { hideRegBbl(); }
  
  loginBblInView = true;
  $('#loginBubble').each(function () {
   var popup = $('.popup', this).css('opacity', 0);
   popup.css({top: 0, left: -33, display: 'block'})
   .animate({top:  '-='+80 + 'px',opacity: 1}, 500, 'swing');
    });
}


function hideLoginBbl() {
  if(!loginBblInView)return;
  loginBblInView = false;
  $('#loginBubble').each(function () {
   var popup = $('.popup', this);
   popup.animate({top:  80 + 'px',opacity: 0}, 500, 'swing', function() {
    popup.css({top: 0, left: +33, display: 'none'});
   })
  });
}

function showRegBbl() {
  if(regBblInView)return;
  if(loginBblInView) { hideLoginBbl(); }
  regBblInView = true;
  $('#registerBubble').each(function () {
   var popup = $('.popup', this).css('opacity', 0);
   popup.css({top: 0, left: -33, display: 'block'})
   .animate({top:  '-='+80 + 'px',opacity: 1}, 500, 'swing');
    });
}


function hideRegBbl() {
  if(!regBblInView)return;
  regBblInView = false;
  $('#registerBubble').each(function () {
   var popup = $('.popup', this);
   popup.animate({top:  80 + 'px',opacity: 0}, 500, 'swing', function() {
    popup.css({top: 0, left: +33, display: 'none'});
   })
  });
}