$(document).ready(function()  {


// create custom animation algorithm for jQuery called "bouncy" 
$.easing.bouncy = function (x, t, b, c, d) { 
    var s = 1.70158; 
    if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; 
    return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; 
} 
 
// create custom tooltip effect for jQuery Tooltip 
$.tools.tooltip.addEffect("bouncy", 
 
    // opening animation 
    function(done) { 
        this.getTip().animate({top: '+=15'}, 500, 'bouncy', done).show(); 
    }, 
 
    // closing animation 
    function(done) { 
        this.getTip().animate({top: '-=15'}, 500, 'bouncy', function()  { 
            $(this).hide(); 
            done.call(); 
        }); 
    } 
);
// create custom tooltip effect for jQuery Tooltip 
$.tools.tooltip.addEffect("bouncy_down", 
 
    // opening animation 
    function(done) { 
        this.getTip().animate({top: '-=15'}, 500, 'bouncy', done).show(); 
    }, 
 
    // closing animation 
    function(done) { 
        this.getTip().animate({top: '+=15'}, 500, 'bouncy', function()  { 
            $(this).hide(); 
            done.call(); 
        }); 
    } 
);


// initialize tooltip	
 	$("#middle div[title]").tooltip({	
		// use single tooltip element for all tips
		tip: '#dynatip', 
		
		// tweak the position
		offset: [20,0],
		effect: 'bouncy',
		// use "slide" effect
		/*effect: 'slide',
		slideInSpeed : 	500,  
		slideOutSpeed : 	500,
		  position  :'top center' ,*/
    // another property 
   		 opacity: 0.9

    	
				
	// add dynamic plugin 
	}).dynamic( {
		
		// customized configuration on bottom edge
		bottom: {
		effect: 'bouncy_down',
			// slide downwards
			direction: 'down',
			
			// bounce back when closed
			bounce: true,
		/*	slideInSpeed : 	500,  
			slideOutSpeed : 	500
		*/}
	});
  
});