window.onload=function() {
tab.setup = {
   tabs: document.getElementById('myPageTab').getElementsByTagName('li'),
   
   pages: [
      document.getElementById('board01'),
      document.getElementById('board02'),
      document.getElementById('board03'),
      document.getElementById('board04'),
      document.getElementById('board05'),
      document.getElementById('board06'),
      document.getElementById('board07')
   ]
}

	/////get_param
	var get_list = new Array(); 
	var query = window.location.search.substring(1); 
	var parms = query.split('&'); 
	for (var i=0; i<parms.length; i++) { 
		var pos = parms[i].indexOf('='); 
		if (pos > 0) { 
		var key = parms[i].substring(0,pos); 
		var val = parms[i].substring(pos+1); 
		get_list[key] = val; 
		} 
	} 
	
	
	tab.init();
	
	if(get_list['tab_num']){
		changeTab(get_list['tab_num'])
	}
}
/*--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;
         }
      }
   }
}

// 左のメニューからタブの切り替えを制御する
function changeTab(num) {
	for (var i = 1; i <= 7; i++) {
		if (i != num) {
			$('board0' + i).style.display =	'none';
			$('mytab0' + i).className = '';
		} else {
			$('board0' + i).style.display =	'block';
			$('mytab0' + i).className = 'selected';
		}
	}
}