Here we want to hide that accessibility on the main page so we do that by calling a case via the ajaxManager function. We then want to store the arrays so that we can use them as a user cycles through the gallery. The rest is loading content as was discussed previously.

The whole JavaScript file for the fading galley widget is 3.76 kb which is light enough in itself. We could shave a considerable amount of that by using shorter variable and function names and removing all the white space. But, since this is a developer's / designer's orientated site, I like to leave my code readable.

If you think about it that small piece of JavaScript does quite a lot. It loads in both html / image files and xml files, centers those files automatically, provides a mechanism where the user can continually load images and navigate either forward or backward and provides a fading FX. Not bad going is it?