/* ロード完了時の処理 */
addEvent(window, "load", function() {
	var outerBox = document.getElementById("outerbox");
	outerBox.style.overflow = "hidden";	
	var laboBox = document.getElementById("laboratorys");
	
	/* 研究リストの初期状態 */
	var j = 0;
	for (var i = 0; i < outerBox.getElementsByTagName("div").length; i++) {
		if (outerBox.getElementsByTagName("div")[i].className == "innerbox") {
			with (outerBox.getElementsByTagName("div")[i].style) {
				position = "absolute";
				top = "0";
			}
			outerBox.getElementsByTagName("div")[i].id = "";
			if (j == location.href.charAt(location.href.length - 1)) {
				outerBox.getElementsByTagName("div")[i].style.visibility = "inherit";
			} else if (j == 10 && location.href.charAt(location.href.length - 1) == "t") {
				outerBox.getElementsByTagName("div")[i].style.visibility = "inherit";
			} else {
				outerBox.getElementsByTagName("div")[i].style.visibility = "hidden";
			}
		}
		j++
	}
	
	
	/* 研究室リストの初期状態 */
	for (var i = 0; i < laboBox.getElementsByTagName("a").length; i++) {
		if (location.href.indexOf("#") == -1) {
			setOpacity(laboBox.getElementsByTagName("a")[i], 1);		
			laboBox.getElementsByTagName("a")[i].className = "";
		} else if (location.href.indexOf("#laboratory" + i) != -1) {
			setOpacity(laboBox.getElementsByTagName("a")[i], 1);
		} else if (i == 10 && location.href.indexOf("#project") != -1) {
			setOpacity(laboBox.getElementsByTagName("a")[i], 1);
		} else {
			laboBox.getElementsByTagName("a")[i].className = "flip";
			setOpacity(laboBox.getElementsByTagName("a")[i], 0.6);
		}
	}
	
	
	/* クリック時 */
	for (var i = 0; i < laboBox.getElementsByTagName("a").length; i++) {(function(){
		var theNumber = i;
		addEvent(laboBox.getElementsByTagName("a")[i], "click", function() {
			function cahngeLab() {
				var j = 0;
				for (var i = 0; i < outerBox.getElementsByTagName("div").length; i++) {
					if (outerBox.getElementsByTagName("div")[i].className == "innerbox") {
						if (j == theNumber) { 
							outerBox.getElementsByTagName("div")[i].style.visibility = "inherit";
						} else {
							outerBox.getElementsByTagName("div")[i].style.visibility = "hidden";
						}
						j++;
					}
				}
				var theDate = new Date();
				var theTime = theDate.getTime();
				var n = 0;
				var theDuration = 0.4;
				var theInterval = setInterval(function() {
					theDate = new Date();
					n = n + ((theDate.getTime() - theTime) / 1000 / theDuration);
					if (n < 1) {
						setOpacity(outerBox, n);
					} else {
						setOpacity(outerBox, 1);
						clearInterval(theInterval);
					}
					theTime = theDate.getTime();
				}, 100);
			}
			
			if (location.href.indexOf("#") == -1) {
				setOpacity(outerBox, 0);
				setTimeout(cahngeLab, 100);
				var theDate = new Date();
				var theTime = theDate.getTime();
				var n = 0;
				var theDuration = 0.5;
				var theInterval = setInterval(function() {
					theDate = new Date();
					n = n + ((theDate.getTime() - theTime) / 1000 / theDuration);
					if (n < 1) {
						for (var j = 0; j < laboBox.getElementsByTagName("a").length; j++) {
							if (j == theNumber) {
								setOpacity(laboBox.getElementsByTagName("a")[j], 0.6 + 0.4 * n);
								laboBox.getElementsByTagName("a")[j].className = "current";
							} else {
								setOpacity(laboBox.getElementsByTagName("a")[j], 1 - 0.4 * n);
								laboBox.getElementsByTagName("a")[j].className = "flip";
							}
						}
					} else {
						for (var j = 0; j < laboBox.getElementsByTagName("a").length; j++) {
							if (j == theNumber) {
								setOpacity(laboBox.getElementsByTagName("a")[j], 1);
								laboBox.getElementsByTagName("a")[j].className = "current";
							} else {
								setOpacity(laboBox.getElementsByTagName("a")[j], 0.6);
							}
						}
						clearInterval(theInterval);
					}
					theTime = theDate.getTime();
				}, 100);
			} else {
				for (var j = 0; j < laboBox.getElementsByTagName("a").length; j++) {
					if (j == theNumber) {
						setOpacity(laboBox.getElementsByTagName("a")[j], 1);
						laboBox.getElementsByTagName("a")[j].className = "current";
					} else {
						setOpacity(laboBox.getElementsByTagName("a")[j], 0.6);
						laboBox.getElementsByTagName("a")[j].className = "flip";
					}
				}
				var theDate = new Date();
				var theTime = theDate.getTime();
				var n = 0;
				var theDuration = 0.3;
				var theInterval = setInterval(function() {
					theDate = new Date();
					n = n + ((theDate.getTime() - theTime) / 1000 / theDuration);
					if (n < 1) {
						setOpacity(outerBox, 1 - n);
					} else {
						setOpacity(outerBox, 0);
						clearInterval(theInterval);
						setTimeout(cahngeLab, 100);
					}
					theTime = theDate.getTime();
				}, 100);
			}
		});
	})()}
});