/*
Original
http://archiva.jp/web/javascript/tab-menu.html
Customized by WWW WATCH
http://hyper-text.org/archives/2007/09/javascript_tab.shtml
##2008/08/27/: 月齢のブログパーツと onload() がかぶるので関数名を function changeBlogParts() に変更
*/



/* setup */
function changeBlogParts(){
tab.setup={
	tabs:document.getElementById('tab').getElementsByTagName('li'),
	pages:[
		document.getElementById('weather'),
		document.getElementById('wave')
	]
}

tab.init();
}

/* setup end */
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; };
		}
	},

	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='selected';
			}
			else{
				pages[i].style.display='none';
				tabs[i].className=null;
			}
		}
	}
}