/*--setup--*/
window.onload=function() {
tab.setup = {
   tabs: document.getElementById('tab1').getElementsByTagName('li'),
   pages: [
      document.getElementById('LaneCat'),
      document.getElementById('is'),
      document.getElementById('Cool47')
   ]
}


tab2.setup2 = {
   tabs2: document.getElementById('tab2').getElementsByTagName('li'),
   pages2: [
      document.getElementById('s_development'),
      document.getElementById('o_development'),
      document.getElementById('base')
   ]
}
tab2.init();
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;
         }
      }
   }
}

var tab2 = {
   init: function(){
      var tabs2 = this.setup2.tabs2;
      var pages2 = this.setup2.pages2;
  
      for(i=0; i<pages2.length; i++) {
         if(i !== 0) pages2[i].style.display = 'none';
         tabs2[i].onclick = function(){ tab2.showpage2(this); return false; };
      }
   },
  
   showpage2: function(obj){
      var tabs2 = this.setup2.tabs2;
      var pages2 = this.setup2.pages2;
      var num;
  
      for(num=0; num<tabs2.length; num++) {
         if(tabs2[num] === obj) break;
      }
  
      for(var i=0; i<pages2.length; i++) {
         if(i == num) {
            pages2[num].style.display = 'block';
            tabs2[num].className = 'selected';
         }
         else{
            pages2[i].style.display = 'none';
            tabs2[i].className = null;
         }
      }
   }
}