/**
 * Gestion du rollover sur une image <img>
 *
 * @author      Eric Giovannetti <eric@bleuroy.com>
 * @copyright   BleuRoy.com
 * @version     1.0.0
 */
 
/**
 * Gère le rollover sur une image <img> ayant la class 'rollover'
 * @var {array}         preLoad           Récupère les adresses des images en mode hover
 * @var {string}        srcTmp            Stocke l'adressse de l'image actuelle
 * @var {object}        images            Récupère les images <img> de la page
 * @var {string}        src               Contient l'attribut 'src' de l'image <img>
 * @var {string}        extension         Contient l'extension de l'attribut 'src'
 * @var {string}        srcHover          Contient l'attribut 'src' de l'image <img> auquel a été ajouté '-on' avant l'extension
 */
function ROLLOVER_Gestion() {
    // Vérifie si le navigateur est compatible avec le DOM
    if(!document.getElementById) {return;}
 
    var preLoad = new Array();
    var srcTmp;
    var images = document.getElementsByTagName('img');
 
    for (var i=0; i<images.length; i++) {  
        if (images[i].className.indexOf('rollover') >= 0) {
            var src = images[i].getAttribute('src');
            var extension = src.substring(src.lastIndexOf('.'), src.length);
            var srcHover = src.replace(extension, '-on'+extension);
 
            images[i].setAttribute('srcHover', srcHover);
 
            preLoad[i] = new Image();
            preLoad[i].src = srcHover;
 
            images[i].onmouseover = function() {
                srcTmp = this.getAttribute('src');
                this.setAttribute('src', this.getAttribute('srcHover'));
            }    
 
            images[i].parentNode.onfocus = function() {
                srcTmp = this.firstChild.getAttribute('src');
                this.firstChild.setAttribute('src', this.firstChild.getAttribute('srcHover'));
            }    
 
            images[i].onmouseout = function() {
                if (!srcTmp) srcTmp = this.getAttribute('src').replace('-on'+extension, extension);
                this.setAttribute('src', srcTmp);
            }
 
            images[i].parentNode.onblur = function() {
                if (!srcTmp) srcTmp = this.firstChild.getAttribute('src').replace('-on'+extension, extension);
                this.firstChild.setAttribute('src', srcTmp);
            }
        }
    }
}