// フェードボックス
// 初期設定
var crrentBlock="tab01"; // 現在表示中のブロックid名
var opacityValue=1; // 現在の透明度
var step=0.03; //フェードのステップ（0.1が最大で少ないほど細かい）
var timer;

// フェード開始用
function fadeStart(block){
	var tabnum = parseInt( block.replace("tab", "") );
	currentTab(tabnum);
	window.scrollTo(0,0);
	clearInterval(timer);
	timer=setInterval("fadeout('"+block+"')",1);
}

// フェードアウト
function fadeout(block){
	if(opacityValue>=0.05){
		opacityValue=step;
	}else{
		opacityValue=0;
		clearInterval(timer);
		document.getElementById(crrentBlock).style.display="none";
		crrentBlock=block;
		document.getElementById(crrentBlock).style.display="block";
		timer=setInterval("fadein()",1);
	}
	blockOpacity();
}

// フェードイン
function fadein(){
	if(opacityValue<=1){
		opacityValue+=step;
	}else{
		opacityValue=1;
		clearInterval(timer);
		timer=undefined;
	}
	blockOpacity();
}

// 透明度を設定
function blockOpacity(){
	document.getElementById(crrentBlock).style.opacity=opacityValue;
	document.getElementById(crrentBlock).style.MozOpacity=opacityValue;
	document.getElementById(crrentBlock).style.filter="alpha(opacity="+opacityValue*100+")";
}

// タブの現在地表示を行う
function currentTab(num){
	num--;
	var tabs = tab.setup.tabs;
	for(var i=0; i<tabs.length; i++) {
		if(i == num) {
			tabs[num].className = 'initial';
		}
		else{
			tabs[i].className = null;
		}
	}

}

// <![CDATA[
 
var tab = {
	init: function(){
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;

		for(i=0; i<pages.length; i++) {
			if(i !== 0) pages[i].style.display = 'none';
			tabs[i].onclick = function(){ tab.showpage(this); return false; };
		}
		this.dive();
	},

	showpage: function(obj){
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		var num;

		for(num=0; num<tabs.length; num++) {
			if(tabs[num] === obj) break;
		}

		for(var i=0; i<pages.length; i++) {
			if(i == num) {
				pages[num].style.display = 'block';
				tabs[num].className = 'initial';
			}
			else{
				pages[i].style.display = 'none';
				tabs[i].className = null;
			}
		}
	},
 
	dive: function(){
		var hash = window.location.hash;
		hash = hash.split("?");
		hash = hash[0].split("#");
 
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		for(i=0; i<pages.length; i++) {
			if (hash[1]){ crrentBlock = hash[1]; }
			if(pages[i] == document.getElementById(hash[1])) this.showpage(tabs[i]);
		}
	}
}
 
// ]]>