/*--setup--*/
function tab_setup(tab_name) {
	if(document.getElementById(tab_name)){
		var tmp_tabs = document.getElementById(tab_name).getElementsByTagName('li');
		var tmp_pages = new Array();
		for(var i=0; i<tmp_tabs.length; i++) {
			//<li>のidは「for_(制御したいDIV名)」になっているので、「for_」を削除してエレメント取得
			var divname=tmp_tabs[i].id.substring(4)
			tmp_pages[i] = document.getElementById(divname);
		}
		var tab = new Tab(tmp_tabs,tmp_pages);
		tab.init();
	}
}
/*--setup end--*/
  
var Tab = function(tmp_tabs,tmp_pages){
   this.tabs = tmp_tabs;
   this.pages = tmp_pages;
   this.init = function(){
      var self = this;
      for(i=0; i<this.pages.length; i++) {
         if(i !== 0) this.pages[i].style.display = 'none';
         this.tabs[i].onclick = function(){self.showpage(this); return false;};
      }
   };  
   this.showpage = function(obj){
      var num;
  
      for(num=0; num<this.tabs.length; num++) {
         if(this.tabs[num] === obj) break;
      }
  
      for(var i=0; i<this.pages.length; i++) {
         if(i == num) {
            this.pages[num].style.display = 'block';
            this.tabs[num].className = 'selected';
         }
         else{
            this.pages[i].style.display = 'none';
            this.tabs[i].className = null;
         }
      }
   };
}