/** Hoge-Ratchoライブラリーへようこそ!

下の階層用

*/



var Balloon = function( e, vl ) {
	
	var uri = location.pathname;
	var uris = uri.split('/');
	uris.pop();	// 配列の最後の要素を削除して
	uris.pop();	// 配列の最後の要素を削除して
	var imgPath = uris.join('/');
	var url = location.protocol + '//' + location.hostname + imgPath;
	
	// フキダシ画像のパス
	var fukidashiSRC = url + '/img/fukidashi' + vl + '.png';
	
	if ( e.type == 'mouseover'  ) {
		// フキダシの追加
		$('div#button-area').append('<img src="' + fukidashiSRC + '" id="fs' + vl + '">');
	} else if ( e.type == 'mouseout' ) {
		// フキダシの削除
		$( 'img#fs' + vl ).remove();
	}
};


/************************************************************************
* ボタンイメージのロールオーバ用
*/
var RollOverIMG = function() {
	/** JQuery専用ロールオーバーメソッド
		JQueryブロック内で new RollOverIMG() する。 
		
		・JQueryブロックより先に宣言
		・ロールオーバしたいIMGタグにはクラス名で rolloverを指定
		・スワップするイメージには、必ず _ovr を拡張子の前に付ける
	*/

	$("img.rollover").css({'cursor':'pointer'})
					 .mouseover(function(event){ swapImage( event, $(this), '_ovr' ); })
					 .mouseout(function(event){ swapImage( event, $(this), '_ovr' ); });
	
	// ロールオーバー用にパスを書き換えるコアメソッド
	function swapImage( e, dom, prefix ) {
				// イベントタイプに応じて処理を分けた。
		if ( e.type == 'mouseover' ) {
		// 画像のパスをゲットする
		var imagePath = dom.attr('src');

			var splitPath = imagePath.split('.png');
			dom.attr( 'src', (splitPath[0] + prefix + '.png' ) );
			
			// バルーンの追加
			//new Balloon( e, dom.attr("name") );
			
		}
		if ( e.type == 'mouseout' ) {
		// 画像のパスをゲットする
		var imagePath = dom.attr('src');

			var splitPath = imagePath.split(prefix);
			dom.attr( 'src', (splitPath[0] + splitPath[1]) );
			
			// バルーンの削除
		//	new Balloon( e, dom.attr("name") );
		}
	}
};

/************************************************************************
* ボタンイメージのロールオーバ用
*/



/**************************************************************************


	以下がエントリーポイント。その他の処理も必ずこのブロック内に書いてね


**************************************************************************/
$(function(){
			// ボタン画像のロールオーバー
			new RollOverIMG();
			
});