window.onload=function() {

tab.setup = {

   tabs: document.getElementById('ranking-nav') ?  document.getElementById('ranking-nav').getElementsByTagName('li') : null,

   

   pages: [

      document.getElementById('rank01'),

      document.getElementById('rank02'),

      document.getElementById('rank03'),
	  
	  document.getElementById('rank04'),
	  
	  document.getElementById('rank05')

   ]

}



tab.init();

}

/*--setup end--*/



var tab = {

   init: function(){

      var tabs = this.setup.tabs;

      var pages = this.setup.pages;
	  
	  if(tabs && pages) {
		  img0 = tabs[0].getElementsByTagName("img")[0];
		  img0.setAttribute("src",img0.src.slice(0,-5)+"a.gif");

	      

	      for(i=0; i<pages.length; i++) {

	         if(i !== 0) pages[i].style.display = 'none';

	         tabs[i].onclick = function(){ 
				 tab.activeInit(this);
				 tab.active(this);
				 tab.showpage(this);
				 return false;
			 };

	      }
	  }

   },
   
   activeInit : function(li){
	   ul = li.parentNode;
	   li = ul.getElementsByTagName("li");
	   for(i=0;i<li.length;i++){
		img = li[i].getElementsByTagName("img")[0];
		img.setAttribute("src",img.src.slice(0,-5)+"n.gif");
		}
	},
   
   active : function(li){
	   img = li.getElementsByTagName("img")[0];
	   imgSrc = img.src;
	   img.setAttribute("src",imgSrc.slice(0,-5)+"a.gif");
   },

   

   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 = 'case';

         }

         else{

            pages[i].style.display = 'none';

            //tabs[i].className = null;

         }

      }

   }

}