/*
 * Standards-compliant Rollover Script
 * Author : Daniel Nolan
 * http://www.bleedingego.co.uk/webdev.php
 */

function initRollovers()
{
 if (!document.getElementById) return;

 var aPreLoad = new Array();
 var sTempSrc; /* global: src of currently rolled-over image */
 var aImages = document.getElementsByTagName('img');

 for (var i = 0; i < aImages.length; i++)
   {
    if (aImages[i].className == 'imgover')
      {
       var src = aImages[i].getAttribute('src');
       var ftype = src.substring(src.lastIndexOf('.'), src.length);
       var hsrc = src.replace(ftype, '_on'+ftype);

       aImages[i].setAttribute('hsrc', hsrc);

       aPreLoad[i] = new Image();
       aPreLoad[i].src = hsrc;

       aImages[i].onmouseover =
          function()
            {
             sTempSrc = this.getAttribute('src'); /* set the global */
             this.setAttribute('src', this.getAttribute('hsrc'));
            }

       aImages[i].onmouseout =
          function()
            {
             if (!sTempSrc)
                sTempSrc = this.getAttribute('src').replace('_on'+ftype, ftype);
             this.setAttribute('src', sTempSrc);
            }

      } /* if imgover */
   } /* for each image */
} /* initRollovers */

window.onload = initRollovers;