tooltip = 
{
	bindEventHandler: function()
		{
			// dfn
			$('dfn').each(function(i, dfnEle)
				{
					$(dfnEle).click(function(event)
						{
							tooltip.clicked(event);
							return false;
						}).mouseover(function(){ $(dfnEle).blur(); });
				});
			
			// body
			$('body').click(function()
				{
					tooltip.hide();
				});
			
			// window
			$(window).resize(function(event)
				{
					//$('dfn.clicked').trigger('click');
					$('div#tooltip').css('display', 'none');
				});
		},
	
	hide: function()
		{
			$('div#tooltip').hide();
			$('dfn.clicked').removeClass('clicked');
		},
		
	clicked: function(event)
		{
			var dfnEle = event.target;
			var dfnCenter = $(dfnEle).width()/2;
			
			if (!$(dfnEle).hasClass('clicked'))
				{
					$('dfn.clicked').removeClass('clicked');
					
					$(dfnEle).addClass('clicked');
					
					$('div#tooltip div.body').html('<div class="title">'+$(dfnEle).html()+'</div><div>'+$(dfnEle).attr('title')+'</div>');
					
					var ttHeight = $('div#tooltip').height();
					
					$('div#tooltip')
					.css({ left: dfnEle.offsetLeft-230+10, top: dfnEle.offsetTop-ttHeight })
					.show();
				}
			else
				{
					tooltip.hide();
				}
		}
}


$(function()
	{
		tooltip.bindEventHandler();
	});