//スワップイメージ
function SwapImage(img) {
obj = document.getElementById("main-photo");
obj.src = img;
}
function SwapImage2(img) {
obj = document.getElementById("main-photo2");
obj.src = img;
}
function SwapImage3(img) {
obj = document.getElementById("main-photo3");
obj.src = img;
}
function SwapImage4(img) {
obj = document.getElementById("main-photo4");
obj.src = img;
}



//ロールオーバー
var preLoadImg = new Object();

function initRollOvers(){
	$("img.rollover").each(function(){
		var imgSrc = this.src;
		var sep = imgSrc.lastIndexOf('.');
		var onSrc = imgSrc.substr(0, sep) + '-on' + imgSrc.substr(sep, 4);
		preLoadImg[imgSrc] = new Image();
		preLoadImg[imgSrc].src = onSrc;
		$(this).hover(
			function() { this.src = onSrc; },
			function() { this.src = imgSrc; }
		);
	});
}
$(function(){
	initRollOvers();
});


//画像の半透明
function addEventHandler(selector, speed, opacityOut, opacityOver){
	$(selector).fadeTo(speed, opacityOut);
	
	$(selector).mouseover(function(event){
		$(this).fadeTo(speed, opacityOver);
	});
	
	$(selector).mouseout(function(event){
		$(this).fadeTo(speed, opacityOut);
	});
}

$(document).ready(function(){
	var selector = "img.opacity";
	var speed = "fast";	//"slow", "normal" ,"fast" の指定。または数値1とか　1=1/1000秒 数字の場合は " なし
	var opacityOut = 1;
	var opacityOver = 0.7;
	addEventHandler(selector, speed, opacityOut, opacityOver);
});