var offImgs = new Array();
var overImgs = new Array();

function cacheImgs(imgPath,imgRefs){
//var imgPath = "/content/imgs/nav/main/";
var imgs = imgRefs.split("|");
for(var i=0;i<imgs.length;i++){
var imgRef = imgs[i];
offImgs[imgRef] = new Image();
offImgs[imgRef].src = imgPath+imgRef+"-off.gif";
overImgs[imgRef] = new Image();
overImgs[imgRef].src = imgPath+imgRef+"-on.gif";
}
}


function imgChange(imgRef,doOver){
if(doOver){
document.getElementById(imgRef).src = overImgs[imgRef].src;
} else {
document.getElementById(imgRef).src = offImgs[imgRef].src;
}
}

function cacheImgsMulti(imgPath,imgRefs){
//var imgPath = "/content/imgs/button/";
var imgs = imgRefs.split("|");
for(var i=0;i<imgs.length;i++){
var imgRef = imgs[i];
offImgs[imgRef] = new Image();
offImgs[imgRef].src = imgPath+imgRef+".gif";
overImgs[imgRef] = new Image();
overImgs[imgRef].src = imgPath+imgRef+"-on.gif";
}
}

function imgChangeMulti(imgRef,cacheRef,doOver){
if(overImgs[cacheRef] != null && document.getElementById(imgRef)){
if(doOver){
document.getElementById(imgRef).src = overImgs[cacheRef].src;
} else {
document.getElementById(imgRef).src = offImgs[cacheRef].src;
}
}
}