/*-----------------------------------------------------------
 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(){
  tab.setup = {
    tabs: document.getElementById('tab').getElementsByTagName('li'),
    pages: [
      document.getElementById('s1'),
      document.getElementById('s2'),
	  document.getElementById('s3'),
	  document.getElementById('s4'),
	  document.getElementById('s5'),
	  document.getElementById('s6'),
	  document.getElementById('s7'),
	  document.getElementById('s8'),
	  document.getElementById('s9'),
	  document.getElementById('s10'),
	  document.getElementById('s11'),
    ]
  }
  tab.init();
}

/*--ss1 売れ筋人気ランキング--*/
/*--ss2 塩の特徴--*/
/*--ss3 塩の産地--*/
/*--ss4 食材--*/
/*--ss5 ボディケア--*/
/*--ss6 塩スイーツ（リンク）--*/
/*--ss7 容器ミル--*/
/*--ss8 ギフト（リンク）--*/
/*--ss9 その他（リンク）--*/
/*--ss10 塩屋オリジナル--*/
/*--ss11 お薦め（リンク）--*/

/*--setup end--*/
var tab = {
  init: function(){
    var tabs = this.setup.tabs;
    var pages = this.setup.pages;
      
    for(i=0; i<pages.length; i++){
      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;
         }
      }
   }
}