<!-- hide from non-JavaScript Browsers


function imgOver (imgName) {

    //onMouseOver
    if (document.images) {
        document[imgName].src = imgList[imgName].over.src
    }
}


function imgOut (imgName) {

    //onMouseOut 
    if (document.images) {
        document[imgName].src = imgList[imgName].out.src;    
    }
}


function imgList (imgName, i) {

        this.over = new Image();
        this.over.src = imgName + "on.gif"

        this.out = new Image();
        this.out.src = imgName + "off.gif"
}


//The above if statement can allow having some changing gifs that don't affect the main gif if we understand this, we should understand all we need:

if (document.images) {

        //for each of our named/numbered images,
        for (i = 1; i <= 8; i++) {

                //build array of named image objects
                // with MouseOver/MouseOut src properties

                imgList['../pics/sidelink' + i] = new imgList('../pics/sidelink' + i, i);
        }
}
 // - stop hiding -->