window.onload = onl;

var preload = [
        "/img/comenius.png","/img/comenius.on.png",
        "/img/erasmus.png","/img/erasmus.on.png",
        "/img/leonardo.png","/img/leonardo.on.png",
        "/img/transversal.png","/img/transversal.on.png",
        "/img/grundtvig.png","/img/grundtvig.on.png"
        ];


function onl() {
    preloadImg();
    initIcons();
}

function preloadImg() {
    for (var i = 0; i < preload.length; i++) {
        new Image().src = preload[i];
    }
}

function initIcons() {
    var rollOvers = Element.getElementsByClassName(document.body, "toggle");

    for (var i = 0; i < rollOvers.length; i++) {

        var im = rollOvers[i];
        var imname = im.src.substring(im.src.lastIndexOf("/") + 1, im.src.indexOf(".png"));
        if (window["main_area"] == imname) {
            im.src = im.src.substring(0, im.src.indexOf(".png")) + ".on.png";
            if (im.parentNode.href)
            {
                im.parentNode.href = "#";
                im.parentNode.className="off";
            }
        } else {
            im.onmouseover = rollOver;
            im.onmouseout = rollOut;
        }
    }
}

function rollOver() {
    this.srcO = this.src;
    this.src = this.src.substring(0, this.src.indexOf(".png")) + ".on.png";
}

function rollOut() {
    if(this.srcO)
        this.src = this.srcO;
}