jQuery(document).ready(function() { 
	// Tooltip handler
	jQuery('.tooltip').each(function(i){
		jQuery(this).data('title', jQuery(this).attr('title'));
		jQuery(this).attr('title', '');
	});
	jQuery('.tooltip').hover(
		function() {
			var tooltip = jQuery('#tooltip');
			tooltip.stop(true, true).hide();
			tooltip.find('.inner').find('.text').html(jQuery(this).data('title'));
			var offset = jQuery(this).offset();
			var left = (offset.left + (jQuery(this).outerWidth(true) * 0.5)) - (tooltip.outerWidth(true) * 0.5);
			var top = offset.top - tooltip.outerHeight(true) - 8;
			tooltip.css('left', left).css('top', top - 10);
			tooltip
			.animate({ top: top }, { queue:false, duration:250 } )
			.fadeIn(250);
			delete tooltip;
			delete offset;
			delete left;
			delete top;
		}
		,
		function() {
			var tooltip = jQuery('#tooltip');
			tooltip.stop(true, true);
			var offset = jQuery(this).offset();
			var top = offset.top - tooltip.outerHeight(true) - 8;
			tooltip.animate({ top: top - 10 }, { queue:false, duration:250 } ).fadeOut(250);
		}
	);	
});