// JavaScript Document
$(function(){
	$('.bubbleInfo').each(function(){
				var distance = 10;
				var time = 250; // 1/4 second
				var hideDelay = 500;
				
				var hideDelayTimer = null;
				var beingShown = false;
				var visible = false;
				
				var trigger = $('.trigger', this);
				var popup = $('.popup', this);
				
				$([trigger.get(0), popup.get(0)]).mouseover(function(){
						if (hideDelayTimer) clearTimeout (hideDelayTimer);
						if (beingShown || visible){
								return;
							}else{
								beingShown = true;
								popup.css({
									display: 'block',
									top: -60,
									left: -90,
								}).animate({
									opacity: 1,
									top: '-=' + distance + 'px'
								}, '', function (){
									
									beingShown = false;
									visible = true;
									
									});
								
							}
						
						//console.log('mouseover');
						
				}).mouseout(function(){
						if (hideDelayTimer) clearTimeout (hideDelayTimer);
					
						hideDelayTimer = setTimeout(function(){
								hideDelayTimer = null;
								popup.animate({
									
									top: '-=' + distance + 'px',
									opacity: 0
								}, '', function (){
									visible=false;
									
								}); 																 
						}, hideDelay);

				});
	 });
});