$(document).ready(function(){
	$('.bubbleInfo').each(function () {
		var distance = 20;
		var time = 150;
		var hideDelay = 100;
		var hideDelayTimer = null;
		var beingShown = false;
		var shown = false;
		var picu = $('.picu', this);
		var info = $('.boxpop', this).css('opacity', 0);
		$([picu.get(0), info.get(0)]).mouseover(function () {
			if (hideDelayTimer) clearTimeout(hideDelayTimer);
			if (beingShown || shown) {
				return;
			} else {
				beingShown = true;
				info.css({
				top: -135,
				left: -100,
				display: 'block'
		}).animate({
				top: '-=' + distance + 'px',
				opacity: 0.95
			}, time, 'swing', function() {
				beingShown = false;
				shown = true;
			});
			}
			return false;
		}).mouseout(function () {
			if (hideDelayTimer) clearTimeout(hideDelayTimer);
			hideDelayTimer = setTimeout(function () {
			hideDelayTimer = null;
			info.animate({
				left: '-=' + distance + 'px',
				opacity: 0
			}, time, 'swing', function () {
				shown = false;
				info.css('display', 'none');
			});
			}, hideDelay);
			return false;
		});
	});
});