//USE IN TAG: onLoad="registerRollOvers('home','gif','who','gif','stock','gif','services','gif','products','gif','resources','gif','pricing','gif');" //USE IN or TAG: onMouseOver="imgOn('home','gif');" onMouseOut="imgOff('home','gif');" var d=document, iDir="images/";//if you use a different image directory, override this variable in the calling code before calling any of these functions function registerRollOvers() { if (d.images) { if (!d.rollOversOn) d.rollOversOn = new Array(); if (!d.rollOversOff) d.rollOversOff = new Array(); if (!d.rollOverNames) d.rollOverNames = new Array(); if (!d.rollOverExts) d.rollOverExts = new Array(); var x=0; var y = d.rollOversOn.length; var imgExt; var a = registerRollOvers.arguments; for (x = 0; x < a.length; x+=2) { imgExt = a[x+1]; d.rollOverNames[y] = new String; d.rollOverNames[y] = a[x]; d.rollOverExts[y] = new String; d.rollOverExts[y] = imgExt; d.rollOversOn[y] = new Image; d.rollOversOn[y].src = iDir + a[x] + "." + imgExt; d.rollOversOff[y] = new Image; d.rollOversOff[y].src = iDir + a[x] + "_over." + imgExt; y++; } } } function rollOffRollovers() { // Turn just roll-overs off, leaving menus alone. for (var rollOverName in d.rollOverNames) imgOff(d.rollOverNames[rollOverName], d.rollOverExts[rollOverName]); } function imgOn(imgName,imgExt) { // Turn a roll-over "on" rollOffRollovers(); d[imgName].src = iDir + imgName + "_over." + imgExt; } // Turn a roll-over "off" function imgOff(imgName,imgExt) { d[imgName].src = iDir + imgName + "." + imgExt; }