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

					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({
											top: - $(info.get(0)).height()-18,
											left: -175,
											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;
					});
			});
	});


$(function () {
	$('.showUnavailable').bind('mouseover', function() {
		$(this).parent().children('.popupUnavailable').show();
		
	});

	$('.showUnavailable').bind('mouseout', function() {
		$(this).parent().children('.popupUnavailable').hide();
	});
	
})