//preferred function for "image" rollovers
/*
    Standards Compliant Rollover Script
    Author : Daniel Nolan
    http://www.bleedingego.co.uk/webdev.php
    
    Implementation: set class="imgover" inside <img> tag. No other classes should be set.
*/
function initRollovers() {
    if (!document.getElementById) return
    
    var aPreLoad = new Array();
    var sTempSrc;
    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, '_over'+ftype);
            aImages[i].setAttribute('hsrc', hsrc);
            
            aPreLoad[i] = new Image();
            aPreLoad[i].src = hsrc;
            
            aImages[i].onmouseover = function() {
                sTempSrc = this.getAttribute('src');
                this.setAttribute('src', this.getAttribute('hsrc'));
            }    
            
            aImages[i].onmouseout = function() {
                if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_over'+ftype, ftype);
                this.setAttribute('src', sTempSrc);
            }
            
            aImages[i].onclick = function() {
                if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_over'+ftype, ftype);
                this.setAttribute('src', sTempSrc);
            }
            
        }
    }
}
//end