/**
		* cluetipによるツールチップ表示JavaScript
		*
		* HTMLのDOM構成
		* .js_cluetip_[識別]_trigger rel=#[ID] (1...N)  ツールチップを起動させるエレメント（aなど）
		*   .js_cluetip_[識別]_target id=[ID]  (1...N)  ツールチップの中身として表示されるエレメント
		*
		* @require jquery.js
		* @require jquery.bgiframe.js
		* @require jquery.cluetip.js
		*/

$(function(){

	//共通デフォルト設定
	$.extend($.fn.cluetip.defaults, {
		width:            275,
		height:           'auto',
		cluezIndex:       97,
		positionBy:       'auto',
		topOffset:        15,
		leftOffset:       15,
		local:            false,
		hideLocal:        true,
		attribute:        'rel',
		titleAttribute:   'title',
		splitTitle:       '',
		showTitle:        true,
		cluetipClass:     'default',
		hoverClass:       '',
		waitImage:        false,
		cursor:           '',
		arrows:           false,
		dropShadow:       false,
		dropShadowSteps:  6,
		sticky:           false,
		mouseOutClose:    false,
		activation:       'hover',
		clickThrough:     false,
		tracking:         false,
		delayedClose:     0,
		closePosition:    'top',
		closeText:        'Close',
		truncate:         0,
		debug:            false
	});

	//photo 写真のホバー表示
	$('.js_cluetip_photo_trigger').cluetip(
		{
			width:            300,
			local:            true,
			showTitle:        false,
			cluetipClass:     'nodecoration'
		}
	);

	//title title属性のみのホバー表示（）
	$('.js_cluetip_titleonly_trigger[title]').cluetip(
		{
			positionBy:       'mouse',
			topOffset:        10,
			leftOffset:       30,
			splitTitle:       "#####split#####",//title内に絶対に一致しない文字列を設定
			cluetipClass:     'titleonly',
			tracking:         true,
			onShow: function(cluetip, cluetipInner){
				cluetip.width('auto');
			}
		}
	);
//真上に25pxの間を設けてホバー表示（幅、高さは自動で取得設定）
	$('.js_cluetip_above_fix_trigger').each(function(index){
		//トリガとなるオブジェクトそのもの
		var $trigger = $(this);
		//トリガとなるオブジェクトとバルーン間の縦マージン
		var bottomMargin = 35;
		$(this).cluetip({
			positionBy:       'fixed',
			local:            true,
			showTitle:        false,
			cluetipClass:     'noframe',
			onShow: function(cluetip, cluetipInner){
				var offset = cluetip.offset();
				cluetip.css('top', offset.top - cluetip.height() - bottomMargin);
				cluetip.width('auto');
				cluetip.css('left', offset.left - parseInt(cluetip.width())/2 - $trigger.width());
			}
		});
	});
});