      // Expanding images script copyright Matthew LaCerais MLacerais@osc.state.ny.us

      // Distributed by hypergurl http://www.hypergurl.com 

      // Permission to use script granted if above credits are left intact



      // see http://www.hypergurl.com/expandpic.html



      var expansion = 0.3;

      var increment = (1 + expansion/2)*imageWidth;



      function resizeImage(e) {

        if (lastNumber == 0) {

          ignoreMouse();

          return;

        }

        if (document.layers) { //Netscape

          var xMousePos = e.pageX;

          var xMousePosMax = window.innerWidth+window.pageXOffset;

        } else if (document.all) { // IE

          var xMousePos = window.event.x+document.body.scrollLeft;

//          var xMousePosMax = document.body.offsetWidth;

          var xMousePosMax = document.documentElement.clientWidth;

        } else if (document.getElementById) {//Netscape 6

          var xMousePos = e.pageX;

          var xMousePosMax = window.innerWidth+window.pageXOffset;

        }



        var xMiddle = xMousePosMax/2;



        var middleImageNumber;

        if (images.length%2 != 0) { // odd number of images

          middleImageNumber = (images.length+1)/2;

        } else { // even number of images

          middleImageNumber = images.length/2 + .5;

        }



        for (z=1; z<=images.length; z++) {



          var picture = document.getElementById("picture" + z);

          var xImageMiddle = xMiddle + (z-middleImageNumber) * (increment+imageSpacing);

          var delta = Math.abs(xMousePos - xImageMiddle);

          var deltaNormalized = delta/xMiddle;

          var i = 1 + expansion - deltaNormalized;

          if (i < 1) i = 1;

          picture.width=(imageWidth * i);

          picture.height=(imageHeight * i);

        }



//var obj = document.getElementById("text");

//obj.innerHTML = "xMousePos="+xMousePos+" xMousePosMax="+xMousePosMax+" xMiddle="+xMiddle;

      }



      var lastNumber = 0; // needed to turn off expansion when we leave the image area



      function output(number) {

//return;

        lastNumber = number;

        var message;

        if (number == 0) {

          message = "";

        } else {

          message = captions[number-1];

        }

        var obj = document.getElementById("text");

        obj.innerHTML = "<center><b>"+message+"</b></center>";

      }

     

      function handleMouse() {

        if (document.layers) { // Netscape

          document.captureEvents(Event.MOUSEMOVE); 

          document.onmousemove = resizeImage;

        } else if (document.all) { // Internet Explorer 

          document.onmousemove = resizeImage;

        } else if (document.getElementById) { // Netcsape 6

          document.onmousemove = resizeImage;

        }

      }

     

      function doNothing(e) {

        for (z=1; z<=images.length; z++) {

          var picture = document.getElementById("picture" + z);

          picture.width=(imageWidth);

          picture.height=(imageHeight);

        }

      }

     

      function ignoreMouse() {

        if (document.layers) { // Netscape

          document.captureEvents(Event.MOUSEMOVE);

          document.onmousemove = doNothing; 

        } else if (document.all) { // Internet Explorer

          document.onmousemove = doNothing; 

        } else if (document.getElementById) { // Netcsape 6

          document.onmousemove = doNothing; 

        }

      }



      function ShowPics() {

        document.write(

          '<center><table xwidth="100%" border="0" cellspacing="0" cellpadding="0">' + 

          '  <tr>' + 

          '    <td height="' + ((1+expansion)*imageHeight+2) + '" width="889" valign="bottom" ' +

                  'onMouseOver="handleMouse()">' +

          '      <nobr><center>');

              for (var i=1; i<=images.length; i++) {

                if (i != 1) {

                  document.write('<img width="' + imageSpacing + '" height="1" src="'+spacerImage+'">');

                }

                document.write(

                  '<a href="' + targetUrls[i-1] + '">' +

                    '<img id="picture' + i + '" name="picture' + i + '" src="' + images[i-1] + '" ' +

                         'width="' + imageWidth + '" height="' + imageHeight + '" ' +

                         'onMouseOver="output(' + i + ')" onMouseOut="output(0)" border="0">' +

                  '</a>');

              }

        document.write(

          '      </center></nobr>' +

          '    </td>' +

          '  </tr>' +

          '</table></center>');



        document.write(

          '<center>'+

          '<div id="text" name="text" id="text" onMouseOver="ignoreMouse()"' +

         '      style="width:665px; height: 20px; z-index:1">' +

         '</div></center>');

      }

