$(function () {
$('.maplink').each(function () {
	var distance = 10;
	var time = 250;
	var hideDelay = 500;
	var hideDelayTimer = null;
	var beingShown = false;
	var shown = false;
	var location = $('.location', this);
	var info = $('.popup', this).css('opacity', 0);

	$([location.get(0), info.get(0)]).mouseover(function () {
			if (hideDelayTimer) clearTimeout(hideDelayTimer);
			if (beingShown || shown) {
					// don't location the animation again
					return;
			} else {
					// reset position of info box
					beingShown = true;
					info.css({
							top: -20,
							left: 15,
							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;
		});
	});
});