$(document).ready(function(){
		$("*[class*='trigger']").each(function () { 
			   
			var idt = this.id;  
			var time = 250;
		    var hideDelay = 200;
			var hideDelayTimer = null;
			var beingShown = false;
		    var shown = false;
			var info =  null;	
			$("#"+idt+" a").hover(function() {
				
					if (hideDelayTimer) clearTimeout(hideDelayTimer);
					if (beingShown || shown) {
			                    // don't trigger the animation again
			                    return;
			                } else {
			                    // reset position of info box
			                    beingShown = true;
								info = $(this).next("em");
								$(this).next("em").animate({opacity: "show", top: "-198"},"fast", 'swing', function() {
			                        beingShown = false;
			                        shown = true;
			                    });
					
					}
					return false;
				
				}, function() {
				

					if (hideDelayTimer)
					{
						clearTimeout(hideDelayTimer);
					}
		            
					hideDelayTimer = setTimeout(function () {
							hideDelayTimer = null;
							info.animate({opacity: "hide", top: "-205"}, "slow", 'swing', function () {
		                        shown = false;
		                        //info.css('display', 'none');
								info =  null
		                    });

					}, hideDelay);
		            return false;
			});
			
			
		});

});