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

/*--setup--*/
window.onload=function() {
tab.setup = {
   tabs: document.getElementById('faq').getElementsByTagName('dt'),
   
   pages: [
		document.getElementById('Q1'),
		document.getElementById('Q2'),
		document.getElementById('Q3'),
		document.getElementById('Q4'),
		document.getElementById('Q5'),
		document.getElementById('contentQ1'),
		document.getElementById('contentQ2'),
		document.getElementById('contentQ3'),
		document.getElementById('contentQ4'),
		document.getElementById('contentQ5'),
		document.getElementById('contentQ6'),
		document.getElementById('contentQ7'),
		document.getElementById('contentQ8'),
		document.getElementById('serviceQ1'),
		document.getElementById('serviceQ2'),
		document.getElementById('serviceQ3'),
		document.getElementById('applicationQ1'),
		document.getElementById('applicationQ2'),
		document.getElementById('applicationQ3'),
		document.getElementById('applicationQ4'),
		document.getElementById('chargeQ1'),
		document.getElementById('chargeQ2'),
		document.getElementById('chargeQ3'),
		document.getElementById('chargeQ4'),
		document.getElementById('chargeQ5'),
		document.getElementById('chargeQ6'),
		document.getElementById('chargeQ7'),
		document.getElementById('chargeQ8'),
		document.getElementById('chargeQ9')
]
}

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 = 'bg01';
         }
         else{
            pages[i].style.display = 'none';
            tabs[i].className = null;
         }
      }
   }
}