/** * Toggle Background Script * Copyright Hugo Hudson, 2006 * * Usage: * * Include this file in your page by placing the following code in the page * header (between the and tags): * * * Then add the class 'toggle' to any element on your page with a background * image (as defined by the css stylesheet property background-image). * * Whenever the user passes his mouse over the element, the background image * will change, and then change back when the mouse leaves the element. The * background image for the toggled image is given by adding '-toggle' to the * filename, for example 'test.png' becomes 'test-toggle.png'. */ // run the setup method after the page loads addEvent(window, 'load', setMouseToggle); // a cache for preloading images, for faster mouse-overs and things like that preloadedToggleImages = new Array(); /* * This function finds all objects with the class 'toggle', then tells them * that on mouseOver their background image should swap to be the same as the * current image name, but with '-toggle' at the end of the filename. */ function setMouseToggle() { var elements = byclass('toggle'); for (var i=0; i