var current_tab=-1;

var tabs = [
  //  TAB OFF              TAB HOVER            TAB ON
  ['home_off.gif',      'home_on.gif',      'home_on.gif'],
  ['gallery_off.gif',   'gallery_on.gif',   'gallery_on.gif'],
  ['studio_off.gif',    'studio_on.gif',    'studio_on.gif'],
  ['about_off.gif',     'about_on.gif',     'about_on.gif'],
  ['contact_off.gif',   'contact_on.gif',   'contact_on.gif'],
  ['newsletter_off.gif','newsletter_on.gif','newsletter_on.gif'],
];

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 highlightTab(tab) {
  if(tab != current_tab) document.images["tab"+tab].src = tabs[tab][1];
}

function unhighlightTab(tab) {
  if(tab == current_tab) {
    document.images["tab"+tab].src = tabs[tab][2];
  }else{
    document.images["tab"+tab].src = tabs[tab][0];
  }
}

function switchTab(tab) {
  current_tab=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][2];
  //document.getElementById("currentTab").innerHTML = tabs[tab][2];
}