<script type="text/javascript">
  var spinnerElements = new Array("\\", "|", "/", "-");
  var spinnerIntervalId;
  var prevIndex = 0;

  function getById(elementId) {
    if (document.getElementById) {
      return document.getElementById(elementId);
    } else if (document.all) {
      return document.all[elementId];
    } else if (document.layers) {
      return document.layers[elementId];
    }
    return null;
  }

  function setSpinnerValue(value) {
    getById("spinner").innerHTML = value;
  }

  function getNextValue() {
    if (prevIndex >= spinnerElements.length) {
      prevIndex = 0;
    }
    var value = spinnerElements[prevIndex];
    prevIndex++;
    return value;
  }

  function startSpinner() {
    spinnerIntervalId = setInterval("setSpinnerValue(getNextValue());", 250);
  }

  function stopSpinner() {
    if (spinnerIntervalId != null) {
      clearInterval(spinnerIntervalId);
      spinnerIntervalId = null;
    }
  }
</script>