// *** Component Start *** //
// Allows for the highlighting of a navigation button when the mouse is
// moved overtop of the navigation button.  Highlighting is achieved via
// the use of an 'on' and 'off' image for each state.  Image type may be
// jpg or gif.
var bar = new Array();
function buttonstate(buttonname,event,image) {
  if (event == "load")        {
    buttonstate_load(image);
  } else if (event == "on") {
    buttonstate_on(buttonname,image);
  } else if (event == "off") {
    buttonstate_off(buttonname,image);
  } else if (event == "stayon") {
    buttonstate_stayon(buttonname,image);
  }
  return;
}
function buttonstate_load(buttonname) {
  if (buttontype == "gif") {
    bar[buttonname + "off"] = new Image();
    bar[buttonname + "off"].src = prefix + buttonname + "off.gif";
    bar[buttonname + "on"] = new Image();
    bar[buttonname + "on"].src = prefix + buttonname + "on.gif";
  } else if (buttontype == "jpg") {
    bar[buttonname + "off"] = new Image();
    bar[buttonname + "off"].src = prefix + buttonname + "off.jpg";
    bar[buttonname + "on"] = new Image();
    bar[buttonname + "on"].src = prefix + buttonname + "on.jpg";
  }
  return;
}
function buttonstate_on(buttonname,image) {
  document.images[buttonname].src = bar[image + "on"].src;
  return;
}
function buttonstate_off(buttonname,image) {
  document.images[buttonname].src = bar[image + "off"].src;
  return;
}
// *** Component End *** //