var tabs = [
//first tab
[
//tab image when unselected
'../images/home/newstab.gif',
//tab image when selected
'../images/home/newstab_selected.gif',
//tab data
''],
//second tab
[
'../images/home/eventstab.gif',
'../images/home/eventstab_selected.gif',
'This would be the "Games" tab
']];
//you can have more tabs if you want
//if you have empty space between your tabs, adjust this to a lower number
var width = 40;
function preloadImages() {
for (var y = 0; y < 2; y++) {
for (var x = 0; x < tabs.length; x++) {
image = new Image();
image.src = tabs[x][y];
}
}
}
function drawTabs() {
document.write("");
for (var x = 0; x < tabs.length; x++) {
document.write(" | ");
}
document.write(" |
| ");
document.write(tabs[0][2]);
document.write(" |
");
document.images["tab0"].src = tabs[0][1];
}
function switchTab(tab) {
for (var x = 0; x < tabs.length; x++) {
if (x != tab)
document.images["tab"+x].src = tabs[x][0];
}
document.images["tab"+tab].src = tabs[tab][1];
document.getElementById("currentTab").innerHTML = tabs[tab][2];
}
preloadImages(); 