/*-----------------------------------------------------------
 Original
 http://archiva.jp/web/javascript/tab-menu.html

 Customized by WWW WATCH
 http://hyper-text.org/archives/2007/09/javascript_tab.shtml
------------------------------------------------------------*/


/*--setup--*/

window.onload=function() {

tab.setup = {
   tabs: document.getElementById('tab').getElementsByTagName('li'),
   
   pages: [
      document.getElementById('tajima'),
	  document.getElementById('kaneya'),
      document.getElementById('matsumoto'),
      document.getElementById('ohashi'),
	  document.getElementById('matsuoka'),
      document.getElementById('okamoto_s'),
      document.getElementById('okuyama'),
	  document.getElementById('sotoyama')
   ]
}
tab.init();

tab2.setup = {
   tabs2: document.getElementById('tab2').getElementsByTagName('li'),
   
   pages2: [
      document.getElementById('motoyoshi'),
      document.getElementById('tanaka'),
	  document.getElementById('tabata'),
      document.getElementById('naito')
   ]
}
tab2.init();

tab3.setup = {
   tabs3: document.getElementById('tab3').getElementsByTagName('li'),
   
   pages3: [
      document.getElementById('yamazaki'),
      document.getElementById('kitazaki'),
      document.getElementById('nakao')
   ]
}
tab3.init();

tab4.setup = {
   tabs4: document.getElementById('tab4').getElementsByTagName('li'),
   
   pages4: [
      document.getElementById('nagata'),
      document.getElementById('moriyama'),
	  document.getElementById('awa')
   ]
}
tab4.init();

tab5.setup = {
   tabs5: document.getElementById('tab5').getElementsByTagName('li'),
   
   pages5: [
      document.getElementById('seto'),
      document.getElementById('imoto')
   ]
}
tab5.init();

}

/*--setup end--*/


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

/*--koji--*/
var tab2 = {
   init: function(){
      var tabs = this.setup.tabs2;
      var pages = this.setup.pages2;
      
      for(i=0; i<pages.length; i++) {
         if(i !== 0) pages[i].style.display = 'none';
         tabs[i].onclick = function(){ tab2.showpage(this); return false; };
      }
   },
   
   showpage: function(obj){
      var tabs = this.setup.tabs2;
      var pages = this.setup.pages2;
      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;
         }
      }
   }
}
/*--koji end--*/

/*--reform--*/
var tab3 = {
   init: function(){
      var tabs = this.setup.tabs3;
      var pages = this.setup.pages3;
      
      for(i=0; i<pages.length; i++) {
         if(i !== 0) pages[i].style.display = 'none';
         tabs[i].onclick = function(){ tab3.showpage(this); return false; };
      }
   },
   
   showpage: function(obj){
      var tabs = this.setup.tabs3;
      var pages = this.setup.pages3;
      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;
         }
      }
   }
}
/*--reform end--*/

/*--sekkei--*/
var tab4 = {
   init: function(){
      var tabs = this.setup.tabs4;
      var pages = this.setup.pages4;
      
      for(i=0; i<pages.length; i++) {
         if(i !== 0) pages[i].style.display = 'none';
         tabs[i].onclick = function(){ tab4.showpage(this); return false; };
      }
   },
   
   showpage: function(obj){
      var tabs = this.setup.tabs4;
      var pages = this.setup.pages4;
      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;
         }
      }
   }
}
/*--sekkei end--*/

/*--gyomu--*/
var tab5 = {
   init: function(){
      var tabs = this.setup.tabs5;
      var pages = this.setup.pages5;
      
      for(i=0; i<pages.length; i++) {
         if(i !== 0) pages[i].style.display = 'none';
         tabs[i].onclick = function(){ tab5.showpage(this); return false; };
      }
   },
   
   showpage: function(obj){
      var tabs = this.setup.tabs5;
      var pages = this.setup.pages5;
      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;
         }
      }
   }
}
/*--gyomu end--*/