if (document.images)
{
  // Define containers for images
  var home_sm_off = new Image();
  var home_sm_on = new Image();
  var about_sm_off = new Image();
  var about_sm_on = new Image();
  var projects_sm_off = new Image();
  var projects_sm_on = new Image();
  var status_sm_off = new Image();
  var status_sm_on = new Image();
  var systems_sm_off = new Image();
  var systems_sm_on = new Image();
  var resources_sm_off = new Image();
  var resources_sm_on = new Image();
  var links_sm_off = new Image();
  var links_sm_on = new Image();
  var error_sm_off = new Image();
  var error_sm_on = new Image();

  // Point Image objects to objects on disk.
  //
  // Since the names of objects and actual disk
  // images are the same, there should be an
  // easier way to do this...  Ideas?
  // I'm thinking of an array of name strings
  // and a for loop.
  home_sm_off.src = "/images/home_sm_off.png";
  home_sm_on.src = "/images/home_sm_on.png";
  about_sm_off.src = "/images/about_sm_off.png";
  about_sm_on.src = "/images/about_sm_on.png";
  projects_sm_off.src = "/images/projects_sm_off.png";
  projects_sm_on.src = "/images/projects_sm_on.png";
  status_sm_off.src = "/images/status_sm_off.png";
  status_sm_on.src = "/images/status_sm_on.png";
  systems_sm_off.src = "/images/systems_sm_off.png";
  systems_sm_on.src = "/images/systems_sm_on.png";
  resources_sm_off.src = "/images/resources_sm_off.png";
  resources_sm_on.src = "/images/resources_sm_on.png";
  links_sm_off.src = "/images/links_sm_off.png";
  links_sm_on.src = "/images/links_sm_on.png";
  error_sm_off.src = "/images/error_sm_off.png";
  error_sm_on.src = "/images/error_sm_on.png";
}


// Image on
function on(name,target) {
	if (target)
		document[target].src = eval(name + '_on.src');
	else
		document[name].src = eval(name + '_on.src');
}

// Image off
function off(name,target) {
	if (target)
		document[target].src = eval(name + '_off.src');
	else
		document[name].src = eval(name + '_off.src');
}