/**
 * btn.js
 *
 * class="roll"が指定された要素はロールオーバー効果が適用される。
 * 中身のimgは_on付きのものに変わる。
 * class="rollgroup"が指定されていた場合は連動してロールオーバー効果がかかる
 *
 * 設定例：
 * 別途dummy_over.jpgを同じフォルダに用意する
 * <img src="dummy.jpg" class="roll" />
 *
 * jquery-1.1.3.1.pack.js
 * init.js
 *   $j
 *   SITE.preloader
 */


$j(function(){
	if (SITE.current){
		$j(SITE.current).addClass('current');
		$j(SITE.current).find('img').each(function(){
			var img = $j(this);
			var crsrc = img.attr('src').replace(/(\.gif|\.jpg|\.png)/, "_current$1");
			img.attr('src', crsrc);
		});
	}
});
$j(function(){

	//class="roll"はロールオーバーを設定 (src属性を_over付きのものに差し替える)
        $j('img.roll').each(function(){
	   if($j(this).attr('src').match('over') == 'over'){
		this.rolloverSrc = $j(this).attr('src');
		SITE.preloader.load(this.rolloverSrc);
	   }else{
		this.originalSrc = $j(this).attr('src');
		this.rolloverSrc = this.originalSrc.replace(/(\.gif|\.jpg|\.png)/, "_over$1");
		SITE.preloader.load(this.rolloverSrc);
	   }
	});
	//通常ロールオーバー
        $j('img.roll').not($j('.rollgroup .roll, .current .roll')).hover(function(){
	    $j(this).attr('src',this.rolloverSrc);
	},function(){
	    $j(this).attr('src',this.originalSrc);
	});

	//グループ化されたロールオーバー
	//$j('.rollgroup').hover(function(){
	//	$j(this).find('.roll').each(function(){
	//		$j(this).attr('src',this.rolloverSrc);
	//	});
	//},function(){
	//	$j(this).find('.roll').each(function(){
	//		$j(this).attr('src',this.originalSrc);
	//	});
	//});

});