$(document).ready(function() {
	var tt = $('#tooltip');
	
	tt.css({'opacity':0,'display':'block'});	
	$('#social a').bind('mouseover mouseout',function(e) {

		var pos = $(this).position();
		
		var msg = $(this).text();
		tt.html(msg);
		tt.css({'left':pos.left,'top':pos.top+35});
		
		if(e.type == 'mouseover') {
			tt.stop(true,true).animate({'opacity': 1});
		}
		else {
			tt.stop(true,true).animate({'opacity': 0});
		}
	})
});