if (document.images) {

  // new button
  pedestrian_and_trail_bridgesOn = new Image();
  pedestrian_and_trail_bridgesOn.src = "/images/nav/pedestrian_and_trail_bridges-ro.png"

  pedestrian_and_trail_bridgesOff = new Image();
  pedestrian_and_trail_bridgesOff.src = "/images/nav/pedestrian_and_trail_bridges.png"

  // new button
  quoteOn = new Image();
  quoteOn.src = "/images/nav/quote-ro.png"

  quoteOff = new Image();
  quoteOff.src = "/images/nav/quote.png"

  // new button
  supportOn = new Image();
  supportOn.src = "/images/nav/support-ro.png"

  supportOff = new Image();
  supportOff.src = "/images/nav/support.png"

  // new button
  aboutOn = new Image();
  aboutOn.src = "/images/nav/about-ro.png"

  aboutOff = new Image();
  aboutOff.src = "/images/nav/about.png"

  // new button
  contactOn = new Image();
  contactOn.src = "/images/nav/contact-ro.png"

  contactOff = new Image();
  contactOff.src = "/images/nav/contact.png"

  // new button
  pedestrian_and_trail_bridgesHomeOn = new Image();
  pedestrian_and_trail_bridgesHomeOn.src = "/images/nav/home/pedestrian_and_trail_bridges-ro.png"

  pedestrian_and_trail_bridgesHomeOff = new Image();
  pedestrian_and_trail_bridgesHomeOff.src = "/images/nav/home/pedestrian_and_trail_bridges.png"

  // new button
  quoteHomeOn = new Image();
  quoteHomeOn.src = "/images/nav/home/quote-ro.png"

  quoteHomeOff = new Image();
  quoteHomeOff.src = "/images/nav/home/quote.png"

  // new button
  supportHomeOn = new Image();
  supportHomeOn.src = "/images/nav/home/support-ro.png"

  supportHomeOff = new Image();
  supportHomeOff.src = "/images/nav/home/support.png"

  // new button
  aboutHomeOn = new Image();
  aboutHomeOn.src = "/images/nav/home/about-ro.png"

  aboutHomeOff = new Image();
  aboutHomeOff.src = "/images/nav/home/about.png"

  // new button
  contactHomeOn = new Image();
  contactHomeOn.src = "/images/nav/home/contact-ro.png"

  contactHomeOff = new Image();
  contactHomeOff.src = "/images/nav/home/contact.png"

}

function changeImages() {
  // link syntax:
  // <a href="/xxx.php" onMouseOver="changeImages('xxx', 'xxxOn')" onMouseOut="changeImages('xxx', 'xxxOff')"><img src="/images/nav/xxx.png" alt="xxx" name="xxx" id="xxx" width="164" height="36" /></a>
  if (document.images) {
    for (var i=0; i<changeImages.arguments.length; i+=2) {
      document.images[changeImages.arguments[i]].src = window[changeImages.arguments[i+1]].src;
    }
  }
}

function openNewWindow(theURL,winName,features) {
  window.open(theURL,winName,features);
}