$(function(){
	var postfix = '_o';
	$('.roll img').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.hover(
			function(){
				img.attr('src', src_on);
			},
			function(){
				img.attr('src', src);
			}
		);
	});

	$("#sideNavi dt.accDt").hover(function(){
		$(this).css("cursor","pointer"); 
	},function(){
		$(this).css("cursor","default"); 
		});
	$("#sideNavi dd.accDd").css("display","none");
	$("#sideNavi dt.accDt").click(function(){
		$(this).next().slideToggle(300);
		});

	var name_space = 'setImgParallelStyler';
	$.fn[name_space] = function(options){
		var elements = $(this);
		var settings = $.extend({
			side : false
		}, options);
		if("left" != settings.side && "right" != settings.side){
			throw Error("invalid side type: '"+settings.side+"'");
		}
		return this.each(function(){
			var root = $(this).parent();
			var imgBlock = $(".image", root);
			var img = $("img", imgBlock);
			function resize(){
				var imgWidth = img.width();
				if(imgWidth){
					imgBlock.css("width",imgWidth+"px"); // 画像幅を強制
				}
			}
			resize();
			img.load(function(){
				resize();
			});
		});
	};
	$(function(){
		$('.layoutLeft .layoutImg').setImgParallelStyler({ side:'left' });
		$('.layoutRight .layoutImg').setImgParallelStyler({ side:'right' });
	});
});