$(document).ready(function() { 
	$("#phase1").tooltip({ 
        tip: '#floatingpanel1',
		relative: true,
        offset: [-360, 140],
        effect: 'slide',  
    }).dynamic( {  
        bottom: { 
            direction: 'down',  
            bounce: true 
        } 
    });
	$("#phase2").tooltip({ 
        tip: '#floatingpanel2',
		relative: true,
        offset: [-360, 10],
        effect: 'slide', 
    }).dynamic( {  
        bottom: { 
            direction: 'down',  
            bounce: true 
        } 
    });
	$("#phase3").tooltip({ 
        tip: '#floatingpanel3',
		relative: true,
        offset: [-360, -100],
        effect: 'slide',
    }).dynamic( {  
        bottom: { 
            direction: 'down',  
            bounce: true 
        } 
    });
	$("#phase4").tooltip({ 
        tip: '#floatingpanel4',
		relative: true,
        offset: [-360, -230],
        effect: 'slide',
    }).dynamic( {  
        bottom: { 
            direction: 'down',  
            bounce: true 
        } 
    });
	$("#phase5").tooltip({ 
        tip: '#floatingpanel5',
		relative: true,
        offset: [-360, -340],
        effect: 'slide',
    }).dynamic( {  
        bottom: { 
            direction: 'down',  
            bounce: true 
        } 
    });
	
	
});