    // show or hide text area
    var ns4 = (document.layers)
    var ie4 = (document.all && !document.getElementById)
    var ie5 = (document.all && document.getElementById)
    var ns6 = (!document.all && document.getElementById)

    function togglePopup(divID) {
      if (ie5 || ns6) {
        if (document.getElementById(divID).style.display == 'none') {
          showPopup(divID)
        } else {
          hidePopup(divID)
        }
      }
    }

    function showPopup(divID) {
      if (ns4) {
     //Netscape 4
        document.layers[divID].visibility = "show"
      } else if (ie4) {
        //Explorer 4
        document.all[divID].style.visibility = "visible"
      } else if (ie5 || ns6) {
        //W3C - Explorer 5+ and Netscape 6+
        document.getElementById(divID).style.display = ''
      } else {
        var divObject = document.getElementById(divID) 
        divObject.style.display = ""
      }
    }

    function hidePopup(divID) {
      if (ns4) {
        //Netscape 4
        document.layers[divID].visibility = "hide"
      } else if (ie4) {
        //Explorer 4
        document.all[divID].style.visibility = "hidden"
      } else if (ie5 || ns6) {
        //W3C - Explorer 5+ and Netscape 6+
        document.getElementById(divID).style.display = 'none'
      } else {
        var divObject = document.getElementById(divID) 
        divObject.style.display = "none"
      }
    }

    function movePopup(divID, imgID) {
      var divObject = document.getElementById(divID)
      var imgObject = document.getElementById(imgID)
      divObject.style.left = findCoordinateX(imgObject) + offsetX
      divObject.style.top = findCoordinateY(imgObject) + offsetY
    //offsetX and offsetY are vars declared in the calling html  
    //showPopup(divID)
    }

    function findCoordinateX(obj) {
      var left = 0;
      if(obj.offsetParent)
        while(1) {
          left += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
      else if(obj.x)
        left += obj.x;
      return left;
    }

    function findCoordinateY(obj) {
      var top = 0;
      if(obj.offsetParent)
        while(1) {
          top += obj.offsetTop;
          if(!obj.offsetParent)
            break;
        obj = obj.offsetParent;
        }
      else if(obj.y)
        top += obj.y;
      return top;
    }

//=========================================================
    // highlight active and hover link within a div
    function highlightActiveLink(color) {
      var thisPage = document.location.href
      for (i = 0; i < document.links.length; i++) {
        if (thisPage.indexOf(document.links[i].nameProp) > -1) {
          document.links[i].style.background = color
        }
      }
    }

    function highlightHoverLink(divID, color) {
      var thisPage = document.location.href
      for (i = 0; i < document.links.length; i++) {
        if (thisPage.indexOf(divID) > -1 && document.links[i].nameProp == divID) {
          document.links[i].style.background = color
        }
      }
    }

//=========================================================
    //insert this function call in html <body>
    //and declare following variables 
    //var formName = 'FrontPage_Form1'
    //var startField = 'Name'
    //onload="focusOnLoad(formName, startField)"

    //form = form name, field = field name
    function focusOnLoad(form, field) {
      fieldObject = document.forms[form].elements[field]
      if (fieldObject.value == '') {
        fieldObject.focus()
      }
    }

    //form selection list actions
    function focusField(form, field) {
      document.forms[form].elements[field].focus()
    }

    function selectField(form, field) {
      document.forms[form].elements[field].select()
    }

    function focusFieldObject(fieldObject) {
      fieldObject.focus()
    }

    function selectFieldObject(fieldObject) {
      fieldObject.select()
    }

    function assignFieldValue(form, field, value) {
      document.forms[form].elements[field].value = value
    //document.forms[form].elements[field].select()
    //document.forms[form].elements[field].focus()
    //create range and point to end of string
      var fieldObject = document.forms[form].elements[field]
      var inputStr = fieldObject.value
      if (fieldObject.setSelectionRange) {
        fieldObject.focus();
        fieldObject.setSelectionRange(inputStr.length, 0);
      } else if (fieldObject.createTextRange) {
        var range = fieldObject.createTextRange();
        range.collapse(true);
        range.moveStart('character', inputStr.length);
        range.moveEnd('character', 0);
        range.select();
      }
    }

//=========================================================
