/*-----------------------------------------------------------
 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() {
tab2.setup = {
   tabs2: document.getElementById('tab2').getElementsByTagName('li'),
   
   pages2: [
      document.getElementById('phone-top3'),
      document.getElementById('multi-top3')
   ]
}


tab2.init();

}
/*--setup end--*/

var tab2 = {
   init: function(){
      var tabs2 = this.setup.tabs2;
      var pages2 = this.setup.pages2;
      
      for(j=0; j<pages2.length; j++) {
         if(j !== 0) pages2[j].style.display = 'none';
         tabs2[j].onclick = function(){ tab2.showpage(this); return false; };
      }
   },
   
   showpage: function(obj2){
      var tabs2 = this.setup.tabs2;
      var pages2 = this.setup.pages2;
      var num2;
      
      for(num2=0; num2<tabs2.length; num2++) {
         if(tabs2[num2] === obj2) break;
      }
      
      for(var j=0; j<pages2.length; j++) {
         if(j == num2) {
            pages2[num2].style.display = 'block';
            tabs2[num2].className = 'selected';
         }
         else{
            pages2[j].style.display = 'none';
            tabs2[j].className = null;
         }
      }
   }
}