/**
 *
 */
$(function(){
	//ホバー関係
	var onName = ".hover_on";
	var offName = ".hover_off";
	var objTarget = $("div#skinChart ul.links");
	var objOn = objTarget.find(onName);
	var objOff = objTarget.find(offName);

	//バルーン関係
	var objBalloon = $("#balloon_supersensitive_skincare");

	//関数類
	function dispNone(obj){obj.css({display:"none"});}
	function dispBlock(obj){obj.css({display:"block"});}

	//hover用画像非表示 ※透過処理済み
	dispNone(objOn);

	//バルーンのhoverイベント設定
	objOff.hover(
		function(){
			var arrClassName = ($(this).attr("class")).split(" ");
			var className = "."+arrClassName[0];
			dispBlock(objOn.filter(className));

			//ツールチップ表示
			if(className == ".supersensitive_skincare"){
				dispBlock(objBalloon);
				dispBlock(objBalloon.find(".inner"));
			}
		},
		function(){
		}
	);
	objOn.hover(
		function(){
		},
		function(){
			var arrClassName = ($(this).attr("class")).split(" ");
			var className = "."+arrClassName[0];
			dispNone(objOn.filter(className));

			//ツールチップ非表示
			if(className == ".supersensitive_skincare"){
				dispNone(objBalloon);
				dispNone(objBalloon.find(".inner"));
			}
		}
	);

//	//ツールチップのhoverイベント設定
	objBalloon.hover(
		function(){
		},
		function(){
			var className = ".supersensitive_skincare";
			dispNone(objOn.filter(className));
			//ツールチップ非表示
			dispNone(objBalloon);
			dispNone(objBalloon.find(".inner"));
		}
	);


//	//カーソルを変更
//	$("ul.links li.supersensitive_skincare").css("cursor","pointer");
//
//	var obj = $("ul.links li.supersensitive_skincare").find("img");
//	//obj.css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn_skintypecare.png',sizingMethod='scale')");
//
//	//スキンタイプ別お手入れ方法
//	var src = obj.attr("src");		//画像パス取得
//
//	$("ul.links li.supersensitive_skincare").hover(function(){
////		alert(src);
//		onSrc = src.replace(".","_on.");
//		obj.attr("src",onSrc);
//
//		//マウスオーバー時、吹き出しを表示する
//		$("div.balloon").css("display","block");
//		$("div.inner").css("display","block");
//
//	},function(){
//		//画像を切り替える
//		offSrc = src.replace("_on",".");
//		obj.attr("src",offSrc);
//
//		//マウスアウト時、吹き出しを非表示にする
//		$("div.balloon").css("display","none");
//		$("div.inner").css("display","none");
//
//		//吹き出しにマウスオーバー時、吹き出しを表示する
//		$("div.balloon").hover(function(){
//			//画像を切り替える
//			onSrc = src.replace(".","_on.");
//			obj.attr("src",onSrc);
//
//			//吹き出しを表示する
//			$("div.balloon").css("display","block");
//			$("div.inner").css("display","block");
//		},function(){
//			//処理なし
//		});
//	});
//
//
//	//吹き出しのマウスオーバー処理
//	$("div.balloon").hover(function(){
//		onSrc = src.replace(".","_on.");
//		obj.attr("src",onSrc);
//		//処理なし
//	},function(){
////		alert("A");
////		obj.css("filter",'progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="/images/btn_skintypecare.png")');
//		//画像を切り替える
//		offSrc = src.replace("_on",".");
//		obj.attr("src",offSrc);
//
//		//マウスアウト時、吹き出しを非表示にする
//		$("div.balloon").css("display","none");
//		$("div.inner").css("display","none");
//	});
});