$(document).ready(function(){
	$.tools.tooltip.addEffect("slidedown",   
	     
	    // opening animation 
	    function() {  
	        var opacity = this.getConf().opacity; 
	        this.getTip().css({opacity:0}).animate({top: '+=5', opacity:opacity}, 300).show(); 
	    },  
	     
	    // closing animation 
	    function() { 
	        this.getTip().animate({top: '+=5', opacity:0}, 300, function() {  
	                $(this).hide().animate({top: '+=30'}, 0); 
	        }); 
	    } 
	);

	$('.tip-trigger').tooltip({ 
	    position: ['center', 'right'], 
	 	tip: '.tip',
		offset: [-50,20],
	 	effect: 'slidedown',
		opacity: 0.9,
		predelay: 100
	}).dynamic( { 
     
        // customized configuration on bottom edge 
        bottom: { 
         
            // slide downwards 
            direction: 'down', 
             
            // bounce back when closed 
            bounce: true 
        } 
    });
});