/*--setup--*/
function tab_setup() {
	if(document.getElementById('tab')){
		var tmp_tabs = document.getElementById('tab').getElementsByTagName('li');
		var tmp_pages = new Array();
		for(var i=0; i<tmp_tabs.length; i++) {
			//<li>のidは「for_(制御したいDIV名)」になっているので、「for_」を削除してエレメント取得
			var divname=tmp_tabs[i].id.substring(4)
			tmp_pages[i] = document.getElementById(divname);
		}
		tab.setup = {
		   tabs: tmp_tabs,
		   pages: tmp_pages
		}
		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;
         }
      }
   }
}