/*--setup--*/
window.onload=function() {
tab.setup = {
   tabs: document.getElementById('indexTab').getElementsByTagName('li'),
   
   pages: [
      document.getElementById('tabPress'),
      document.getElementById('tabTopi'),
      document.getElementById('tabNews'),
      document.getElementById('tabSafety'),
      document.getElementById('tabLakes'),
      document.getElementById('tabToday'),
      document.getElementById('tabEvent'),
      document.getElementById('tabMap')
   ]
}
tab.init();
tab02.setup = {
   tabs02: document.getElementById('indexTab02').getElementsByTagName('li'),
   
   pages02: [
      document.getElementById('tabEnq'),
      document.getElementById('tabHikaku'),
      document.getElementById('tabTwitter'),
      document.getElementById('tabFacebook'),
      document.getElementById('tabYoutube')
   ]
}


tab02.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;
         }
      }
   }
}
var tab02 = {
   init: function(){
      var tabs02 = this.setup.tabs02;
      var pages02 = this.setup.pages02;
      
      for(i=0; i<pages02.length; i++) {
         if(i !== 0) pages02[i].style.display = 'none';
         tabs02[i].onclick = function(){ tab02.showpage02(this); return false; };
      }
   },
   
   showpage02: function(obj02){
      var tabs02 = this.setup.tabs02;
      var pages02 = this.setup.pages02;
      var num02;
      
      for(num02=0; num02<tabs02.length; num02++) {
         if(tabs02[num02] === obj02) break;
      }
      
      for(var i=0; i<pages02.length; i++) {
         if(i == num02) {
            pages02[num02].style.display = 'block';
            tabs02[num02].className = 'selected';
         }
         else{
            pages02[i].style.display = 'none';
            tabs02[i].className = null;
         }
      }
   }
}