// JavaScript Document

// =================================================
// ツールチップ
// =================================================
function ToolTip(){
	$('.tip').hover(function(){
		var title = $(this).attr('title');
		
		
		$(this).find('.tip-hover').remove();
		$(this).append('<div class="tip-hover"><p class="bg"><span class="bg-l"><span class="bg-r">'+title+'</span></span></p></div>');
		$(this).find('.tip-hover').hide();
		
		//横幅
		var tip_hover_width = $(this).find('.tip-hover').width();
		var this_width = $(this).width();
		var width_ml = (tip_hover_width-this_width)/2
		
		$(this).find('.tip-hover').css('margin-left',-width_ml);
		$(this).find('.tip-hover').css('width',tip_hover_width);
		
		//高さ
		var tip_hover_height = $(this).find('.tip-hover').height();
		var this_height = $(this).height();
		$(this).find('.tip-hover').css('margin-top',-tip_hover_height-this_height);
		
		$(this).find('.tip-hover').fadeIn("slow");
	},function(){
		$(this).find('.tip-hover').fadeOut("slow");
		
	});
}
$(document).ready(ToolTip);