$(function(){

// INICIO BOCADILLOS	
	if($('.bubbleInfo').length != 0){
		$(function () {
			$('.bubbleInfo').each(function () {
				var distance = 10;
				var time = 250;
				var hideDelay = 200;
				var hideDelayTimer = null;
				var beingShown = false;
				var shown = false;
				var trigger = $('.trigger', this);
				//var info = $('.popup', this).css('opacity', 0);
				var info = $('.popup', this).css('display', 'none');
				$([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({
								bottom: 20,
								left: -33,
								display: 'block'
							}).animate({
								bottom: '+=' + 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({
							bottom: '+=' + distance + 'px',
							opacity: 0
						}, time, 'swing', function () {
							shown = false;
							info.css('display', 'none');
						});
	
					}, hideDelay);
	
					return false;
				});
			});
		});
	}
// FIN BOCADILLOS		

});
