/* -----------------------------------------------------------
Javascript Information

 File name:      swap2.js
 Update:         2008.04.16
 Style Info:     表示切替Javascriptファイル
----------------------------------------------------------- */

window.onload = function(){
	var rootNode01 = document.getElementById("menu01");
	var rootNode02 = document.getElementById("menu02");
	var rootNode03 = document.getElementById("menu03");
	var imgTag01 = rootNode01.getElementsByTagName("img");
	var imgTag02 = rootNode02.getElementsByTagName("img");
	var imgTag03 = rootNode03.getElementsByTagName("img");
	for (var i=0; i<imgTag01.length; i++){
		imgTag01[i].onmouseover = function(){
			this.src = this.src.split(".jpg")[0]+"_o.jpg";
		}
		imgTag01[i].onmouseout = function(){
			this.src = this.src.split("_o.jpg")[0]+".jpg";
		}
	}
	for (var i=0; i<imgTag02.length; i++){
		imgTag02[i].onmouseover = function(){
			this.src = this.src.split(".jpg")[0]+"_o.jpg";
		}
		imgTag02[i].onmouseout = function(){
			this.src = this.src.split("_o.jpg")[0]+".jpg";
		}
	}
	for (var i=0; i<imgTag03.length; i++){
		imgTag03[i].onmouseover = function(){
			this.src = this.src.split(".jpg")[0]+"_o.jpg";
		}
		imgTag03[i].onmouseout = function(){
			this.src = this.src.split("_o.jpg")[0]+".jpg";
		}
	}
}

function Step01() {
	document.getElementById('menu01').style.display='none';
	document.getElementById('Actmenu01').style.display='block';
	document.getElementById('menu02').style.display='block';
	document.getElementById('Actmenu02').style.display='none';
	document.getElementById('menu03').style.display='block';
	document.getElementById('Actmenu03').style.display='none';
	document.getElementById('stepSkin01').style.display='block';
	document.getElementById('stepSkin02').style.display='none';
	document.getElementById('stepSkin03').style.display='none';
	document.getElementById("SwapText").innerHTML = "親指、人差し指を中心に指先に軽い角化（かくか）、乾燥、指紋の消失がみられます。";
}

function Step02() {
	document.getElementById('menu01').style.display='block';
	document.getElementById('Actmenu01').style.display='none';
	document.getElementById('menu02').style.display='none';
	document.getElementById('Actmenu02').style.display='block';
	document.getElementById('menu03').style.display='block';
	document.getElementById('Actmenu03').style.display='none';
	document.getElementById('stepSkin01').style.display='none';
	document.getElementById('stepSkin02').style.display='block';
	document.getElementById('stepSkin03').style.display='none';
	document.getElementById("SwapText").innerHTML = "ほとんど全部の指に広がり、乾燥、角化、落屑（らくせつ）がみられます。手のひらにも拡大してきます。";
}

function Step03() {
	document.getElementById('menu01').style.display='block';
	document.getElementById('Actmenu01').style.display='none';
	document.getElementById('menu02').style.display='block';
	document.getElementById('Actmenu02').style.display='none';
	document.getElementById('menu03').style.display='none';
	document.getElementById('Actmenu03').style.display='block';
	document.getElementById('stepSkin01').style.display='none';
	document.getElementById('stepSkin02').style.display='none';
	document.getElementById('stepSkin03').style.display='block';
	document.getElementById("SwapText").innerHTML = "赤みやかゆみも伴ってきて、小さな水ぶくれやひび割れもみられ、手あれから手湿疹の状態にまで進んでいます。";
}

function swapSkin01() {
	document.getElementById('skin2').style.display='block';
	document.getElementById('skin1').style.display='none';
}

function swapSkin02() {
	document.getElementById('skin1').style.display='block';
	document.getElementById('skin2').style.display='none';
}