/*--setup--*/
window.onload=function() {
tab.setup = {
   tabs: document.getElementById('tab').getElementsByTagName('li'),
   
   pages: [
      document.getElementById('anti'),
      document.getElementById('know'),
      document.getElementById('back')
   ]
}

tab.init();
}
/*--setup end--*/

var tab = {
   init: function(){
      var tabs = this.setup.tabs;
      var pages = this.setup.pages;
	  var tools = document.getElementById('Tools01');
      var images = document.getElementById('tab').getElementsByTagName('img');
	  var nextLink = document.getElementById('Text').getElementsByTagName('span');

	  images[0].src = images[0].src.replace('_off.', '_stay.');

	  nextLink[0].className = 'know';
	  nextLink[0].onclick = function(){ tab.showpage(this, true); return false; };
	  
      for(i=0; i<pages.length; i++) {
         if(i !== 0) pages[i].style.left = '-9999px';
         tabs[i].onclick = function(){ tab.showpage(this, false); return false; };
      }
   },
   
   showpage: function(obj, obj2){
      var tabs = this.setup.tabs;
      var pages = this.setup.pages;
	  var ttl_images = document.getElementById('tab').getElementsByTagName('img');
	  var nextLink = document.getElementById('Text').getElementsByTagName('span');
	  var nextLinkMatch = nextLink[0].className.match( /([0-9a-zA-Z]+)$/g );
      var num;
      
	  if( obj2 )
	  {
	  	if(nextLinkMatch == 'anti') {
			num = 0;
		} else if(nextLinkMatch == 'know') {
			num = 1;
		} else if(nextLinkMatch == 'back') {
			num = 2;
		}
	  }
	  else
	  {
	      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.left = '10px';
            tabs[num].className = 'selected';
			ttl_images[num].height = 47;
			
// 			if( obj2 ) {
// 				ttl_images[num].src = ttl_images[num].src.replace('_off.', '_stay.');
// 			} else {
// 				ttl_images[num].src = ttl_images[num].src.replace('_on.', '_stay.');
// 			}
			
			ttl_images[num].src = ttl_images[num].src.replace('_off.', '_stay.');
			ttl_images[num].src = ttl_images[num].src.replace('_on.', '_stay.');
			
			if(num == 0) {
				ttl_images[num].width = 304;
				nextLink[0].className = 'know';
			}
			if(num == 1) {
				ttl_images[num].width = 304;
				nextLink[0].className = 'back';
			}
			if(num == 2) {
				ttl_images[num].width = 304;
				nextLink[0].className = 'anti';
			}
         }
         else
		 {
            pages[i].style.position = 'absolute';
			pages[i].style.left = '-9999px';
			pages[i].style.padding = '0px 2px';
			ttl_images[i].height = 47;
            tabs[i].className = null;
			ttl_images[i].src = ttl_images[i].src.replace('_stay.', '_off.');
			
			if(i == 0) {
				ttl_images[i].width = 154;
			}
			if(i == 1) {
				ttl_images[i].width = 154;
			}
			if(i == 2) {
				ttl_images[i].width = 154;
			}
         }
      }
   }
}