//初期設定：カーソル
$(function(){
	$(".viewCase2").hide();
	$(".clickImg").hover(function () {
		$(this).css("cursor","pointer");
	});
});

//要素出しわけ
$(function(){
	$(".viewCase1 .clickImg").click(function () {

		$(".viewCase1").hide();
		fadeIn($(".viewCase2"));
	});
	$(".viewCase2 .clickImg").click(function () {
		$(".viewCase2").hide();
		fadeIn($(".viewCase1"));
	});
});

$(function(){
	$(".viewCase4").hide();
	$(".clickImg").hover(function () {
		$(this).css("cursor","pointer");
	});

	$(".viewCase3 .clickImg").click(function () {
		$(".viewCase3").hide();
		fadeIn($(".viewCase4"));
	});
	$(".viewCase4 .clickImg").click(function () {
		$(".viewCase4").hide();
		fadeIn($(".viewCase3"));
	});
});


function fadeIn(obj){
	var Br = navigator.appName;
	var version = navigator.appVersion;
	if(Br == "Microsoft Internet Explorer"){
		x = version.indexOf("MSIE",0);
		if (version.substring(x+8, x+9) == ";"){
			version = version.substring(x+5,x+6);
		}else{
			version = version.substring(x+5, x+7);
		}
		if(version == "6") obj.fadeIn(1000);
		else if(version == "7") obj.fadeIn(1000);
		else if(version == "8") obj.fadeIn(1000);
	}else{
		obj.fadeIn("slow");
	}
}

//imgにclass="rollover"で画像単体でロールオーバー
var rollover = {
		main : function(){
	$("img.rollover").each(function(){
		var offSrc = $(this).attr("src");
		var onSrc = offSrc.replace(".","o.");
		$(this).hover(
				function() { $(this).attr("src",onSrc); }
				,function() { $(this).attr("src",offSrc); }
		);
	});
}

}
rollover.main();