/*
------------------------------------------------------------------------
	簡単ロールオーバーイメージ（jQuery版） v1.0
	(c)Sapphirus.Biz
------------------------------------------------------------------------
説明：
_off（通常のイメージ）と _over（マウスをのせた時のイメージ） という名前
が含まれるイメージファイルを二つ用意します。
_off が通常のイメージとなり、マウスオーバーすると _over のイメージファイ
ルに入れ変わります。マウスを外すと _off の画像に戻ります。

例：
イメージファイル menu1_off.gif, menu1_over.gif
<img src="menu1_off.gif" alt="Menu1" />

※要 jQuery
------------------------------------------------------------------------
*/

$(function(){
	var btn = {
		off: 'off', //ロールアウト識別ワード
		over: 'over' //ロールオーバー識別ワード
	};
	var pl = new Object();
	$('img').each(function(){
		try{
			var e = {
				rf: new RegExp('_'+btn.off+'\\.', 'i'),
				rv: new RegExp('_'+btn.over+'\\.', 'i'),
				bf: '_'+btn.off+'.',
				bv: '_'+btn.over+'.'
			};
			if ($(this).attr('src').match(e.rf)){
				var pi = $(this).attr('src').replace(e.rf, e.bv);
				pl[pi] = new Image();
				pl[pi].src = pi;
				$(this).hover(function(){
					$(this).attr('src', $(this).attr('src').replace(e.rf, e.bv));
				}, function(){
					$(this).attr('src', $(this).attr('src').replace(e.rv, e.bf));
				});
				$(this).mouseup(function(){
					$(this).parent('a').blur();
					$(this).attr('src', $(this).attr('src').replace(e.rv, e.bf));
				});
			}
		}catch(e){}
	});
});