/*--setup--*/
window.onload=function() {
tab.setup = {
tabs: document.getElementById('tab').getElementsByTagName('li'),
pages: [
document.getElementById('topics'),
document.getElementById('games'),
document.getElementById('event'),
document.getElementById('news'),
document.getElementById('academy'),
document.getElementById('school'),
]
}
tab.init();
}
/*--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;
}
}
}
}