jQuery(document).ready(function(){
	jQuery('.nde-navi-games').each(function () {
		var distance = 10;
		var time = 250;
		var hideDelay = 500;

		var hideDelayTimer = null;

		var beingShown = false;
		var shown = false;
		var trigger = jQuery('.trigger', this);
		var info = jQuery('.nde-navi-popup', this).css('opacity', 0);
		var offset;

		jQuery([trigger.get(0), info.get(0)])
		.mouseover(function(e) {
			if (hideDelayTimer) clearTimeout(hideDelayTimer);
			if (beingShown || shown) {
				return;
			} else {
				beingShown = true;
				offset = trigger.offset(); //
				info.css({top: 25, left: offset.left, 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;
		});
	});
});