// JavaScript Document

var revert1 = new Array();
var flipped1 = new Array();

var inames1 = ['academic','teachers','inspire','partnership',
                 'values'];

// just had two pages in my testing:  junk1.html and junk2.html
//var inames = ["index","about","parents","contact","enrol","calendar"];

// Preload
for(i=0; i< inames1.length; i++) 
{
    var name = inames1[i];
    flipped1[name] = new Image();
    flipped1[name].src = "images/key/" + name + "-r.jpg";
    revert1[name] = new Image();
    revert1[name].src = "images/key/" + name + ".jpg";
}
// now, for the current page, change it's "revert" image:
var page = location.href.toLowerCase();
// must strip off any prefix and any query string, etc.
var zap = /^.*?\/(\w+)\.html.*$/
page = page.replace( zap, "$1"); 
// the "if" should always be true, but I'm paranoid:
if ( flipped1[page] != null ) revert1[page] = flipped1[page];

// then the simplified over/out methods:
function over1(obj) {
    obj.src = flipped1[obj.name].src;
    // debug alert(obj.name + " :: " + obj.src);
}
function out1(obj) {
    obj.src = revert1[obj.name].src;
    // debug alert(obj.name + " :: " + obj.src);
}