var backgroundOn = '#095BA6 url(/images/bg-leftnavon.gif) 3px 7px no-repeat';
var backgroundOff = '#EFF4F9 url(/images/bg-leftnavoff.gif) 3px 7px no-repeat';
var backgroundOver = '#095BA6 url(/images/bg-leftnavover.gif) 3px 7px no-repeat';
var foregroundOn = 'white';
var foregroundOver = 'white';
var foregroundOff = '#052E53';
var navItems = 7;


function showHideSubNav(number) {
  hideAll(number);
  var navSwitch = document.getElementById('navswitch' + number);
  var subnavElement = document.getElementById('subnav' + number);
  if (!subnavElement.style.display || subnavElement.style.display == 'none') {
    colorOn(navSwitch);
    subnavElement.style.display = 'block';
  }
  else {
    colorOff(navSwitch);
    subnavElement.style.display = 'none';
  }
}

function hideAll(number) {
  for (var i = 1; i <= navItems; i++) {
    var subnavElement = document.getElementById('subnav' + i);
    var navSwitch = document.getElementById('navswitch' + i);
    if (i != number) {
      colorOff(navSwitch);
      subnavElement.style.display = 'none';
    }
  }
}

function rollOn(number) {
  var navSwitch = document.getElementById('navswitch' + number);
  var subnavElement = document.getElementById('subnav' + number);
  if (!subnavElement.style.display || subnavElement.style.display == 'none') colorOver(navSwitch);
}

function rollOff(number) {
  var navSwitch = document.getElementById('navswitch' + number);
  var subnavElement = document.getElementById('subnav' + number);
  if (!subnavElement.style.display || subnavElement.style.display == 'none') colorOff(navSwitch);
}

function colorOn(element) {
  element.style.background = backgroundOn;
  element.style.color = foregroundOn;
}

function colorOff(element) {
  element.style.background = backgroundOff;
  element.style.color = foregroundOff;
}

function colorOver(element) {
  element.style.background = backgroundOver;
  element.style.color = foregroundOver;
}