/**
* ex) <img src="sample.jpg" alt="Some Image" class="imgover" />
*     put sample_over.jpg in images folder!
*/

function initRollovers() {
    if (!document.getElementById) return
    
    var afterPreLoad = new Array();
    var beforePreLoad = new Array();
    var beforeTempSrc;
    var allImages = document.getElementsByTagName('img');
    var clickFlag;

    for (var i = 0; i < allImages.length; i++) {      
        if (allImages[i].className == 'imgover') {
            var src = allImages[i].getAttribute('src');
            var ftype = src.substring(src.lastIndexOf('.'), src.length);
            var hsrc = src.replace(ftype, '_over'+ftype);
            
            allImages[i].setAttribute('hsrc', hsrc);
            
            afterPreLoad[i] = new Image();
            beforePreLoad[i] = new Image();
            afterPreLoad[i].src = hsrc;
            beforePreLoad[i].src = src;
            
            allImages[i].onmouseover = function() {
                beforeTempSrc = this.getAttribute('src');
                this.setAttribute('src', this.getAttribute('hsrc'));
                clickFlag = false;
            }
            
            allImages[i].onmouseout = function() {
                if (!beforeTempSrc) beforeTempSrc = this.getAttribute('src').replace('_over'+ftype, ftype);
                if (!clickFlag) this.setAttribute('src', beforeTempSrc);
            }
            
            allImages[i].onclick = function() {
                for (var j = 0; j < allImages.length; j++) {
                    if (allImages[j].className == 'imgover') {
                        allImages[j].setAttribute('src', beforePreLoad[j].src);
                    }
                }
                this.setAttribute('src', this.getAttribute('hsrc'));
                clickFlag = true;
            }
        }
    }
}

//window.onload = initRollovers;
//window.onunload = initRollovers;