// Written in UTF-8

// require jquery

/*
---------------------------------------------------------------------------
  hdks_toggle_image.js
  Version 1.0  
  
  (C) Hidokeisha GK
  
  スワップイメージ関連の機能
---------------------------------------------------------------------------
*/

var HDKS_swapImage = {
	 attrSwapImageSrc: 			'swapimage'
	,attrSwapImageTarget: 		'swaptarget'
	,attrOrigImageSrc: 			'_origimage'
	,altImageDefaultSuffix:		'_over'
};


// 準備(document読込み完了時に呼ぶ)
HDKS_swapImage.prepare = function(){
	$("*[%]".replace(/%/, HDKS_swapImage.attrSwapImageTarget)).each(function(){
		//　操作対象の特定
		if( $(this).attr(HDKS_swapImage.attrSwapImageTarget) == 'self' ){
			$(this).attr(HDKS_swapImage.attrSwapImageTarget, this.id);
		}
		var target;
		target = $("#" + $(this).attr(HDKS_swapImage.attrSwapImageTarget));
			
		// over時の画像srcの取得
		if( ! $(this).attr(HDKS_swapImage.attrSwapImageSrc) ){
			$(this).attr(HDKS_swapImage.attrSwapImageSrc,
				target.attr("src").replace(/^(.+)\.(gif|jpg|png)$/, "$1" + HDKS_swapImage.altImageDefaultSuffix + ".$2"));
		}
		
		// 通常時の画像srcの取得
		$(this).attr(HDKS_swapImage.attrOrigImageSrc, target.attr("src"));
		
		// イベントハンドラを設定
		$(this).mouseover(function(){
			HDKS_swapImage.swapImage($(this), true);
		});
		$(this).mouseout(function(){
			HDKS_swapImage.swapImage($(this), false);
		});
	});
};

// 画像のスワップ
HDKS_swapImage.swapImage = function(obj, to_over){
	var target
		= $("#" + obj.attr(HDKS_swapImage.attrSwapImageTarget));
	
	var src;
	if( to_over ){
		src = obj.attr(HDKS_swapImage.attrSwapImageSrc);
	}
	else{
		src = obj.attr(HDKS_swapImage.attrOrigImageSrc);
	}
		
	target.attr("src", src);
};