if (document.images) {

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

  productsOff = new Image();
  productsOff.src = "/images/nav/products.png"

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

  servicesOff = new Image();
  servicesOff.src = "/images/nav/services.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
  searchOn = new Image();
  searchOn.src = "/images/nav/search-ro.png"

  searchOff = new Image();
  searchOff.src = "/images/nav/search.png"

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

  cartOff = new Image();
  cartOff.src = "/images/nav/cart.png"

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

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

  // new button
  lockersOn = new Image();
  lockersOn.src = "/images/sidebar/sidenav-lockers-ro.png"

  lockersOff = new Image();
  lockersOff.src = "/images/sidebar/sidenav-lockers.png"

  // new button
  storageOn = new Image();
  storageOn.src = "/images/sidebar/sidenav-storage-ro.png"

  storageOff = new Image();
  storageOff.src = "/images/sidebar/sidenav-storage.png"

  // new button
  restroomsOn = new Image();
  restroomsOn.src = "/images/sidebar/sidenav-restrooms-ro.png"

  restroomsOff = new Image();
  restroomsOff.src = "/images/sidebar/sidenav-restrooms.png"

  // new button
  overstocksOn = new Image();
  overstocksOn.src = "/images/sidebar/sidenav-overstocks-ro.png"

  overstocksOff = new Image();
  overstocksOff.src = "/images/sidebar/sidenav-overstocks.png"

  // new button
  more_infoOn = new Image();
  more_infoOn.src = "/images/shared/more_info-ro.png"

  more_infoOff = new Image();
  more_infoOff.src = "/images/shared/more_info.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 toggle_info (el) {
  var myelement = document.getElementById(el);
  if( !myelement.style.display || myelement.style.display == "none" ) { myelement.style.display = "block"; }
  else { myelement.style.display = "none"; }
}