//<![CDATA[

    var personButtonTimer;
    var savedImages = false;
    var spanClasses = new Array();

    function greyOutOthers(index, totalInSet) {
        clearTimeout(personButtonTimer);
        saveImages(totalInSet);
        for (var i=0; i<totalInSet; i++) {
            if (i!=index) {
                restoreImage(i);
                document.getElementById('imageButton' + (i+1)).style.filter = "alpha(opacity=50)";
                document.getElementById('imageButton' + (i+1)).style.opacity = "0.5";
            } else {
                // Selected image
                document.getElementById('imageButtonSpan' + (i+1)).className = "imageButtonHilite";
                document.getElementById('imageButton' + (i+1)).style.filter = "alpha(opacity=100)";
                document.getElementById('imageButton' + (i+1)).style.opacity = "1.0";
            }
        }
    }

    function greyOutNone(totalInSet) {
        personButtonTimer = setTimeout("resetImages(" + totalInSet + ")", 200);
    }	
		
    function resetImages(totalInSet) {
        for (var i=0; i<totalInSet; i++) {
            restoreImage(i);
            document.getElementById('imageButton' + (i+1)).style.filter = "alpha(opacity=100)";
            document.getElementById('imageButton' + (i+1)).style.opacity = "1.0";
        }        	
    }

    function saveImages(totalInSet) {
        if (!savedImages) {
          for (var i=0; i<totalInSet; i++) {
            spanClasses[i] = document.getElementById('imageButtonSpan' + (i+1)).className;
          }
          savedImages = true;
        }
    }

    function restoreImage(index) {
      document.getElementById('imageButtonSpan' + (index+1)).className = spanClasses[index];
    }
//]]>
