//-------------------------//
//■ アイビス ギャラリーJS //
//-------------------------//

/****** 設定例 *************************************************************************************************
// JS 読み込む
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="gallery.js"></script>

//■ 1人目 Aさん
<div><a href="#" title="Aさん"><img id="pic1" src="デフォルトの拡大画像パス" alt="Aさん"></a></div>
<div>
<a href="#" title="Aさん1"><img src="縮小画像1のパス" id="pic1-1" class="gallery" rel="拡大画像1のパス" alt="Aさん1" /></a>
<a href="#" title="Aさん2"><img src="縮小画像2のパス" id="pic1-2" class="gallery" rel="拡大画像2のパス" alt="Aさん2" /></a>
<a href="#" title="Aさん3"><img src="縮小画像3のパス" id="pic1-3" class="gallery" rel="拡大画像3のパス" alt="Aさん3" /></a>
</div>

//■ 2人目 Bさん
<div><a href="#" title="Bさん"><img id="pic2" src="デフォルトの拡大画像パス" alt="Bさん"></a></div>
<div>
<a href="#" title="Bさん1"><img src="縮小画像1のパス" id="pic2-1" class="gallery" rel="拡大画像1のパス" alt="Bさん1" /></a>
<a href="#" title="Bさん2"><img src="縮小画像2のパス" id="pic2-2" class="gallery" rel="拡大画像2のパス" alt="Bさん2" /></a>
<a href="#" title="Bさん3"><img src="縮小画像3のパス" id="pic2-3" class="gallery" rel="拡大画像3のパス" alt="Bさん3" /></a>
</div>
*****************************************************************************************************************/

$(document).ready(function(){
	Obj = new Object();

	// クラス名
	Obj.className = 'gallery';

	$('img.'+Obj.className).mouseover(function(){

		Obj.id = $(this).attr('id');
		Obj.ids = Obj.id.split('-');

		if(Obj.id && Obj.ids[0] && $('img#'+Obj.id).attr('rel')){
			$('img#'+Obj.ids[0]).fadeTo(100, 0.8, function(){
				$('img#'+Obj.ids[0]).attr('src', $('img#'+Obj.id).attr('rel')).fadeTo(300, 1);
			});
		}
	});
});