/************************************
ローカルメニューカレントの設定
*************************************
/**
 *    DOM構築後の処理を記述します
 */
$(document).ready(function(){
	var postfix = '_o';
	
	$('.local_menu_current').not('[src*="'+ postfix +'."]').each(function() {
		var img 	= $(this);
		var src 	= img.attr('src');
		var src_on 	= src.substr(0, src.lastIndexOf('.'))
		           	+ postfix
		           	+ src.substring(src.lastIndexOf('.'));
		$('<img>').attr('src', src_on);
		img.attr('src', src_on);
	});
	
	$('.rollover').not('[src*="'+ postfix +'."]').each(function() {
		var img 	= $(this);
		
		var src 	= img.attr('src');
		var src_on 	= src.substr(0, src.lastIndexOf('.'))
		           	+ postfix
		           	+ src.substring(src.lastIndexOf('.'));
		$('<img>').attr('src', src_on);
		
		// 本来はCSSに背景画像を追加して、
		// 画像の透明度を変動してフェードイン、フェードアウトをするはずが
		// うまく動作せず。。
		//img.css('background-image', 'url(' + src_on + ')');
		//img.css('background-repeat', 'no-repeat');
		//img.css('z-index', 100);
		//img.css('overflow', 'hidden');

		img.hover(
		function() {
			// hover時のfunction
			// stop(clearQueue], gotoEnd)
			// →現在のアニメーションストップ
			// fadeTo(milisecond, opacity, callback);
			// →透明度をmilisecondかけてopacity分変更する
			// attr(key, value)
			// →keyの値をvalueに置換
			img.stop(true, true).fadeTo(0, 0.5).attr('src', src_on).fadeTo(300, 1.0);
			
			// 本当はこれでCSSに設定した背景画像が見えるようになるはずだった
			//$(this).stop().animate({"opacity":0});
        },
		
        function() {
			// hover out時のfunction
			img.stop(true, true).fadeTo(100, 0.7, function(){ img.attr('src', src).fadeTo(100, 1.0); });
        });
		
	});
	
});