<!--
  function updateRingImage() {
    // check for an image base and an image directory
    if ((!(document.configurator.RingImage_IB)) || (!(document.configurator.RingImage_ID))) {
      // if we don't have both, there is nothing to show, replace spacer gif
      hideDiv('RingImage');    // hide
      document.getElementById('RingImage').src = 'spacer.gif';        // swap image
      showDiv('RingImage');    // re-show
      return;
    }
    else
    {
      // if we do, get their values
      var imgBase = document.configurator.RingImage_IB.value
      var imgDirectory = document.configurator.RingImage_ID.value
    }

    // get the values of the other two image path attributes
    var imgBaseAppend = ""
    if (document.configurator.RingImage_IBA)
      imgBaseAppend = document.configurator.RingImage_IBA.value;

    var imgDirectoryAppend = ""
    if (document.configurator.RingImage_IDA)
      imgDirectoryAppend = document.configurator.RingImage_IDA.value;

    // if there's an imageBaseAppend value
    // regarldess - create the imgBase_final value
    if ( imgBaseAppend != "" ) {

      // split the imageBase into name and extension
      var imgArray = new Array();
      imgArray = imgBase.split(".");

      var imgBase_name = imgArray[0]
      var imgBase_ext = imgArray[ (imgArray.length - 1) ]

      // if there are embedded periods in the filename, get them as well
      for (var i = 1; i < (imgArray.length - 1); i++) {
        imgBase_name += "." + imgArray[i]
      }
      var imgBase_final = imgBase_name + imgBaseAppend + "." + imgBase_ext
    }
    else {
      var imgBase_final = imgBase
    }

    var imgSrc = imgDirectory + imgDirectoryAppend + imgBase_final

    document.getElementById("RingImage").style.visibility = 'hidden';    // hide
    document.getElementById("RingImage").src = imgSrc;            // swap image
    document.getElementById("RingImage").alt = imgSrc;
    document.getElementById("RingImage").height = 240;
    document.getElementById("RingImage").width = 240;
    document.getElementById("RingImage").style.visibility = 'visible';    // re-show
  }

// -->