$(document).ready(function(){
			
				$("option.portal").click(function () {
			    		$("option.sg").hide();
						$("option.sg_"+this.id).show();
			    });
			    
			});
		
		
			$(function () {
			  $('.bubbleInfo').each(function () {

			    var distance = 10;
			    var time = 250;
			    var hideDelay = 500;
			
			    var hideDelayTimer = null;
			

			    var beingShown = false;
			    var shown = false;
			    
			    var trigger = $('.trigger', this);
			    var popup = $('.popup', this).css('opacity', 0);
			

			    $([trigger.get(0), popup.get(0)]).mouseover(function () {

			      if (hideDelayTimer) clearTimeout(hideDelayTimer);
			      if (beingShown || shown) {
			        return;
			      } else {
			        beingShown = true;
			        popup.css({
			          top:'22px',
			          display: 'block',
			          zIndex: '1000'
			        })



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